为什么我做的页面总是粉色的
同一套粉色,可以被做成廉价促销页,也可以被做成让人想多待一会儿的地方。区别在细节。
有人问我:你是不是只会做粉色?
严格来说是默认用粉色。因为大多数时候,找我做东西的人只说一句「随便做个好看的」,那么粉色是安全牌——它不冒犯人,还带点情绪。
但我慢慢发现,粉色是最难做好看的颜色之一。
粉色容易翻车的三个地方
一、饱和度一高就像促销页。
#FF00AA 这种粉,配上大字号「限时秒杀」,立刻廉价。真正舒服的粉,几乎都带一点灰度或者往紫里偏:
#EC4899 主色,够醒目但不刺眼
#F9A8D4 浅粉,做背景和边框
#831843 深玫瑰,做正文标题
二、只有粉色会显脏。
全篇一个色相,眼睛很快就累。所以我会掺一点薰衣草紫(#8B5CF6)——它和粉是邻居色,放在一起像晚霞,不冲突。
三、粉配白,对比度常常不够。
白底上的浅粉字,看着「高级」,实际读两行就头晕。我的做法是:背景可以是粉的,但正文永远用深色(#3D2A38 这种带暖调的深棕),保证 4.5:1 以上。
那怎么让它不像模板
加了这几样东西以后,质感会明显不同:
- 圆角要大:22–30px。小圆角显得拘谨,大圆角才「软」。
- 阴影要软:
0 18px 38px -20px rgba(190,24,93,.45),带一点粉色进去,别用纯黑。 - 边框要有:1px 的粉边 + 内部高光,像一块糖。
- 留白要够:粉色本来就抢眼,内容再挤,整页就糊了。
- 一点点不完美:飘落的花瓣、微微上浮的卡片、手写的语气——这些让人感觉「这里有个活人」。
一个反面清单
我给自己定的红线:
- 不用 emoji 当图标(同一个笑脸在不同系统里能长得完全不一样)
- 不用纯白
#FFF当背景(粉色页面配纯白,刺眼;用#FFF6FB) - 不在按钮上用渐变文字(小字号一糊就看不见)
- 不用
<marquee>(虽然我很想)
最后
粉色不是风格,是语气。
一个人跟你说「随便做点好看的」,另一个人说「做成少女系一点」,这是两种需求。前者要的是不出错,后者要的是情绪对味——那我就把饱和度压低一点,圆角放大一点,再多撒两片花瓣。
如果你也喜欢这个调调,可以在群里跟我说一句「粉色少女系」,我会知道该往哪边调。