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


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

如前文所说 , 「视觉锤」是手段 , 我们利用「故事包装场景化」 , 「主体蛋糕多样化」 , 「主要元素符号化」 , 「动效印象加成」和「界面应用规范化」5个手段 , 从宏观到微观 , 静态到动态 , 对「叠蛋糕」进行全面的品牌塑造 , 一套连招把你带走 。
蛋糕|「传闻中的叠蛋糕」如何用视觉锤助力品牌塑造
本文插图

1.故事包装场景化:打造沉浸式「夏日狂欢派对」
蛋糕|「传闻中的叠蛋糕」如何用视觉锤助力品牌塑造
本文插图

??1.1.氛围渲染
因为618通常是初夏进行 , 所以在主题氛围的渲染上我们选择以夏日森林中的花草植被为主 ,绿野仙踪的环境搭配林中嬉戏的小精灵 , 打造清凉梦幻的季节限定生日趴 。
蛋糕|「传闻中的叠蛋糕」如何用视觉锤助力品牌塑造
本文插图

1.2.元素发散
以简单的三角形为基础 , 延展蛋糕塔 , 植被 , 蘑菇 , 生日帽 , 小精灵等元素 。
蛋糕|「传闻中的叠蛋糕」如何用视觉锤助力品牌塑造
本文插图

1.3.建立色彩体系
蛋糕|「传闻中的叠蛋糕」如何用视觉锤助力品牌塑造
本文插图

主基调色忠诚于京东固有的品牌色 , 也是大促特有的红色贯穿始末 。
蛋糕|「传闻中的叠蛋糕」如何用视觉锤助力品牌塑造
本文插图

因为该互动时间线较长 , 且蛋糕会越叠越高 , 主页搭配了四种氛围递进的夏日马卡龙配色 , 丰富前期到后期的视觉感官体验 。
蛋糕|「传闻中的叠蛋糕」如何用视觉锤助力品牌塑造
本文插图

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

点缀金色 , 提亮重点 , 提升画面质感 , 不喧宾夺主 。
蛋糕|「传闻中的叠蛋糕」如何用视觉锤助力品牌塑造
本文插图

云彩等轻薄元素 , 适当添加画面透气感 。
1.4.概念草图
蛋糕|「传闻中的叠蛋糕」如何用视觉锤助力品牌塑造
本文插图

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

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

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

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

2.主体蛋糕多样化:「多种自然主题」
蛋糕|「传闻中的叠蛋糕」如何用视觉锤助力品牌塑造
本文插图

2.1.配色和排序
为了呈现多样化的蛋糕 , 也为了突显其存在感 , 我们选择了比背景马卡龙色饱和度略高一度的颜色;因为一屏最多展示3.5层 , 在排序分布上我们会避免一屏里相近色蛋糕扎堆的排列方式 。
蛋糕|「传闻中的叠蛋糕」如何用视觉锤助力品牌塑造
本文插图

2.2.糕体场景搭建
在蛋糕上造景 , 需要事先对糕体的视觉节奏有一个整体把控 。 为了让每一个蛋糕在丰富多样的情况下又有一定规律 , 且叠放在主画面里不能太乱 , 我们加强了外围主要元素的立体感 , 次要氛围元素则紧贴糕体作陪衬丰富画面 。


推荐阅读