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



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

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

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