大家是不是很好奇別人的圖形怎么都這么有創(chuàng)意，而自己想設(shè)計(jì)圖形的時候卻無從下手。可能是還沒有掌握方法。今天就分享一個圖形創(chuàng)意的方法。希望大家了解后，在設(shè)計(jì)圖形的時候有一個清晰的思路。

△ 插圖來自日本插畫師 Yu Nagaba

我們先來看這個圖形，大家能認(rèn)出這是誰嗎？

沒錯，是愛因斯坦。為什么僅僅幾條簡單的線條，就能把一個真實(shí)的人物刻畫出來呢？這就是我們今天講的內(nèi)容，如何去簡化并且衍生成完整的圖形。

簡化的圖形一直是趨勢。它不僅僅利于快速傳播、具有非常強(qiáng)的延展性，也經(jīng)常作為海報(bào)的主體。

標(biāo)志上也大部分以圖形為主。所以作為設(shè)計(jì)師，簡化圖形的能力是必不可少的。

但是很多人對于圖形簡化還沒有一個清晰的理解，更多的只會在圖片的基礎(chǔ)上進(jìn)行簡單的描摹。

這樣描摹出來的圖像很可能缺乏識別度，就像這個例子，描摹出來后它到底是狗呢，還是狼呢？

簡化的第一步是確定基本元素。總的來說，就是什么元素能夠確定這個物體的種類。比如玫瑰是確定它是“花”這一種類。什么元素能讓我們辨別它是花而不是其他東西呢？

枝莖加上花苞，以及紅綠配色就可以讓我們辨別它是“花”的種類了。至于葉子就屬于補(bǔ)充元素。這都是讓我們辨別它的種類的基本元素。

玫瑰花苞和枝莖的常態(tài)關(guān)系是：花苞在枝莖的末端。如果隨意變換關(guān)系，會影響最簡形態(tài)下的識別度，所以前期簡化最好不要做變化。

雖然這兩個步驟能確定它的種類是“花”。但是它是什么花呢？我們還分辨不出來。就需要到第三步，找到圖形的重要特征。

這個時候玫瑰花就需要以種類內(nèi)的事物做參考。也是和其他花做對比。找出玫瑰花區(qū)別于其他花卉的重要特征。

紅綠配色是我們對玫瑰的印象。玫瑰的枝莖帶刺。玫瑰花的花瓣開得比較緊密，花瓣層層包裹像漩渦一樣。這些都是玫瑰比較明顯的特征。

分析完這些特點(diǎn)，我們只需要在原有的元素關(guān)系上加上這些特點(diǎn)，就能分辨出它是玫瑰花了。而這些特點(diǎn)可以在保證識別度的情況下任意刪減組合。

比如說去掉刺也能通過其他特征辨別玫瑰?；蛘弑Ａ舸?，去掉花瓣的細(xì)節(jié)，如果對于玫瑰有刺這一點(diǎn)比較熟悉的人來說也可以辨別它是玫瑰。又或者保留所有的圖形細(xì)節(jié)，把顏色變成黑白，都是可以的。

我們剛剛說的玫瑰是本身自帶的特征，其實(shí)在現(xiàn)實(shí)生活中還存在其他因素影響的特征。

比如附加特征，這個圖形我們都能分辨它是鳥，但是具體是什么鳥卻看不出來。

一旦加入橄欖枝，啊，我們就知道，它是鴿子。鴿子本身是沒有橄欖枝的，它代表和平也是人類賦予它的象征。所以這些屬于附加特征。

還有狀態(tài)特征，比如壁虎，哪種壁虎的狀態(tài)和角度更容易讓你辨別它們的身份呢？我相信應(yīng)該是能看到壁虎緊緊抓在墻上的狀態(tài)。所以它的狀態(tài)是否能體現(xiàn)它的身份，也是很重要的一點(diǎn)。

現(xiàn)在的示意圖它只是隨便畫出來的，如果用在設(shè)計(jì)中，這個圖形是不合格的，所以需要對它進(jìn)行改造。

衍生圖形主要從兩個角度入手，風(fēng)格化和陌生化。

比如花的漩渦狀可以用同心圓表現(xiàn)?；ò冒雸A形、枝莖和葉子同樣用最基本的形狀概括。

這個風(fēng)格的圖形非常簡單，會顯得它的完成度不高。所以這時就需要陌生化的處理，讓它在創(chuàng)意想法上有亮點(diǎn)。

比如我們把同心圓的顏色改變，雖然辨識度少了。但是這種創(chuàng)意圖形加上文案與畫面氛圍，可以判斷出它的身份。

那么漩渦一定要圓形的嗎？

帶著這種疑問，我們就可以開始第二個衍生。以四變形為基本形，通過旋轉(zhuǎn)不同角度，再加上漸變風(fēng)格。第二個圖形就衍生出來了。可能這兩個會偏抽象一點(diǎn)，那也可以選擇保留更多的特征。

就像這個圖形的外形和線條刻畫上更大地保留了玫瑰形態(tài)，所以在顏色上就可以不用完全遵循現(xiàn)實(shí)。

很容易，三個不同的圖形就完成了。

因?yàn)閳D形衍生的過程對于想法、造型能力、不同風(fēng)格的掌握有所要求，沒辦法通過簡單的理論來分析，接下來會通過分析四個不同的案例的衍生方式，給大家提供一些衍生的思路。

