10個技巧，包括1個針對WebUI和UX的技巧。

【資料圖】

1、不要極限飽和

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

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

在單個屏幕上，理想情況下應(yīng)該只有一個主CTA，其后可以是輔助CTA按鈕。這是因為在屏幕上有多個CTA按鈕可能會讓用戶不知所措。這可能會在做出決定時造成混亂。

3、削減動詞

無需在菜單上添加動詞或創(chuàng)建短語。以適當(dāng)?shù)姆绞骄帉懙淖钌傩畔⒆阋岳斫?。因此，在設(shè)計菜單時盡量避免添加無關(guān)緊要和多余的詞，因為它們沒有好處。

4、不要使用絕對的黑和白

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

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

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

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

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

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

7.帶模式的顏色

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

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

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

9.圖像較淺時可以疊加深色層

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

10.提示滾動

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

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