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