設(shè)計師必須掌握的6大圖形設(shè)計方法

2020-6-12    資深UI設(shè)計者

圖形是平面設(shè)計的核心元素之一,故圖形設(shè)計也是設(shè)計師必須掌握的重要能力,不論是海報設(shè)計、廣告設(shè)計、包裝設(shè)計、UI 設(shè)計、Logo 設(shè)計都離不開圖形設(shè)計,其中最具代表性的還是要數(shù) Logo 中的圖形設(shè)計,所以蔥爺從 logo 圖形入手,總結(jié)了 6 個最常用的圖形設(shè)計方法。

加法

加法是圖形設(shè)計中最常見、最實(shí)用的方法,即把兩個或兩個以上的元素組合成一個新的圖形。

加法操作方式主要有兩種:

第一種:將兩個或兩個以上元素的圖形拼接或組合在一起,得到的新圖形中雖然含有加法中的每一個元素,但外形輪廓已不是他們當(dāng)中的任何一個圖形,即它們都是新圖形的子圖形,這種相加的方式關(guān)鍵在于找到各元素可以巧妙連接的點(diǎn),或者可以完美組合的方式。

△ 字母C與鉆戒組合在一起。

△ 將樹葉與咖啡杯巧妙連接起來。

△ 廣州塔與「品」字融合在一起。

△ 字母U與H組合。

第二種:將元素 A 融合進(jìn)元素 B 中,得出的圖形在外形上仍保持著元素 B 的大體特征,但是元素 A 也完美地融入在里面。即 B 是母圖形,A 是子圖形,這種方式的關(guān)鍵在于元素 A 是否能完美地融入元素 B 當(dāng)中。

△ 游戲手柄是子圖形,河馬是母圖形。

△ 愛心是子圖形,狐貍是母圖形。

△ 海浪是子圖形,樹葉是母圖形。

1. 實(shí)例:高音符號+眼睛

由于高音符號中間的螺旋與眼珠造型類似,所以具備了做加法的前提,但要怎么組合效果會比較好呢?我們可以嘗試一下,首先我嘗試了第一種方法,即把高音符和眼睛都作為新圖形的子圖形,如下圖。

雖然兩個元素都得到了完好保留,但造型不太美觀、簡潔,而且這兩個元素的線條并沒有融合起來,而是簡單、粗暴的相加。所以我嘗試了第二種方法,把高音符作為眼睛的子圖形,如下圖。

上圖把兩個元素完美連接了起來,整個圖形比方案一簡潔了不少,而且仍保有比較高的識別性,所以這個思路更靠譜,在此基礎(chǔ)上用輔助線規(guī)范一下,這個圖形設(shè)計就完成了。

比喻

即把元素 A 通過變形或者增加一點(diǎn)輔助元素,使其在造型上向元素 B 靠近,但仍保有圖形 A 的識別性,新得到的圖形介于圖形 A 和 B 之間。

比喻手法成立的前提是,元素 A 與元素 B 在造型上要比較接近。

△ 通過變形把手掌比喻成鴿子。

△ 通過變形把字母V比喻成鹿頭。

△ 通過在條紋狀的「M」上增加一雙筷子,把其比喻成面條。

1. 實(shí)例:把愛心比喻成桃子

愛心圖形在外形上與桃子本來就相似,所以我們只需要在愛心上方加一片小樹葉就能達(dá)到目的。

不過上圖太過常規(guī),沒有設(shè)計感和獨(dú)特性,所以我在愛心上做了一點(diǎn)加工,形成了循環(huán)的效果,如下圖。

大致效果還行,接下來,我們用輔助線把這個圖形比較規(guī)范地畫出來就可以了。

正負(fù)形

正負(fù)形又稱陰陽形,最典型的代表就是太極圖,即在一個圖形中,填充了顏色的部分是圖形,沒有填充顏色的部分也可以形成圖形,正負(fù)圖形通常是包圍式或半包圍式的。

所以正負(fù)圖形設(shè)計的關(guān)鍵在于,既要使正形能清晰地呈現(xiàn)出一個圖形,還得使正形的負(fù)空間也能成為一個圖形,由于負(fù)形沒有正形搶眼,所以負(fù)形的輪廓一定要盡量簡潔、具有很強(qiáng)的識別性。

在 Logo 設(shè)計中,英文字母是最常被用來做正負(fù)圖形的,因?yàn)橛⑽脑煨蛪蚝唵?,且大多?shù)字母都是包圍或半包圍式結(jié)構(gòu)。

1. 實(shí)例:把字母D的負(fù)形設(shè)計成字母R

由于字母 D 是一個包圍式結(jié)構(gòu),剛好中間有一個比較大的負(fù)形空間,所以很適合用來設(shè)計正負(fù)圖形,但從下圖可以看出,線結(jié)構(gòu)的字母 R 并不適合做 D 的負(fù)形。

