蛋糕|「传闻中的叠蛋糕」如何用视觉锤助力品牌塑造( 三 )


蛋糕|「传闻中的叠蛋糕」如何用视觉锤助力品牌塑造
本文插图

蛋糕|「传闻中的叠蛋糕」如何用视觉锤助力品牌塑造
本文插图

2.3.拟定配套主题
介于整体互动是夏日森林趴主题 , 也为了避免用户在叠蛋糕过程中可能会出现的审美疲劳 , 我们在蛋糕主题拟定上也选择了各种大自然元素 , 在糕体上进行多种自然场景的搭建 。
蛋糕|「传闻中的叠蛋糕」如何用视觉锤助力品牌塑造
本文插图

3.主要元素符号化——加深品牌印象
蛋糕|「传闻中的叠蛋糕」如何用视觉锤助力品牌塑造
本文插图

简洁 , 扁平 , 符号化的元素能快速连接用户 , 在其脑海中留下「品牌记忆」 。
3.1.主标题——终究是它承担了所有
作为页面中信息包袱最大的元素 , 也是存在感最强的视觉元素 , 主标题的外形首先要做到轮廓清晰 , 形状需经过高度提炼 , 才能开始在外围加一些有的没的派对氛围 。
蛋糕|「传闻中的叠蛋糕」如何用视觉锤助力品牌塑造
本文插图

3.2.618——重复大促符号
生日蜡烛和互动货币是贯穿整个互动的核心元素 , 也是出场率最高的元素 。 虽然说品牌化并不是一味的「重复」一些信息 , 但是把618的字眼融入到中 , 洗脑式地重复出现在用户眼前 , 也可以加深用户对其品牌印象 。
蛋糕|「传闻中的叠蛋糕」如何用视觉锤助力品牌塑造
本文插图

蛋糕|「传闻中的叠蛋糕」如何用视觉锤助力品牌塑造
本文插图

3.3.与JOY联动——京东IP形象为互动代言
让母品牌IP形象与互动主要元素产生视觉联动 , 对于其品牌塑造有事半功倍的效果 。?
蛋糕|「传闻中的叠蛋糕」如何用视觉锤助力品牌塑造
本文插图

蛋糕|「传闻中的叠蛋糕」如何用视觉锤助力品牌塑造
本文插图

4.动效印象加成——提升感官体验
蛋糕|「传闻中的叠蛋糕」如何用视觉锤助力品牌塑造
本文插图

相较于静态页面 , 有动效的页面会给人留下更深的印象 。 但这并不代表我们要为了动而动 , 而是在关键的操作点给予用户生动的反馈 , 这也是一个与用户交流的必要手段 。
4.1.叠蛋糕——叠得丝滑 , 叠得流畅
「叠蛋糕」是一个不断升级的过程 , 动效要给用户升级的成就感 , 画面必然要面对多和乱的问题 。 因此 , 对元素关系进行梳理 , 进而对动效进行优先级排序 , 很有必要 。
首先 , 从人眼对画面的视觉热力感知而言 , 排除主标和操作按钮 , 蛋糕和小精灵无论从位置还是画面占比都无疑是最突出的视觉元素 。
其次 , 作为互动的主体 , 蛋糕的存在感远比精灵来得重 , 它的动作是会波及周围元素的动作 , 动效幅度也可据此排序 。
蛋糕|「传闻中的叠蛋糕」如何用视觉锤助力品牌塑造
本文插图

4.2.蛋糕炸弹——重点反馈 , 制造爽点
对比往期的PK线 , 这次「叠蛋糕大作战」增加了一个亮点:「蛋糕炸弹」 , 大大刺激了用户的神经 , 提升了PK线的参与度 。 用户可通过定时拼手速抢炸弹 , 炸毁对方的蛋糕塔 。 对于这样一个奖惩机制于一身的元素 , 我们对它进行了重点设计 。
在外形上 , 蛋糕炸弹拥有不怀好意的表情 , 希望能激发用户「恶作剧」心理 , 挑起蠢蠢欲动的点击欲 。


推荐阅读