江湖上一直流傳著這樣一套理論，視覺(jué)設(shè)計(jì)語(yǔ)言五維度即“形、色、字、構(gòu)、質(zhì)”，說(shuō)人話就是圖形、色彩、字體、結(jié)構(gòu)、質(zhì)感。這套理論的來(lái)源我尋了很久也沒(méi)找到，但是這套理論卻經(jīng)常出現(xiàn)在各種方法論里面。下面我來(lái)逐一分享一下我對(duì)這幾個(gè)要素的理解。

1、形 

形就是指圖形，界面中的圖形就包括圖標(biāo)、卡片、圖片，因此，icon的風(fēng)格、卡片圓角的大小、圖片圓角的大小，都會(huì)影響界面的風(fēng)格，所以要進(jìn)行規(guī)范。 

2、色

色即是色彩，在界面中色彩不是單一的色調(diào)，它是整個(gè)色彩規(guī)范，什么時(shí)候應(yīng)該用主色，什么時(shí)候應(yīng)該用輔色，主色和輔色的比例，顏色在圖標(biāo)、文字、裝飾上的應(yīng)用，這些會(huì)影響人的整體感受，吸引視覺(jué)注意力，規(guī)范的配色搭配會(huì)讓界面的視覺(jué)更加舒適。

 

3、字

字即是字體，字體的形式、字號(hào)大小、文字的間距都影響著界面的信息傳遞，選擇符合產(chǎn)品特性的字體、合適的字號(hào)、舒適的間距都能讓界面看起來(lái)更加精致。

 

4、構(gòu)

構(gòu)即是結(jié)構(gòu)，也就是界面的內(nèi)容布局，排列的方式、分割的方式、留白的多少，都是屬于界面結(jié)構(gòu)的范圍，結(jié)構(gòu)的定義非常重要，決定著界面是否具有呼吸感、通透感、舒適感。

 

5、質(zhì)

質(zhì)就是質(zhì)感，也就是整體頁(yè)面的感覺(jué)，通過(guò)圓角的大小、留白的多少、排版的疏密、投影的大小來(lái)決定整個(gè)質(zhì)感是扁平的還是擬物的、高冷的還是活潑的。

知道了這五個(gè)維度之后該如何應(yīng)用呢？我們可以應(yīng)用在競(jìng)品的視覺(jué)分析里，項(xiàng)目的視覺(jué)改版里，項(xiàng)目初期的定風(fēng)格階段里，反正就是應(yīng)用在一切需要整理匯報(bào)的地方，提升你設(shè)計(jì)的專業(yè)度和可信度，如果在你的述職報(bào)告或者作品集里面搞一下，檔次一下子就上去了。

最近因?yàn)榧径葏R報(bào)，我發(fā)現(xiàn)有些領(lǐng)導(dǎo)可太愛(ài)聽(tīng)這一套大道理了，加了這些方法論之后，他就會(huì)覺(jué)得這個(gè)人有思考、能力強(qiáng)、有自己的方法論，不過(guò)是好是壞那就各自評(píng)說(shuō)吧。

原文地址：LEO設(shè)研所（公眾號(hào)）

作者：設(shè)研_倉(cāng)倉(cāng)君

轉(zhuǎn)載請(qǐng)注明：學(xué)UI網(wǎng)》沒(méi)想到學(xué)會(huì)這套方法論，定義視覺(jué)風(fēng)格能這么快

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長(zhǎng)學(xué)習(xí)，請(qǐng)掃碼藍(lán)小助，報(bào)下信息，藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請(qǐng)與我們聯(lián)系。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( www.0391cbd.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)