创尔美祛痘凝胶
美妆个护紫色系医美科技 × 清透唯美· 1080×3150
雾紫体系的功效护肤详情页,3D 水感元素与全息渐变营造医美氛围。
点击图片放大欣赏 · 滚轮缩放 · 1080×3150
01配色分析
色彩构成与策略
雾紫白主色
#F5F4FA
画面占比 ~40%
香芋紫辅色
#B8AED8
画面占比 ~22%
淡灰紫辅色
#D5D3DF
画面占比 ~18%
深紫灰点缀
#5B5470
画面占比 ~12%
珠光白点缀
#FFFFFF
画面占比 ~8%
「医美级紫色」的低饱和运用:雾紫白到香芋紫的窄幅渐变制造实验室的洁净感,深紫灰承担全部文字层级,珠光白只给产品高光与 3D 元素。全篇饱和度被刻意压低,紫色的「功效感」得以保留而「廉价感」被剔除——功效护肤的紫,重在灰度控制。
02设计解读
版式与创意
创尔美容光祛痘凝胶的详情页。雾紫渐变背景贯穿全篇,3D 渲染的透明水滴、悬浮气泡与液态质感球体诠释「活性胶原」的科技感,柔光人像与烟雾效果传递疗愈气质;Day01/02/03 三步流程、速透强轻四字口诀与 17 年医学验证背书依次展开,还附有手绘线稿草图展示从草稿到成稿的设计过程。
- 3D 水滴/气泡/液态球,活性成分可视化到位
- 紫粉青全息渐变背景,呼应「容光」主题
- 烟雾柔焦人像弱化祛痘焦虑,情绪高级
- 附手绘线稿对照,设计推导过程完整
03相关设计