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