为什么很多 ui 的背景设计不使用纯白? 而是使用 fafafa ?

17 天前
 jeesk
2248 次点击
所在节点    设计
11 条回复
WhateverYouLike
17 天前
白色太亮了,对比度太高,刺眼睛...
同样的,黑色大多也不是#000
summerwar
17 天前
https://tailwindcss.com/docs/customizing-colors

一般我们都会想着纯白色做背景,纯黑色做文字会比较好,实际上纯白色会比较刺眼,纯黑色看起来太严肃,有些时候不同的显示器还会有色差,你可以看下上面 tailwindcss 中设计的前面几款关于白色、灰色和黑色的值,都不是用的 FFFFFF 或者 000000 ,都会添加一点灰色。前面 5 种看起来都差不多,但是给人的感觉不同,有点偏冷,有点偏暖,但是又有点高级感。
foufoufm
17 天前
除了以上补充的以外:#fafafa 这类 gary 背景上,还可以最低程度地直接用 #fff 作为卡片的底板来突出 item 主体(无需任何阴影)。

这是一个非常好的小技巧,而如果使用纯白背景,块与块的分割就必须通过其他形式处理。比如直接大面积的分割线,或者大面积的 gary 底色,甚至是大面积的边框,但这些处理方式过于生硬。
jeesk
16 天前
@WhateverYouLike
@summerwar
@foufoufm

但是我发现有些网站是纯白。 好难顶。
RyougiShiki
16 天前
更高级的做法是掺一点主题色
summerwar
16 天前
@jeesk 很正常啊,你还能发现很多网站的标题真的是纯黑色的#000000 ,有啥奇怪的
crac
16 天前
视觉体验第一课:忌用纯白和纯黑
jeesk
16 天前
@summerwar 这 , 这, 这 .
jeesk
16 天前
有啥颜色 设计相关的书籍 ? 我先前看了三星的视觉规范, 一脸 mb.
kkocdko
16 天前
屏幕厂商疯狂内卷提高亮度,然后搞 UI 一来,给你用个灰色背景 hhhhh
xiaohanyu
15 天前
纯白太刺眼太亮了

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/1082347

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX