作為一名UI設(shè)計(jì)師，除了要具備分析并梳理產(chǎn)品需求的能力，視覺基礎(chǔ)力，更是會(huì)直接影響到該設(shè)計(jì)師水平的幾大點(diǎn)之一。那么其實(shí)視覺基礎(chǔ)能力，是可以通過刻意練習(xí)，來進(jìn)行提升的。很多設(shè)計(jì)師朋友盲目的對(duì)Dribbble跟Behance的上的優(yōu)秀作品進(jìn)行臨摹，缺乏思考，發(fā)現(xiàn)*后還是難以進(jìn)步。在這里，我對(duì)UI視覺表現(xiàn)層分別從幾個(gè)維度來進(jìn)行了一下總結(jié)，分享一下這幾年來得到的一些經(jīng)驗(yàn)，希望能對(duì)剛?cè)腴T的設(shè)計(jì)師朋友有所幫助。



01 . 頁面視覺構(gòu)成幾大要素   

在一個(gè)完整的頁面的視覺設(shè)計(jì)當(dāng)中，我們可以把其幾個(gè)核心視覺點(diǎn)進(jìn)行拆分，單獨(dú)羅列。比如在一系列頁面設(shè)計(jì)中，我們可以它理解為幾大核心點(diǎn)，如『版，質(zhì)，形，色，字』

版 - 版和格柵，版式間距會(huì)直接影響到頁面的張力及空間感
質(zhì) - 頁面風(fēng)格，肌理維度，整個(gè)產(chǎn)品視覺調(diào)性
形 - 大面積區(qū)域的形狀，控件尺寸比例，圖形形狀的統(tǒng)一性
色 - 顏色風(fēng)格，頁面色相，彩度，明度整體風(fēng)格統(tǒng)一性
字 - 字體的樣式，字體，字號(hào)，襯線，內(nèi)容識(shí)別性