10個(gè)技巧，包括1個(gè)針對(duì)WebUI和UX的技巧。

【資料圖】

1、不要極限飽和

高度飽和的顏色產(chǎn)生峰值對(duì)比度。移動(dòng)應(yīng)用中，當(dāng)背景是暗黑時(shí)，高度飽和的元素會(huì)刺激眼睛并給用戶(hù)帶來(lái)不好的體驗(yàn)。暗模式通常在夜間使用，因此設(shè)計(jì)師有責(zé)任保持舒緩和放松的氛圍——為此，應(yīng)將飽和度限制在200-500左右之間。

2、按鈕層次結(jié)構(gòu)

在單個(gè)屏幕上，理想情況下應(yīng)該只有一個(gè)主CTA，其后可以是輔助CTA按鈕。這是因?yàn)樵谄聊簧嫌卸鄠€(gè)CTA按鈕可能會(huì)讓用戶(hù)不知所措。這可能會(huì)在做出決定時(shí)造成混亂。

3、削減動(dòng)詞

無(wú)需在菜單上添加動(dòng)詞或創(chuàng)建短語(yǔ)。以適當(dāng)?shù)姆绞骄帉?xiě)的最少信息足以理解。因此，在設(shè)計(jì)菜單時(shí)盡量避免添加無(wú)關(guān)緊要和多余的詞，因?yàn)樗鼈儧](méi)有好處。

4、不要使用絕對(duì)的黑和白

有數(shù)百家移動(dòng)公司擁有多部手機(jī)，每家手機(jī)的顏色都略有不同。使用純黑色(#000000)和白色(#FFFFFF)可能不會(huì)按原樣彈出，這可能會(huì)令人失望。相反，我們可以使用深灰色和偏白色來(lái)覆蓋和創(chuàng)建外觀相似的界面。

5.注意字體大小保持平衡

您可能已經(jīng)注意到很少有字體大小不平衡的表單。堅(jiān)持最小的字體大小差異使UI看起來(lái)很平衡。

提示：在決定字體大小時(shí)，請(qǐng)選擇倍數(shù)。例如16（標(biāo)題）、12（副標(biāo)題）、10（正文）和8（標(biāo)題）-2的倍數(shù)。

6.圖標(biāo)要保持一致

我已經(jīng)多次注意到這一點(diǎn)，并且也錯(cuò)誤地這樣做了。人們使用來(lái)自不同包/集的圖標(biāo)。不！這樣做你犯了一個(gè)巨大的錯(cuò)誤，因?yàn)檫@會(huì)使UI看起來(lái)非常不成熟。圖標(biāo)喚起情緒，有助于輕松理解事物。在將圖標(biāo)用于最終UI之前，請(qǐng)從類(lèi)似的圖標(biāo)包中收集圖標(biāo)。

7.帶模式的顏色

一般來(lái)說(shuō)，一個(gè)調(diào)色板就足以在暗模式和亮模式下設(shè)計(jì)界面，但這是錯(cuò)誤的。在淺色模式下看起來(lái)不錯(cuò)的顏色對(duì)于深色模式可能太暗，反之亦然。最好的解決方法是使用2個(gè)不同的調(diào)色板，使用不同的顏色飽和度。

8.引導(dǎo)頁(yè)要持有開(kāi)放態(tài)態(tài)

應(yīng)用引導(dǎo)是定義用戶(hù)使用產(chǎn)品（應(yīng)用、網(wǎng)站或平臺(tái)）的輔助。嘗試對(duì)流程以及將采取哪些步驟持開(kāi)放態(tài)度。賦予“跳過(guò)”和來(lái)回移動(dòng)的能力對(duì)于用戶(hù)使用感受非常重要。

9.圖像較淺時(shí)可以疊加深色層

許多網(wǎng)站都是圖像驅(qū)動(dòng)的，要在UI上有效地使用圖像就是在其上進(jìn)行疊加。疊加層增加了圖像上的內(nèi)容可讀性。

10.提示滾動(dòng)

對(duì)于筆記本電腦、平板電腦和電視等大屏幕——還有很多未使用的空間。利用底部左側(cè)空間的最佳方式是稍微瀏覽一下內(nèi)容，讓用戶(hù)提示滾動(dòng)。這從UI和UX方面都很好，因?yàn)榭臻g的使用方式是用戶(hù)可以看到所有內(nèi)容。

這些是在設(shè)計(jì)數(shù)字產(chǎn)品體驗(yàn)時(shí)應(yīng)該遵循的10條注意事項(xiàng)。希望這可以幫助您了解UI設(shè)計(jì)的基礎(chǔ)知識(shí)！