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

發(fā)布時(shí)間：2023-09-23 09:08:57

發(fā)布者：guokai

瀏覽量:

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

對(duì)于設(shè)計(jì)師來(lái)說(shuō)，設(shè)計(jì)出來(lái)的頁(yè)面的好壞很大程度上主要取決于六大要素：畫面的構(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ù)類型主要可以分為五大類：1 擬物化風(fēng)格圖標(biāo)、2 扁平化風(fēng)格、3 輕擬物化風(fēng)格、4 新擬態(tài)風(fēng)格、5 玻璃擬態(tài)風(fēng)格。

從每一類圖標(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á)到均衡的效果。