UI作為現(xiàn)在互聯(lián)網(wǎng)設(shè)計(jì)的熱門(mén)行業(yè)，飽受大家關(guān)注。今天這篇文章就和大家分享一些UI設(shè)計(jì)小技巧，這些小技巧簡(jiǎn)單易懂卻非常實(shí)用，希望能給大家?guī)?lái)幫助。

01、表現(xiàn)層級(jí)關(guān)系

表現(xiàn)層級(jí)關(guān)系時(shí)，不是只用顏色，使用顏色和字重來(lái)表現(xiàn)也有不同的效果。

我們?cè)趯?duì)界面進(jìn)行板式設(shè)計(jì)的時(shí)候，最常犯的一個(gè)錯(cuò)誤就是過(guò)于依賴字體大小來(lái)控制層次結(jié)構(gòu)。一個(gè)界面設(shè)計(jì)的好不好，最關(guān)鍵的點(diǎn)就是是否能夠清晰明了，讓人一看就能知道哪些是重要信息。

大小只是我們突出信息的一種方法，我們還可以把它加粗和加深顏色來(lái)讓他更突出。顏色上來(lái)看，我們一般有三個(gè)層次，標(biāo)題最深，正文第二，其他輔助字體標(biāo)識(shí)最淺。

02、不要在彩色背景上用灰色文字

灰色是不帶有任何色彩傾向的顏色，在彩色背景上運(yùn)用會(huì)顯的很難看，也會(huì)顯得非常業(yè)余。在彩色背景上使用文字一般可以使用，調(diào)整文字透明度的方式改變顏色，將白色的透明度降低，把背景的顏色透出來(lái)一些，效果比直接用灰色文字要好很多。

03、無(wú)邊框設(shè)計(jì)

當(dāng)我們需要分隔兩個(gè)元素的時(shí)候，用過(guò)度的邊框會(huì)讓頁(yè)面變得復(fù)雜，使用更少的邊框可以增加設(shè)計(jì)界面的透氣感，也是我們常說(shuō)的呼吸感。

在分隔元素上也有一些竅門(mén)，比如使用陰影，使用陰影可以在視覺(jué)上分隔兩個(gè)元素，柔和的陰影也不會(huì)影響注意力?；蛘呤褂貌煌牡咨部梢赃_(dá)到很好的效果。還有將不同元素的間距加大，可以讓人在視覺(jué)上感覺(jué)這兩個(gè)元素不是一類。

04、注意留白

好的設(shè)計(jì)，是在最少的元素下還能第一時(shí)間突出重點(diǎn)信息。極簡(jiǎn)是種趨勢(shì)，你要減少不必要的元素，或者簡(jiǎn)化元素。

不要想著把畫(huà)面撐滿就是好的設(shè)計(jì)，有時(shí)候，適當(dāng)?shù)牧舭?，給用戶呼吸的空間更重要。

05、文案使用

如果經(jīng)常用第一種方式給客戶看稿件，那么你很難通過(guò)。做方案時(shí)，文案符合標(biāo)題或者產(chǎn)品主旨才行。

其次就是上下間距一般是20-28，一般用24就夠。千萬(wàn)不要全部放無(wú)關(guān)的文案，很拉低你的設(shè)計(jì)水準(zhǔn)。

06、閱讀習(xí)慣

人的正常習(xí)慣閱讀順序是從上而下，從左到右，所以在做某些需求的時(shí)候，需要考慮閱讀習(xí)慣這個(gè)概念，要讓用戶最快的時(shí)間獲取到文字信息。

07、統(tǒng)一間距

間距的統(tǒng)一性，是排版中時(shí)刻要注意的。等距等比是保證界面干凈整齊的一個(gè)關(guān)鍵要素切記，要么處處一致，要么全都不一致。

08、統(tǒng)一色調(diào)

顏色的合理運(yùn)用，是至關(guān)重要的。一個(gè)APP或者一個(gè)界面盡量保證一個(gè)主色調(diào)，一個(gè)輔色調(diào)即可，

不要出現(xiàn)干擾或者與主色調(diào)無(wú)關(guān)的顏色，這樣會(huì)導(dǎo)致用戶質(zhì)疑你到底是不是一款產(chǎn)品。

09、鏈接體驗(yàn)需改善

網(wǎng)頁(yè)中文章里的關(guān)鍵字通常都標(biāo)有下劃線，提示用戶這個(gè)文字是可以點(diǎn)擊的，但是可點(diǎn)擊區(qū)域不會(huì)超過(guò)字符的寬、高范圍。設(shè)計(jì)類似這種帶有超鏈接的可點(diǎn)擊區(qū)域的時(shí)候，都可以通過(guò)一些小技巧來(lái)提高可用性，比如：增加間隔，有些情況下甚至可以把鏈接轉(zhuǎn)換為塊元素。

10、恰當(dāng)?shù)氖褂霉庥靶Ч?/p>

目前蘋(píng)果的設(shè)計(jì)是非常受大家的歡迎，我們無(wú)非看到有個(gè)很有個(gè)性的效果，那就是他們的手機(jī)，ios產(chǎn)品都有一個(gè)光影的效果。讓我們看起來(lái)更加逼真，更加實(shí)際。很有立體感，所以，當(dāng)我們?cè)O(shè)計(jì)的元素比較少的時(shí)候，不妨加入一些光影的效果，有助于我們的設(shè)計(jì)更加立體。

UI設(shè)計(jì)有許多的小技巧，這些技巧可以讓我們離一個(gè)優(yōu)秀的UI設(shè)計(jì)師越來(lái)越近。同時(shí)，別忘了多看、多練習(xí)哦~