爱马仕 SVG 交互图文 8 案例：奢华品牌如何用短小精悍交互传递优雅

▲GIF演示

点此查看原文

「左滑」查看地图，点击图标弹出新品介绍和小程序的购买渠道，充满交互和梦幻感的秋日奇境，吸引大家前来探索。

组合：左滑组合(自动对齐)

编号：10249（组合）

组件：点击-悬浮弹窗(无限次弹出,相同关闭位置,小程序）

编号：11843（组件）

▲GIF演示

点此查看原文

「左滑组合」嵌套「右滑组合」，用双向滑动展示如何创造爱马仕橙的效果，打造具有该色调风格的场景，借此宣传爱马仕橙。

组合：左滑组合(自动对齐)

编号：10249（组合）

组合：右滑组合(自动对齐)

编号：10294（组合）

组件：视频号-图片(有触发区)

编号：10575（组件）

▲GIF演示

点此查看原文

「点击云朵」切换展示视频号内的趣味内容，借此宣传爱马仕的播客世界，解开与爱马仕历史有关的物件之谜。

组合：无限选择切换内容(三组)

编号：11707（组合）

组件：视频号-图片

编号：10228（组件）

▲GIF演示

点此查看原文

「长屏左滑」模拟制作爱马仕包包的过程，点击播放建跳转至视频号查看更多与众不同的的爱马仕包包介绍。

组合：长屏左滑组合(自动对齐)

编号：10868（组合）

组件：连续点击-切换多张GIF动图(有触发区)

编号：10088（组件）

▲GIF演示

点此查看原文

「点击播放GIF切换」模拟查看Bolide的游戏过程，借此宣传爱马仕包包。

组合：点击播放GIF切换组合

编号：11773 （组合）

组件：视频号-图片(有触发区)

编号：10575（组件）

▲GIF演示

点此查看原文

HERMES通过「三层上滑」的交互模拟将爱马仕之物收入福宝号，借此宣传春夏新品。

组合：三层上滑组合

编号：11761（组合）

▲GIF演示

点此查看原文

「长按」模拟控制车轮滚动、解开谜底、探寻经典或释放想象，借此宣传奔驰爱马什的无限创意。

组件：长按-长按淡入,松手淡出

编号：10026 （组件）

▲GIF演示

点此查看原文

依次「点击切换图片」展示飞行地图上的爱马仕产品，结合秋日元素与品牌单品，感受秋日浪漫与优雅。

组合：点击切换组合

编号：10871（组合）

组件：小程序-图片(设置多个小程序)

编号：11135（组件）

定制SVG交互图文和获取编辑器使用教程联系二师兄(ID: playhudong004)。