之前每次改样式都在调色盘里瞎点,改完总觉得"好像有点脏"。这次干脆定死五个变量,之后所有颜色都从这五个里取。

五个变量

  • --butter #FFD75E:主色,奶黄,亮但不刺眼;
  • --cream #FFFDF7:背景,比纯白柔和;
  • --matcha #6FB08B:点睛,链接和强调;
  • --peach #FFB7A5:腮红,标签和徽章;
  • --ink #2B2B33:正文,比纯黑温柔。
奶龙立绘
配色就是从这只身上取的:身体是奶黄到橙的渐变,肚子一块奶油白,眼睛的绿做了链接色。

两条规则

同一屏里最多出现两个高饱和色,否则会变成廉价海报。

第二:任何"强调"都只用描边或下划线,不用大面积填充。大面积填充留给真正重要的按钮。

暗色模式

暗色不是把亮色反过来。奶黄在深底上会发灰,所以要把它提亮一点、降低饱和度;背景从 #FFFDF7 换成偏蓝的深灰 #17181D,比纯黑耐看。