沒想到學(xué)會這套方法論,定義視覺風(fēng)格能這么快

2021-7-26    seo達(dá)人



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

 

圖片

 

1、形 

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

2、色

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

圖片

 

3、字

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

圖片

 

4、構(gòu)

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

圖片

 

5、質(zhì)

質(zhì)就是質(zhì)感,也就是整體頁面的感覺,通過圓角的大小、留白的多少、排版的疏密、投影的大小來決定整個質(zhì)感是扁平的還是擬物的、高冷的還是活潑的。

圖片

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

最近因為季度匯報,我發(fā)現(xiàn)有些領(lǐng)導(dǎo)可太愛聽這一套大道理了,加了這些方法論之后,他就會覺得這個人有思考、能力強(qiáng)、有自己的方法論,不過是好是壞那就各自評說吧。

 

原文地址:LEO設(shè)研所(公眾號)

作者:設(shè)研_倉倉君

轉(zhuǎn)載請注明:學(xué)UI網(wǎng)》沒想到學(xué)會這套方法論,定義視覺風(fēng)格能這么快

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

截屏2021-05-13 上午11.41.03.png


文章來源:csdn

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

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

分享本文至:

日歷

鏈接

個人資料

存檔