手机里的少女衣橱革命—淘宝 38 焕新视觉系统设计手记
广州/平面设计师/77天前/10浏览
版权
手机里的少女衣橱革命—淘宝 38 焕新视觉系统设计手记
从色彩情绪板到穿搭符号学:如何用统一视觉语言讲好 3 个风格故事?
我们面临一个有趣的挑战:如何让 3 套截然不同的穿搭(日系清新 / 学院复古 / 盐系少女)在视觉上既独立成章,又像同一系列的 “成长日记”?最终,我们用 “色彩情绪轴” 和 “符号锚点” 编织了这套视觉系统。
▫️
色彩密码:被量化的少女心色谱
很多人以为三套海报的背景色是随机选的,其实藏着严谨的情绪逻辑:
- 黄油黄(Pantone 108C):明度 85%,纯度 60%,像刚烤好的舒芙蕾,对应 “元气日系” 穿搭,搭配白色上衣 + 绿色半裙,形成 “春樱 + 嫩草” 的自然联想;
- 奶油棕(Pantone 7508C):明度 70%,纯度 40%,模拟焦糖玛奇朵的温润感,适配 “学院复古” 造型,棕色大衣与格纹裙的组合在暖棕背景里像翻开旧相册;
- 雾粉蓝(Pantone 5425C):明度 90%,纯度 30%,像加了牛奶的蓝柑橘汽水,衬托 “盐系少女” 的清爽,蓝白衬衫与黑色百褶裙在此背景下有了呼吸感。三套色彩系统严格遵循 “631 法则”(主色 60%+ 辅助色 30%+ 点缀色 10%),确保系列感的同时,让用户在滑动时产生 “拆盲盒” 的惊喜。
▫️
符号语法:那些会说话的 “穿搭注释”
每张海报里的手写标签不是装饰,而是 “穿搭说明书”:
- “哈奈系”“Cara CLUB” 等手写体品牌名,故意模仿少女笔记本上的涂鸦,降低商业感;
- 箭头符号的角度暗藏心机:日系穿搭用 45° 上扬箭头(活泼),复古穿搭用 15° 斜下箭头(沉稳),盐系穿搭用 90° 垂直箭头(利落);
- 胶带贴纸的材质差异:黄色牛皮纸胶带(日系)、米色棉纸胶带(复古)、透明 PET 胶带(盐系),用触觉联想强化风格记忆。这些符号共同构成了一套 “视觉方言”,让用户即使不看文字,也能通过图形理解穿搭风格。
▫️
阵列美学:当手机成为 “穿搭展示柜”
最终的四手机阵列图是整个系列的 “点睛之笔”:
- 三部穿搭海报手机呈三角形排列,右下角缩略图手机形成 “上帝视角”,暗喻 “淘宝 APP 里有无数穿搭可能”;
- 手机倾斜角度统一为 7°,既避免呆板又保持整体秩序,屏幕亮度特意调至 75%,模拟真实环境下的手机显示效果;
- 淡薄荷绿背景像一块柔软的丝绒布,将四部手机温柔托起,与海报内的活泼色彩形成 “动静平衡”。从单张海报到系列阵列,我们始终在回答一个问题:如何让 “促销” 不只是叫卖,而是像闺蜜分享穿搭一样自然?或许,答案就藏在那些被精心计算过的色彩、符号和构图里 —— 毕竟,每个少女的衣橱里,都藏着一个想被看见的自己。
3
Report
声明
收藏
Share
相关推荐
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
You may like
相关收藏夹
Log in
3Log in and synchronize recommended records
收藏Log in and add to My Favorites
评论Log in and comment your thoughts
分享Share


















































































