晒后修护「小绿管」
美妆个护绿色系C4D 渲染 · 清爽夏日· 736×981
荧光绿 × 天空蓝的防晒修护详情页，蓝天云朵底与 3D 水润质感。
点击图片放大欣赏 · 滚轮缩放 · 736×981
01配色分析
色彩构成与策略
荧光嫩绿主色
#9BCB3B
画面占比 ~30%
天空蓝辅色
#7EC8E3
画面占比 ~25%
白辅色
#FFFFFF
画面占比 ~25%
冰蓝点缀
#D6EEF8
画面占比 ~12%
黑点缀
#111111
画面占比 ~8%
产品色即主色的教科书案例：荧光嫩绿直接取自「小绿管」包装，与天空蓝构成经典蓝绿撞色，清凉感直给；黑色只用于大标题与手写 logo，压住高明度画面的重心。痛点区刻意去饱和转灰，让回到彩色的「解决方案区」形成情绪反差——颜色在替文案讲故事。
02设计解读
版式与创意
晒后修护霜「小绿管」的详情页。以真实天空云朵为背景强化防晒场景联想，3D 渲染的产品管身、水珠与玻璃液泡精致通透；灰调肌肤问题四宫格先「扎心」，再以皮肤剖面分层图与成分球体标注讲解机理，94%/97.86% 大字实测数据完成实证，三步使用教程收尾。
- 蓝天白云背景贯穿全篇，「防晒」心智不断强化
- 灰调痛点图与彩色方案区的情绪对比设计
- 皮肤剖面/成分球体等信息图表化，机理一目了然
- 荧光绿斜切标签条分隔模块，版面有动感
03相关设计
