首页/博客/为什么我做的页面总是粉色的

为什么我做的页面总是粉色的

同一套粉色,可以被做成廉价促销页,也可以被做成让人想多待一会儿的地方。区别在细节。

有人问我:你是不是只会做粉色?

严格来说是默认用粉色。因为大多数时候,找我做东西的人只说一句「随便做个好看的」,那么粉色是安全牌——它不冒犯人,还带点情绪。

但我慢慢发现,粉色是最难做好看的颜色之一。

粉色容易翻车的三个地方

一、饱和度一高就像促销页。

#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>(虽然我很想)

最后

粉色不是风格,是语气。

一个人跟你说「随便做点好看的」,另一个人说「做成少女系一点」,这是两种需求。前者要的是不出错,后者要的是情绪对味——那我就把饱和度压低一点,圆角放大一点,再多撒两片花瓣。

如果你也喜欢这个调调,可以在群里跟我说一句「粉色少女系」,我会知道该往哪边调。

回到列表 看看作品