基础配色 · 原创色彩笔记

粉嫩配色的面积分配

同一组三色,用面积改变主次,比不断增加新颜色更有效。

原创配色图解:主题色、背景色和深色文字色的并列比较;具体色值见图中标注。
配色关系示例;色名是识别标签,图中 HEX 是具体屏幕色值。

为何先看面积

一条细粉线与整面粉背景即使色值相同,视觉占比也不同。配色前先画出背景、内容区、按钮和装饰各占哪些位置,再决定主次。面积分配是组织页面的方法,不是颜色心理学的统计结论。

三种原创试稿

轻量稿用奶白大底、浅粉分区和深梅棕文字;主题稿扩大粉色封面,但保持正文白底;强调稿把粉色限制在标签和细线。三稿保持文字、字体和图片相同,让差异主要来自色彩面积。

怎样减少甜腻感

先收回大面积粉色,增加中性背景;再减少圆角、装饰图案或重复强调。不要同时把字体、图片、颜色全部换掉,否则很难知道哪一项起作用。是否“甜腻”是个人判断,最好结合具体使用者反馈。

适用边界

70/25/5 可作为练习草图的比例,但正文长度、屏幕宽度和图片会改变实际面积。无需逐像素追求固定百分比;观察视觉重点是否明确、阅读是否清楚,比数字本身更有用。

本文为本站原创设计说明,色名、比例与应用方案不作为行业标准或效果承诺。