UI界面設(shè)計(jì)中，使用純黑色 (#000000) 作為文本和背景的替代方案

在UI界面設(shè)計(jì)中，設(shè)計(jì)師經(jīng)常使用純黑色或純白色的組合，這有助于創(chuàng)造具有清晰邊界的視覺(jué)對(duì)比度和深度，能有效地突出文本、按鈕或圖標(biāo)等關(guān)鍵界面設(shè)計(jì)元素。但是，純黑色的亮度為 0%，而白色( #FFFFFF ) 的亮度為 100%，色彩亮度的顯著差異會(huì)導(dǎo)致用戶眼睛不適和疲勞，并在長(zhǎng)時(shí)間查看設(shè)備上的內(nèi)容時(shí)導(dǎo)致眼睛快速疲勞，同時(shí)在界面整體設(shè)計(jì)感上會(huì)顯得壓抑。

在以用戶為中心的設(shè)計(jì) (UCD)中理念下，我們首考慮的是顏色如何影響用戶的，尤其是那些可能有視力問(wèn)題的用戶，今天一起隨小編看看在UI界面設(shè)計(jì)中，純黑色 (#000000) 的文本和背景替代方案。



設(shè)計(jì)中的純黑色替代顏色為文本內(nèi)容提供了不太飽和的外觀，使用炭灰色和其他深色色調(diào)來(lái)保持基本的可讀性，同時(shí)降低與淺色背景的對(duì)比度，并減少長(zhǎng)時(shí)間與內(nèi)容交互時(shí)的眼睛疲勞，以設(shè)計(jì)出符合現(xiàn)代界面UI設(shè)計(jì)的色調(diào)感。

色值參考如下：
1. 炭灰色|  #121212
2. 深板巖灰色  #191919
3. 外太空 #252525
4. 濃黑色 #0A0A0A
5. 咖啡豆色 #1B1B1B
6. 深灰色 |#212427
7. 油黑色  #0C0C0C
8. 黑曜石色  #0B1215
9. 烏木色 #222428
10. 黑巧克力色  #100D08
11. 青銅色  #1D1F21
12. 煙熏黑色  #101720
13. 牛津藍(lán)  #212A37
14. 怪異黑色 #232023
15. 墨黑色  #161618
16. 銥 |十六進(jìn)制：#181818
17. 砷 |十六進(jìn)制：#11181C
18. 查爾斯頓綠  #212124
19. 深青銅色  #222428
20. 黑玉 #2A2A2A
21. 黑橄欖色  #242526
22. 午夜藍(lán)  #212121

在進(jìn)行UI界面設(shè)計(jì)創(chuàng)作時(shí)，要充分考慮使用環(huán)境、特殊人群和設(shè)計(jì)風(fēng)格等要素，為照顧到各方面努力做出黑色可替代方案的色調(diào)，創(chuàng)造出更好的設(shè)計(jì)作品。