创尔美祛痘凝胶

美妆个护紫色系医美科技 × 清透唯美· 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相关设计

更多同类作品

想要这样的电商视觉设计?

从详情页长图到活动主视觉,我们以配色体系与版式功底为品牌打造高转化率的电商设计

免费咨询
快速响应
质量保障