2020-6-12 資深UI設(shè)計者
圖形是平面設(shè)計的核心元素之一,故圖形設(shè)計也是設(shè)計師必須掌握的重要能力,不論是海報設(shè)計、廣告設(shè)計、包裝設(shè)計、UI 設(shè)計、Logo 設(shè)計都離不開圖形設(shè)計,其中最具代表性的還是要數(shù) Logo 中的圖形設(shè)計,所以蔥爺從 logo 圖形入手,總結(jié)了 6 個最常用的圖形設(shè)計方法。
加法是圖形設(shè)計中最常見、最實用的方法,即把兩個或兩個以上的元素組合成一個新的圖形。
加法操作方式主要有兩種:
第一種:將兩個或兩個以上元素的圖形拼接或組合在一起,得到的新圖形中雖然含有加法中的每一個元素,但外形輪廓已不是他們當(dāng)中的任何一個圖形,即它們都是新圖形的子圖形,這種相加的方式關(guān)鍵在于找到各元素可以巧妙連接的點,或者可以完美組合的方式。
△ 字母C與鉆戒組合在一起。
△ 將樹葉與咖啡杯巧妙連接起來。
△ 廣州塔與「品」字融合在一起。
△ 字母U與H組合。
第二種:將元素 A 融合進元素 B 中,得出的圖形在外形上仍保持著元素 B 的大體特征,但是元素 A 也完美地融入在里面。即 B 是母圖形,A 是子圖形,這種方式的關(guān)鍵在于元素 A 是否能完美地融入元素 B 當(dāng)中。
△ 游戲手柄是子圖形,河馬是母圖形。
△ 愛心是子圖形,狐貍是母圖形。
△ 海浪是子圖形,樹葉是母圖形。
1. 實例:高音符號+眼睛
由于高音符號中間的螺旋與眼珠造型類似,所以具備了做加法的前提,但要怎么組合效果會比較好呢?我們可以嘗試一下,首先我嘗試了第一種方法,即把高音符和眼睛都作為新圖形的子圖形,如下圖。
雖然兩個元素都得到了完好保留,但造型不太美觀、簡潔,而且這兩個元素的線條并沒有融合起來,而是簡單、粗暴的相加。所以我嘗試了第二種方法,把高音符作為眼睛的子圖形,如下圖。
上圖把兩個元素完美連接了起來,整個圖形比方案一簡潔了不少,而且仍保有比較高的識別性,所以這個思路更靠譜,在此基礎(chǔ)上用輔助線規(guī)范一下,這個圖形設(shè)計就完成了。
即把元素 A 通過變形或者增加一點輔助元素,使其在造型上向元素 B 靠近,但仍保有圖形 A 的識別性,新得到的圖形介于圖形 A 和 B 之間。
比喻手法成立的前提是,元素 A 與元素 B 在造型上要比較接近。
△ 通過變形把手掌比喻成鴿子。
△ 通過變形把字母V比喻成鹿頭。
△ 通過在條紋狀的「M」上增加一雙筷子,把其比喻成面條。
1. 實例:把愛心比喻成桃子
愛心圖形在外形上與桃子本來就相似,所以我們只需要在愛心上方加一片小樹葉就能達到目的。
不過上圖太過常規(guī),沒有設(shè)計感和獨特性,所以我在愛心上做了一點加工,形成了循環(huán)的效果,如下圖。
大致效果還行,接下來,我們用輔助線把這個圖形比較規(guī)范地畫出來就可以了。
正負(fù)形又稱陰陽形,最典型的代表就是太極圖,即在一個圖形中,填充了顏色的部分是圖形,沒有填充顏色的部分也可以形成圖形,正負(fù)圖形通常是包圍式或半包圍式的。
所以正負(fù)圖形設(shè)計的關(guān)鍵在于,既要使正形能清晰地呈現(xiàn)出一個圖形,還得使正形的負(fù)空間也能成為一個圖形,由于負(fù)形沒有正形搶眼,所以負(fù)形的輪廓一定要盡量簡潔、具有很強的識別性。
在 Logo 設(shè)計中,英文字母是最常被用來做正負(fù)圖形的,因為英文造型夠簡單,且大多數(shù)字母都是包圍或半包圍式結(jié)構(gòu)。
1. 實例:把字母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é)合方式有兩種,一種是全包圍式的,一種是半包圍式的,從下圖可以看出,方案二(半包圍式的)更好看、更特別一些。
同樣,我們也需要對該圖形進行規(guī)范。
外輪廓出來后,我們還可以在正形內(nèi)增加一些細(xì)節(jié),使其更豐富、更有層次。
還有些圖形不需要全新創(chuàng)作,而是可以根據(jù)攝影圖片描摹出來,比如很多 logo 圖形喜歡描摹人物頭像、雕塑、植物等圖片。
由于拍攝圖片的角度可能不會太好,或者整體不是特別符合我們設(shè)計的需求,所以在描摹的過程中通常要做優(yōu)化調(diào)整,比如稍作簡化,去掉不是特別重要的細(xì)節(jié),只保留比較關(guān)鍵的部分,或適當(dāng)改變其外形等等。
1. 實例:「舜皇」頭像描摹
找到一張合適的圖片之后,我們可以把它的明暗對比調(diào)大一點,然后在 PS 中執(zhí)行圖像-調(diào)整-閾值,把圖片變成黑白兩色,我們要做的就是把陰影部分勾出來。
當(dāng)然這個過程中要主動做一些優(yōu)化和調(diào)整,讓這個圖形要保持著跟原圖比較高的相似度,且整體干凈簡潔,細(xì)節(jié)流暢利落。勾出大形以后加上顏色和背景,這個圖形就做完了。
藝術(shù)源于生活,圖形設(shè)計也是如此,但如果只是把生活中的事物直接還原成圖形,未免會太過普通、沒有特色,這一點在 logo 圖形的設(shè)計中尤其重要。
那么如何使這些來源于生活的圖形變得特別呢?其實不一定要加入其他元素,有一個很常用的方法是將原本不規(guī)則的圖形幾何化,比如把動物圖形設(shè)計成圓形或方形。
或者用幾何圖形把某個元素表現(xiàn)出來,比如用幾何圖形設(shè)計英文字母就很常見。
這個方法的關(guān)鍵是要使圖形幾何化以后,仍能保持著原圖形的識別性,所以我們要根據(jù)原圖形本身的特點,來反復(fù)嘗試看它適合轉(zhuǎn)化成哪種幾何圖形。
1. 實例:圓形的「購」字設(shè)計
比如說「購」字,如果把它設(shè)計成矩形會很容易,但會缺少特點,因為它本身的外形就很接近矩形,所以我打算把它設(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è)計成圓形的圖形也很多,所以用豬置換冰淇淋球也是很簡單、很自然的事情。
由于雪糕筒的風(fēng)格是很簡潔的描邊風(fēng)格,所以豬的設(shè)計風(fēng)格也要與其統(tǒng)一。
接下來只要在豬的圖形上加一個雪糕筒就可以了,調(diào)整一下二者的比例關(guān)系,統(tǒng)一線條粗細(xì),一個豬豬冰淇淋圖形就設(shè)計好了。
圖形設(shè)計的方法還有很多,大家可以通過看大量的作品來自行總結(jié),不過,最重要的不是知道這些方法,而是懂得如何通過正確地使用它們設(shè)計出優(yōu)秀的圖形。牢記設(shè)計的基本原則,多觀察生活中的事物,尋找不同造型的特點,并多去嘗試把它們聯(lián)系起來,或者是把他們用另外一種方式表現(xiàn)出來,長此以往,你對圖形設(shè)計的感覺一定會越來越強。
藍藍設(shè)計的小編 http://www.teruid.com