亚洲AV免费看深爱成人|日韩av另类一级特黄片在线|中国免费一级黄片|国产av一二三区|亚洲有码AV在线|久久亚洲国产日韩欧美|成人免费AV网站|婷婷一区综合一区|亚洲AV无码导航|高级欧美成人网站

高校合作1：010-59833514 ?咨詢電話：400-810-1418 服務(wù)與監(jiān)督電話：400-810-1418轉(zhuǎn)接2

UI設(shè)計(jì)：打造炫酷深色主題，這8個(gè)技巧超實(shí)用！

發(fā)布時(shí)間：2024-06-23 19:59:15 瀏覽量：232次

深色主題是近年來(lái)非常流行的設(shè)計(jì)風(fēng)格之一。蘋(píng)果和谷歌都將深色主題視為用戶界面設(shè)計(jì)的重要組成部分。深色主題降低了界面亮度，在暗色環(huán)境中給用戶提供了適度安全感，同時(shí)最大程度減少了用戶的眼睛疲勞。下面分享在設(shè)計(jì)產(chǎn)品深色主題時(shí)需要了解的8個(gè)技巧。

1. 避免純黑色

深色主題并不一定是純黑色背景上的純白色文本，這種高對(duì)比度可能會(huì)讓用戶感到痛苦。相比使用純黑色(#000000)，使用深灰色作為主要表面色更為安全。深灰色界面有助于減輕眼睛疲勞，淺色文本在深灰色表面上的對(duì)比度也相對(duì)較低。因此，建議將#121212作為深色主題的表面顏色。

深色主題表面顏色建議#121212

2. 避免使用飽和色

在深色主題中避免使用飽和色，因?yàn)樵谏钌砻嫔?，飽和色?huì)產(chǎn)生視覺(jué)振動(dòng)，降低可讀性。相對(duì)較淺的色調(diào)（顏色在200-50范圍內(nèi)）在深色主題表面上具有更好的可讀性，也不會(huì)引起眼睛疲勞。

3. 符合無(wú)障礙色彩對(duì)比標(biāo)準(zhǔn)

確保在深色模式下內(nèi)容清晰易讀，谷歌推薦文本和背景之間至少具有15.8：1的對(duì)比度。使用顏色對(duì)比工具進(jìn)行測(cè)試。

4. 文本使用稍暗的白色

在深色主題中，可以使用稍暗的白色替代純白色以避免產(chǎn)生視覺(jué)“震動(dòng)”，這可以增加文本的可讀性。高度強(qiáng)調(diào)的文本不透明度應(yīng)為87%，中度強(qiáng)調(diào)文字為60%，禁用文本為38%。

選擇稍暗的白色以避免強(qiáng)烈對(duì)比

5. 考慮設(shè)計(jì)情感表達(dá)

在設(shè)計(jì)深色主題時(shí)，注意深色和淺色主題會(huì)傳達(dá)不同的情感，利用這一點(diǎn)來(lái)確定產(chǎn)品的特性，而不是試圖使兩者相同，以保持用戶體驗(yàn)的獨(dú)特性。

Shift Dashboard—— Sergey Zolotnikov設(shè)計(jì)的深色模式

6. 深度溝通

在深色主題設(shè)計(jì)中，需要建立層次結(jié)構(gòu)并突出重要元素。抬高的表面和組件使用疊加著色，越高的標(biāo)高顏色越淺。

7. 允許用戶切換主題模式

用戶需要控制切換主題模式的權(quán)利，不建議自動(dòng)啟用深色主題，而是讓用戶手動(dòng)選擇模式。

‘深色主題’的UI控件

8. 測(cè)試淺色和深色外觀的設(shè)計(jì)

在淺色和深色模式下查看用戶界面的外觀，并根據(jù)需要調(diào)整設(shè)計(jì)以適應(yīng)各種情況。參考材料：深色主題 (材質(zhì)設(shè)計(jì))

該分享內(nèi)容為火星時(shí)代教育原創(chuàng)，專注數(shù)字藝術(shù)教育30年?；鹦菚r(shí)代教育開(kāi)設(shè)豐富課程包括游戲設(shè)計(jì)培訓(xùn)、動(dòng)畫(huà)培訓(xùn)、AI音樂(lè)創(chuàng)作培訓(xùn)等。想要了解更多？點(diǎn)擊咨詢

熱門(mén)課程推薦

熱門(mén)資訊

請(qǐng)綁定手機(jī)號(hào)

獲取驗(yàn)證碼
x

同學(xué)您好！

您已成功報(bào)名0元試學(xué)活動(dòng)，老師會(huì)在第一時(shí)間與您取得聯(lián)系，請(qǐng)保持電話暢通！
確定