今天分享提升UI設(shè)計的十條小技巧。

1.讓元素看起來更清晰

優(yōu)點(diǎn)：清楚分辨模塊與模塊之間的關(guān)系，看起來規(guī)整

方法：在模塊與模塊之間，元素與元素之間增加投影或邊框分割線

2.增加圓角細(xì)節(jié)

優(yōu)點(diǎn)：讓用戶感到親和力和舒適感 

方法：在元素的邊緣增加投影或者邊框，邊框比投影暗一點(diǎn)，讓元素看起來更加清晰，避免拖泥帶水

3.只使用一個字體族做設(shè)計

優(yōu)點(diǎn)：頁面統(tǒng)一標(biāo)準(zhǔn)化

方法：使頁面更加統(tǒng)一和規(guī)整，通過字重、尺寸、顏色等來進(jìn)行調(diào)整

4.增加文字顏色傾向

優(yōu)點(diǎn)：更舒適的視覺效果，頁面整體更和諧 

方法：通過字重、尺寸,顏色，來進(jìn)行對調(diào)整。在背景的顏色基礎(chǔ)上加深顏色值

5.縮小字母的間距

優(yōu)點(diǎn)：讓視覺整體看起來更加平衡，便于閱讀

方法：調(diào)整合適的字間距

6.確保使用的圖標(biāo)風(fēng)格一致

優(yōu)點(diǎn)：視覺統(tǒng)一，頁面美觀

方法：線性或面性，選其一，圓角度數(shù)、開口的大小等都要一致

7.長篇文本最好采用20pt字號浮動

優(yōu)點(diǎn)：易于閱讀，提高閱讀體驗

方法：設(shè)置20pt左右的字號，字體顏色不要過深或過淺

8.按照基本字號的大小的比例調(diào)整

優(yōu)點(diǎn)：定義一組文字的大小時，使用“字體比例（Type Scale）”來確保和諧，科學(xué)有效

方法：舉例以1.25為比例標(biāo)準(zhǔn)，基本字號大小為18px，更大則乘以1.25即可，需要小的車除以1.25即可

9.提供可選的新用戶引導(dǎo)流程

優(yōu)點(diǎn)：來提升用戶體驗，方便新手操作

方法：首次安裝APP或進(jìn)入網(wǎng)站的時候，提供一個新用戶教程引導(dǎo)用戶熟悉產(chǎn)品和交互，不是每個用戶都有看完教程的必要，所以要增加“跳過”的選項，大屏?xí)r代，按鈕盡量在頁面的底部

10.陰影統(tǒng)一光源

優(yōu)點(diǎn)：統(tǒng)一的光源，增加頁面的一致性，反之會覺得頁面凌亂和奇怪

方法：統(tǒng)一90°或者125°等，根據(jù)自己的產(chǎn)品調(diào)整即可

以上就是就是本期內(nèi)容啦，希望對你有所幫助，我們下期再見~

轉(zhuǎn)載聲明：本文來源于網(wǎng)絡(luò)，不作任何商業(yè)用途