視覺(jué)設(shè)計(jì)中影響結(jié)果好壞的要素（造型）

對(duì)于設(shè)計(jì)師來(lái)說(shuō)，設(shè)計(jì)出來(lái)的頁(yè)面的好壞很大程度上主要取決于六大要素：畫(huà)面的構(gòu)圖、元素造型設(shè)計(jì)、整體的配色、文字的選擇與設(shè)計(jì)、質(zhì)感肌理和頁(yè)面所蘊(yùn)含的韻味。

那么什么是造型呢？

一、造型的定義

造型要素指構(gòu)成形體的基本知覺(jué)元素。包括形態(tài)、肌理、色彩三個(gè)部分。

基于視覺(jué)設(shè)計(jì)，我們可以將造型理解為頁(yè)面里面組成各個(gè)元素的各種形態(tài)，比如像圖標(biāo)、卡片、banner、按鈕、輪播點(diǎn)和標(biāo)簽的造型等，這也是構(gòu)成整個(gè)頁(yè)面里的基本組成元素。

二、元素造型釋義

圖標(biāo)造型

說(shuō)起圖標(biāo)，大家首先要洞悉圖標(biāo)設(shè)計(jì)風(fēng)格，根據(jù)類(lèi)型主要可以分為五大類(lèi)：1 擬物化風(fēng)格圖標(biāo)、2 扁平化風(fēng)格、3 輕擬物化風(fēng)格、4 新擬態(tài)風(fēng)格、5 玻璃擬態(tài)風(fēng)格。

從每一類(lèi)圖標(biāo)的造型分析來(lái)看，圖標(biāo)造型都必須遵守以下原則:

1. 統(tǒng)一性

統(tǒng)一性：無(wú)論交互設(shè)計(jì)還是UI視覺(jué)設(shè)計(jì)，設(shè)計(jì)的統(tǒng)一性一直都是一個(gè)極其重要的原則，它可以保證多元素組件構(gòu)圖后整個(gè)頁(yè)面內(nèi)部整體協(xié)調(diào)性、統(tǒng)一性，能夠避免讓用戶在使用過(guò)程中產(chǎn)生錯(cuò)亂感，同時(shí)還可以提高用戶的工作效率。所以，在設(shè)計(jì)圖標(biāo)時(shí)，為了達(dá)到造型統(tǒng)一性，我們必須遵循風(fēng)格、大小、形狀（包括圓角、描邊線寬、圖形的角度等）和層次的統(tǒng)一性

為了保證大家做出來(lái)的不同形狀樣式的圖標(biāo)大小能夠統(tǒng)一，建議大家使用標(biāo)準(zhǔn)化的輔助線進(jìn)行作圖

（輔助線沒(méi)有具體的大小，只有具體的比例，我這里只是演示）

2. 意思表達(dá)要精準(zhǔn)/可識(shí)別性

一個(gè)好的圖標(biāo)必須可以清晰明了地傳達(dá)出它所代表的含義，讓用戶一眼就能識(shí)別出它想要表達(dá)的內(nèi)容，而且圖標(biāo)樣式應(yīng)盡可能簡(jiǎn)化，增強(qiáng)識(shí)別性，避免讓用戶看不懂圖標(biāo)、看起來(lái)費(fèi)力或者對(duì)于圖標(biāo)和文字產(chǎn)生分歧，引起用戶反感，增加成本。

3. 均衡性

均衡性指的是某一個(gè)對(duì)象的各種元素之間進(jìn)行不同的組合，使其看起來(lái)更加的和諧舒適。

均衡性也是三大原則之一，所以圖標(biāo)的設(shè)計(jì)也要滿足均衡性才可以。在這種情況下，我們可以將圖標(biāo)看成是一個(gè)單獨(dú)的對(duì)象，內(nèi)部的各種裝飾性元素都可以當(dāng)成單獨(dú)的一個(gè)單元進(jìn)行設(shè)計(jì)，在圖標(biāo)這一個(gè)對(duì)象里進(jìn)行排列組合，以便達(dá)到均衡的效果。

除了保證元素在圖標(biāo)內(nèi)部的排列擺放要好看以外，還要注意整個(gè)畫(huà)面的“物理中心”和“視覺(jué)中心”，那什么是物理中心和視覺(jué)中心呢？

(1) 物理中心

物理中心一般情況下指的是物體的重心或者幾何中心。在設(shè)計(jì)軟件中，我們選中某一個(gè)圖形后，會(huì)在圖形周?chē)@示顯示虛線的矩形外框，這種情況下，中心點(diǎn)的位置會(huì)默認(rèn)為矩形外框的中心點(diǎn)，而不是物體本身的中心點(diǎn)

(2) 視覺(jué)中心

“視覺(jué)中心”一詞一般出現(xiàn)于視覺(jué)藝術(shù)類(lèi)的領(lǐng)域中，而且有兩種不同的理解。

一種是平面藝術(shù)中的主體，比如《最后的晚餐》中，耶穌所在的位置，就是畫(huà)面中心，正好將所有門(mén)徒從中間分割開(kāi)來(lái)；這里的視覺(jué)中心的含義是指，在畫(huà)面中，以構(gòu)圖、色彩等畫(huà)面元素所表現(xiàn)出來(lái)的畫(huà)面的主要元素。

另一種則是指人的視野在一個(gè)平面中的中心點(diǎn)，和這個(gè)視覺(jué)中心相對(duì)應(yīng)的還有一個(gè)概念，就是物理中心。通常，人的視覺(jué)中心會(huì)在物理中心的偏上方。

以上是從圖標(biāo)造型的三個(gè)方面進(jìn)行了剖析，希望對(duì)大家在設(shè)計(jì)的時(shí)候有所幫助。