所以我們需要將 R 處理一下,使它成為一個面的圖形,前后差別很大,但仍具有 R 的識別性。

調(diào)整后的 R 就可以作為 D 的負(fù)形了,其結(jié)合方式有兩種,一種是全包圍式的,一種是半包圍式的,從下圖可以看出,方案二(半包圍式的)更好看、更特別一些。

同樣,我們也需要對該圖形進(jìn)行規(guī)范。

外輪廓出來后,我們還可以在正形內(nèi)增加一些細(xì)節(jié),使其更豐富、更有層次。

描摹簡化

還有些圖形不需要全新創(chuàng)作,而是可以根據(jù)攝影圖片描摹出來,比如很多 logo 圖形喜歡描摹人物頭像、雕塑、植物等圖片。

由于拍攝圖片的角度可能不會太好,或者整體不是特別符合我們設(shè)計的需求,所以在描摹的過程中通常要做優(yōu)化調(diào)整,比如稍作簡化,去掉不是特別重要的細(xì)節(jié),只保留比較關(guān)鍵的部分,或適當(dāng)改變其外形等等。

1. 實(shí)例:「舜皇」頭像描摹

找到一張合適的圖片之后,我們可以把它的明暗對比調(diào)大一點(diǎn),然后在 PS 中執(zhí)行圖像-調(diào)整-閾值,把圖片變成黑白兩色,我們要做的就是把陰影部分勾出來。

當(dāng)然這個過程中要主動做一些優(yōu)化和調(diào)整,讓這個圖形要保持著跟原圖比較高的相似度,且整體干凈簡潔,細(xì)節(jié)流暢利落。勾出大形以后加上顏色和背景,這個圖形就做完了。

圖形幾何化

藝術(shù)源于生活,圖形設(shè)計也是如此,但如果只是把生活中的事物直接還原成圖形,未免會太過普通、沒有特色,這一點(diǎn)在 logo 圖形的設(shè)計中尤其重要。

那么如何使這些來源于生活的圖形變得特別呢?其實(shí)不一定要加入其他元素,有一個很常用的方法是將原本不規(guī)則的圖形幾何化,比如把動物圖形設(shè)計成圓形或方形。

或者用幾何圖形把某個元素表現(xiàn)出來,比如用幾何圖形設(shè)計英文字母就很常見。

這個方法的關(guān)鍵是要使圖形幾何化以后,仍能保持著原圖形的識別性,所以我們要根據(jù)原圖形本身的特點(diǎn),來反復(fù)嘗試看它適合轉(zhuǎn)化成哪種幾何圖形。

1. 實(shí)例:圓形的「購」字設(shè)計

比如說「購」字,如果把它設(shè)計成矩形會很容易,但會缺少特點(diǎn),因?yàn)樗旧淼耐庑尉秃芙咏匦?,所以我打算把它設(shè)計成圓形,能不能行得通呢?我們可以先在草圖上試一試。

從草圖中可以看出,購字還是可以設(shè)計成圓形的,于是我用比較規(guī)范的手法把它在 Ai 里畫出來,這樣就得到了一個圓形的「購」字,很特別也很有設(shè)計感,但仍不難看出這是一個「購」字。

置換

置換也是圖形設(shè)計中常用的手法,即用元素 A 替換元素 B 中的某個局部從而得到圖形 C,這要求元素 A 與元素 B 的某個局部在造型上有一定的相似性,這樣圖形 C 保留元素 B 的外形特征和識別性,這一方法在字體設(shè)計中也經(jīng)常會用到。

需要注意的是,置換過來的元素 A 在設(shè)計風(fēng)格和細(xì)節(jié)處理上,都要與元素 B 統(tǒng)一。

1. 實(shí)例:豬豬冰淇淋圖形設(shè)計

球形冰淇淋的上半部分是球形的,而把豬設(shè)計成圓形的圖形也很多,所以用豬置換冰淇淋球也是很簡單、很自然的事情。

由于雪糕筒的風(fēng)格是很簡潔的描邊風(fēng)格,所以豬的設(shè)計風(fēng)格也要與其統(tǒng)一。

接下來只要在豬的圖形上加一個雪糕筒就可以了,調(diào)整一下二者的比例關(guān)系,統(tǒng)一線條粗細(xì),一個豬豬冰淇淋圖形就設(shè)計好了。

總結(jié)

圖形設(shè)計的方法還有很多,大家可以通過看大量的作品來自行總結(jié),不過,最重要的不是知道這些方法,而是懂得如何通過正確地使用它們設(shè)計出優(yōu)秀的圖形。牢記設(shè)計的基本原則,多觀察生活中的事物,尋找不同造型的特點(diǎn),并多去嘗試把它們聯(lián)系起來,或者是把他們用另外一種方式表現(xiàn)出來,長此以往,你對圖形設(shè)計的感覺一定會越來越強(qiáng)。

分享本文至:

日歷

鏈接

個人資料

存檔