想要成為一名UI設(shè)計(jì)師的話(huà)，不止是在審美、排版、設(shè)計(jì)哲學(xué)方面要要有著比旁人出色之外，還有一點(diǎn)也是十分的重要的，那個(gè)就是視覺(jué)能力了。視覺(jué)能力也是可以直接影響到你產(chǎn)品的，如果說(shuō)你的視覺(jué)能力不夠好的話(huà)，那么你的產(chǎn)品是很能給人一種沖擊力很強(qiáng)的感覺(jué)的。那么怎么樣才可以提高UI視覺(jué)呢?下面達(dá)內(nèi)科技的小編就給大家說(shuō)說(shuō)。
頁(yè)面視覺(jué)構(gòu)成幾大要素
在一個(gè)完整的頁(yè)面的視覺(jué)設(shè)計(jì)當(dāng)中，我們可以把其幾個(gè)核心視覺(jué)點(diǎn)進(jìn)行分解，單獨(dú)羅列。某些在多個(gè)頁(yè)面設(shè)計(jì)中，我們可以理解為幾大核心點(diǎn)，如『版，質(zhì)，形，色，字』
版-版式及厚度，版式間距會(huì)直接影響到頁(yè)面的張力及空間感
質(zhì)-頁(yè)面風(fēng)格，肌理維度，整個(gè)產(chǎn)品視覺(jué)調(diào)性，形-大面積區(qū)域的形狀，控件尺寸比例，icon形狀的統(tǒng)一性
色-顏色風(fēng)格，頁(yè)面色相，彩度，明度整體風(fēng)格統(tǒng)一性
字-字體的樣式，字體，字號(hào)，襯線(xiàn)，內(nèi)容識(shí)別性
像這些核心元素，我們可以進(jìn)行進(jìn)行刻意練習(xí)，來(lái)提升綜合的視覺(jué)基礎(chǔ)能力，不過(guò)首要，我們需要理解并進(jìn)行梳理。
技巧一：合理的使用字體樣式
在做界面設(shè)計(jì)時(shí)，永遠(yuǎn)要把內(nèi)容的適當(dāng)性放在首位，其次再去考慮其他樣式。根據(jù)不同的業(yè)務(wù)模式，選擇不同的字體，可以讓頁(yè)面更容易達(dá)到用戶(hù)的心理預(yù)期。如襯線(xiàn)字與無(wú)襯線(xiàn)字，所傳遞出來(lái)的感覺(jué)也是存在截然不同的，一般而言，需要呈現(xiàn)的文字或小篇章文字中，使用無(wú)襯線(xiàn)字會(huì)更合適一些。而在一些長(zhǎng)篇文章中，如在網(wǎng)頁(yè)設(shè)計(jì)中，小的11號(hào)字體使用襯線(xiàn)體宋體，會(huì)比非襯線(xiàn)體的微軟雅黑更具有優(yōu)勢(shì)。
技巧二：合理的使用字重在單色環(huán)境中，使用不同的字重能更好的加強(qiáng)內(nèi)容之間的呼應(yīng)對(duì)比。減少過(guò)渡色階層級(jí)的使用，能使核心內(nèi)容更為聚焦，減輕閱讀負(fù)擔(dān)。因此在界面設(shè)計(jì)中，使用較粗的字重來(lái)作為標(biāo)題是較為合適的。在iOS11中，這樣的設(shè)計(jì)手法尤為多見(jiàn)。下圖我使用了不同的字重，很明顯，左邊的圖會(huì)更利于信息閱讀一些，因?yàn)閷蛹?jí)的主次得到了很好的區(qū)分。因此大家在設(shè)計(jì)界面中，不妨把一些主標(biāo)題加粗試試，或許有一些意想不到的效果。
技巧三：合理的控制字距及行高標(biāo)題的字距要緊密，正文大排字的字間距要稀疏一些。其他正文的行間距應(yīng)該設(shè)置為字體大小的120%到150%之間。大家可以多進(jìn)行一下嘗試，直到信息較容易識(shí)別閱讀為止。
提高UI視覺(jué)能力的話(huà)就可以把你整個(gè)產(chǎn)品的Level提高很多的檔次的，如果說(shuō)你想要學(xué)習(xí)UI設(shè)計(jì)的話(huà)那么達(dá)內(nèi)科技?xì)g迎大家來(lái)我們公司的UI培訓(xùn)班進(jìn)行實(shí)地考，也可以點(diǎn)擊我們文章下面的獲取試聽(tīng)資格按鈕來(lái)獲取我們的UI課程免費(fèi)試聽(tīng)資格，在試聽(tīng)中可以更加深入的了解我們達(dá)內(nèi)科技。
