为什么很多 ui 的背景设计不使用纯白? 而是使用 fafafa ? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
jeesk
V2EX    设计

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

  •  
  •   jeesk 2024-10-21 22:47:07 +08:00 4105 次点击
    这是一个创建于 423 天前的主题,其中的信息可能已经有所发展或是发生改变。
    12 条回复    2024-12-09 14:32:02 +08:00
    WhateverYouLike
        1
    WhateverYouLike  
       2024-10-21 22:59:00 +08:00
    白色太亮了,对比度太高,刺眼睛...
    同样的,黑色大多也不是#000
    summerwar
        2
    summerwar  
       2024-10-21 23:03:18 +08:00   2
    https://tailwindcss.com/docs/customizing-colors

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

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

    但是我发现有些网站是纯白。 好难顶。
    RyougiShiki
        5
    RyougiShiki  
       2024-10-22 23:10:06 +08:00
    更高级的做法是掺一点主题色
    summerwar
        6
    summerwar  
       2024-10-23 11:58:54 +08:00   1
    @jeesk 很正常啊,你还能发现很多网站的标题真的是纯黑色的#000000 ,有啥奇怪的
    crac
        7
    crac  
       2024-10-23 12:29:21 +08:00
    视觉体验第一课:忌用纯白和纯黑
    jeesk
        8
    jeesk  
    OP
       2024-10-23 13:02:23 +08:00
    @summerwar 这 , 这, 这 .
    jeesk
        9
    jeesk  
    OP
       2024-10-23 13:02:50 +08:00
    有啥颜色 设计相关的书籍 ? 我先前看了三星的视觉规范, 一脸 mb.
    kkocdko
        10
    kkocdko  
       2024-10-23 20:13:05 +08:00
    屏幕厂商疯狂内卷提高亮度,然后搞 UI 一来,给你用个灰色背景 hhhhh
    xiaohanyu
        11
    xiaohanyu  
       2024-10-23 22:13:44 +08:00
    纯白太刺眼太亮了
    lanny666
        12
    lanny666  
       2024-12-09 14:32:02 +08:00
    利于区块的划分,增加页面层次感
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     5459 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 36ms UTC 02:12 PVG 10:12 LAX 18:12 JFK 21:12
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86