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