jeesk
V2EX  ›  设计

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

  •  
  •   jeesk · Oct 21, 2024 · 5006 views
    This topic created in 744 days ago, the information mentioned may be changed or developed.
    12 replies  •  2024-12-09 14:32:02 +08:00
    Jaufey
    Jaufey
    Oct 21, 2024
    1
    白色太亮了,对比度太高,刺眼睛...
    同样的,黑色大多也不是#000
    summerwar
    summerwar
    Oct 21, 2024❤️2
    2
    https://tailwindcss.com/docs/customizing-colors

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

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

    但是我发现有些网站是纯白。 好难顶。
    RyougiShiki
    RyougiShiki
    Oct 22, 2024
    5
    更高级的做法是掺一点主题色
    summerwar
    summerwar
    Oct 23, 2024❤️1
    6
    @jeesk 很正常啊,你还能发现很多网站的标题真的是纯黑色的#000000 ,有啥奇怪的
    crac
    crac
    Oct 23, 2024
    7
    视觉体验第一课:忌用纯白和纯黑
    jeesk
    jeesk
    OP
    Oct 23, 2024
    8
    @summerwar 这 , 这, 这 .
    jeesk
    jeesk
    OP
    Oct 23, 2024
    9
    有啥颜色 设计相关的书籍 ? 我先前看了三星的视觉规范, 一脸 mb.
    kkocdko
    kkocdko
    Oct 23, 2024
    10
    屏幕厂商疯狂内卷提高亮度,然后搞 UI 一来,给你用个灰色背景 hhhhh
    xiaohanyu
    xiaohanyu
    Oct 23, 2024
    11
    纯白太刺眼太亮了
    lanny666
    lanny666
    Dec 9, 2024
    12
    利于区块的划分,增加页面层次感
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   2369 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 32ms · UTC 15:46 · PVG 23:46 · LAX 07:46 · JFK 10:46
    ♥ Do have faith in what you're doing.