螃蟹它的顏色是橙紅色。蟹鉗是螃蟹比較明顯的特征。蟹的八條腿可以作為輔助元素。它的軀殼偏圓形。這些特點(diǎn)的組合就能呈現(xiàn)一個非常清晰的螃蟹的形象。但是別忘了圖形的衍生是需要對特征有所取舍和變化的。

為了讓螃蟹看起來更加的陌生化，我們可以考慮改變印象中螃蟹的常見形態(tài)，讓它以一種更加有趣的動態(tài)呈現(xiàn)，比如讓這個多爪動物以一種太陽一樣的放射狀呈現(xiàn)，變身元?dú)怏π贰?

第二個方案保留圓形的身體，加上尖銳的蟹鉗特征，就完成了一個新的螃蟹圖形。雖然顏色的變化和少了八條腿的特征，但是在保留其他特征時作出的變化卻也能讓我們清晰辨別它是螃蟹。

那傳統(tǒng)的螃蟹都是圓形的身子，我們能不能嘗試把螃蟹的身體變方呢？帶著這種思考，保留其他特征的同時作相應(yīng)的風(fēng)格化處理。又一個新的圖形產(chǎn)生。

這些就是螃蟹部分的衍生圖形。

火龍果的配色是很明顯的特點(diǎn)。表皮會帶有綠色的鱗片。相對橢圓的身體?；瘕埞前咨墓夂秃谧训慕M合。

第一個衍生很簡單的，就是簡化火龍果的外形，最后變化顏色。

這一次同樣保留火龍果的外皮特征，因白色果肉和黑籽的結(jié)合讓我聯(lián)想到骰子，我們可以把這個想法和火龍果結(jié)合一下，讓它變得更加有創(chuàng)意。

使用不尋常的切塊方式，也能產(chǎn)生另一個圖形。

這些就是火龍果部分的衍生圖形。

顏色同樣是我們辨別它的一個很重要的特征。除了顏色，我們還可以看到西瓜的表面有條紋的覆蓋。像是西瓜這種簡單的圓形水果，切塊之后的造型，可能會更有辨識性。是一個很好的附加特征。最后，黑色的瓜籽同樣是我們辨別西瓜時的一個顯著特性。接下來就需要對它們進(jìn)行風(fēng)格化的處理。

西瓜的條紋部分，這一次我們用幾何圖形來做一些嘗試。錯位再壓縮，讓條紋的比例感更強(qiáng)。加入半圓形的西瓜切塊之后，感覺有點(diǎn)像是人臉對吧？那我們就順勢添加一個眼睛，讓它擬人化。

符合了這么多特征之后，造型上就不用那么寫實(shí)了，我們完全可以抽象一些來繪制它。加入之前的眼睛和切塊之后，它就完成了。

西瓜切開后的這個形狀特征讓我們很容易辨別它的身份，所以就可以保留這個形狀特征，做一些大膽的變化。

比如顏色上可以完全脫離西瓜原有的顏色。用幾何色塊的方式去填充造型，讓風(fēng)格化的更強(qiáng)烈。到這里，這個圖形也就完成了。按照這種思路，能不能保留配色，但是在切塊的形狀上進(jìn)行改變呢？

那就到了第三個衍生，我們把它分成三塊去表現(xiàn)西瓜的層次。因?yàn)樵煨鸵呀?jīng)足夠抽象了，所以這里我們用顏色去盡量還原西瓜的印象。組合到一塊，是不是就有西瓜切塊的感覺了呢？

我們把這個數(shù)量增加一些，就更有辨識度了，再調(diào)整里面的一點(diǎn)變化。那么到這里，這個圖形也就完成了。

這是西瓜部分的衍生。

青蛙是綠色的，由于身體和四肢的對比，會感覺四肢很細(xì)長。另外后爪很長，并且有蹼。彎曲的后腿是青蛙比較特別的地方。

這一次，我們可以從造型上做變化。比如切斷連接四肢的關(guān)節(jié)部分，不過這樣的造型在美感上還不是很理想。

那么嘗試到這里，覺得下面的這個腳的直線結(jié)構(gòu)很有趣，是一個很有變化性的特點(diǎn)。所以我們可以按照這個方向再去嘗試一下。

把手臂的部分也修改成直線的樣式，那么這里這個圖形就完成了。

這一次，我們把目光聚焦到青蛙細(xì)長的四肢上，為了讓造型看起來更生動，這個圖形我決定打破對稱的方式。將四肢和身體的比例做一些夸張的處理，讓身體更小，四肢更大。爪尖用來劃水的蹼也同樣做了夸張的處理。那么在這個過程中，我們會繼續(xù)擺放四肢的位置，讓每個部分的空間看起來更均衡一些。

強(qiáng)調(diào)了四肢之后，我們還可以反著來，嘗試強(qiáng)調(diào)身體的部分。為了讓四肢看上去更細(xì)小，這一次我們用線條來繪制。

這是青蛙部分的效果。

來回顧一下我們這篇教程所有的圖形。

我們從極簡化的元素開始，通過不同特征的組合與變化，再為它添加陌生化和風(fēng)格化的處理，就能能衍生出非常多形態(tài)各異、各種風(fēng)格的圖形。

文章來源：優(yōu)設(shè)網(wǎng)       作者：研習(xí)社

藍(lán)藍(lán)設(shè)計(jì)( m.sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)