手机里的少女衣橱革命—淘宝 38 焕新视觉系统设计手记

广州/平面设计师/77天前/10浏览
手机里的少女衣橱革命—淘宝 38 焕新视觉系统设计手记
空气789
从色彩情绪板到穿搭符号学:如何用统一视觉语言讲好 3 个风格故事?
我们面临一个有趣的挑战:如何让 3 套截然不同的穿搭(日系清新 / 学院复古 / 盐系少女)在视觉上既独立成章,又像同一系列的 “成长日记”?最终,我们用 “色彩情绪轴” 和 “符号锚点” 编织了这套视觉系统。
手机里的少女衣橱革命—淘宝 38 焕新视觉系统设计手记
Collect
手机里的少女衣橱革命—淘宝 38 焕新视觉系统设计手记
Collect
手机里的少女衣橱革命—淘宝 38 焕新视觉系统设计手记
Collect
▫️ 
色彩密码:被量化的少女心色谱
很多人以为三套海报的背景色是随机选的,其实藏着严谨的情绪逻辑:
  • 黄油黄(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%,模拟真实环境下的手机显示效果;
  • 淡薄荷绿背景像一块柔软的丝绒布,将四部手机温柔托起,与海报内的活泼色彩形成 “动静平衡”。
    从单张海报到系列阵列,我们始终在回答一个问题:如何让 “促销” 不只是叫卖,而是像闺蜜分享穿搭一样自然?或许,答案就藏在那些被精心计算过的色彩、符号和构图里 —— 毕竟,每个少女的衣橱里,都藏着一个想被看见的自己。
手机里的少女衣橱革命—淘宝 38 焕新视觉系统设计手记
Collect
3
Report
|
收藏
Share
相关推荐
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
马年IP设计 MA DUODUO
Homepage recommendation
x oasis coffee
Homepage recommendation
相关收藏夹
IP形象——动物类
IP形象——动物类
IP形象——动物类
IP形象——动物类
精选收藏夹
作品收藏夹
企业展厅
企业展厅
企业展厅
企业展厅
精选收藏夹
作品收藏夹
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
精选收藏夹
作品收藏夹
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
精选收藏夹
作品收藏夹
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
精选收藏夹
作品收藏夹
文创
文创
文创
文创
精选收藏夹
作品收藏夹
大家都在看
Log in