2021-3-30 周周
大家是不是很好奇別人的圖形怎么都這么有創意，而自己想設計圖形的時候卻無從下手。可能是還沒有掌握方法。今天就分享一個圖形創意的方法。希望大家了解后，在設計圖形的時候有一個清晰的思路。
△ 插圖來自日本插畫師 Yu Nagaba
我們先來看這個圖形，大家能認出這是誰嗎？
沒錯，是愛因斯坦。為什么僅僅幾條簡單的線條，就能把一個真實的人物刻畫出來呢？這就是我們今天講的內容，如何去簡化并且衍生成完整的圖形。
簡化的圖形一直是趨勢。它不僅僅利于快速傳播、具有非常強的延展性，也經常作為海報的主體。
標志上也大部分以圖形為主。所以作為設計師，簡化圖形的能力是必不可少的。
但是很多人對于圖形簡化還沒有一個清晰的理解，更多的只會在圖片的基礎上進行簡單的描摹。
這樣描摹出來的圖像很可能缺乏識別度，就像這個例子，描摹出來后它到底是狗呢，還是狼呢？
簡化的第一步是確定基本元素。總的來說，就是什么元素能夠確定這個物體的種類。比如玫瑰是確定它是“花”這一種類。什么元素能讓我們辨別它是花而不是其他東西呢？
枝莖加上花苞，以及紅綠配色就可以讓我們辨別它是“花”的種類了。至于葉子就屬于補充元素。這都是讓我們辨別它的種類的基本元素。
玫瑰花苞和枝莖的常態關系是：花苞在枝莖的末端。如果隨意變換關系，會影響最簡形態下的識別度，所以前期簡化最好不要做變化。
雖然這兩個步驟能確定它的種類是“花”。但是它是什么花呢？我們還分辨不出來。就需要到第三步，找到圖形的重要特征。
這個時候玫瑰花就需要以種類內的事物做參考。也是和其他花做對比。找出玫瑰花區別于其他花卉的重要特征。
紅綠配色是我們對玫瑰的印象。玫瑰的枝莖帶刺。玫瑰花的花瓣開得比較緊密，花瓣層層包裹像漩渦一樣。這些都是玫瑰比較明顯的特征。
分析完這些特點，我們只需要在原有的元素關系上加上這些特點，就能分辨出它是玫瑰花了。而這些特點可以在保證識別度的情況下任意刪減組合。
比如說去掉刺也能通過其他特征辨別玫瑰。或者保留刺，去掉花瓣的細節，如果對于玫瑰有刺這一點比較熟悉的人來說也可以辨別它是玫瑰。又或者保留所有的圖形細節，把顏色變成黑白，都是可以的。
我們剛剛說的玫瑰是本身自帶的特征，其實在現實生活中還存在其他因素影響的特征。
比如附加特征，這個圖形我們都能分辨它是鳥，但是具體是什么鳥卻看不出來。
一旦加入橄欖枝，啊，我們就知道，它是鴿子。鴿子本身是沒有橄欖枝的，它代表和平也是人類賦予它的象征。所以這些屬于附加特征。
還有狀態特征，比如壁虎，哪種壁虎的狀態和角度更容易讓你辨別它們的身份呢？我相信應該是能看到壁虎緊緊抓在墻上的狀態。所以它的狀態是否能體現它的身份，也是很重要的一點。
現在的示意圖它只是隨便畫出來的，如果用在設計中，這個圖形是不合格的，所以需要對它進行改造。
衍生圖形主要從兩個角度入手，風格化和陌生化。
比如花的漩渦狀可以用同心圓表現。花苞用半圓形、枝莖和葉子同樣用最基本的形狀概括。
這個風格的圖形非常簡單，會顯得它的完成度不高。所以這時就需要陌生化的處理，讓它在創意想法上有亮點。
比如我們把同心圓的顏色改變，雖然辨識度少了。但是這種創意圖形加上文案與畫面氛圍，可以判斷出它的身份。
那么漩渦一定要圓形的嗎？
帶著這種疑問，我們就可以開始第二個衍生。以四變形為基本形，通過旋轉不同角度，再加上漸變風格。第二個圖形就衍生出來了。可能這兩個會偏抽象一點，那也可以選擇保留更多的特征。
就像這個圖形的外形和線條刻畫上更大地保留了玫瑰形態，所以在顏色上就可以不用完全遵循現實。
很容易，三個不同的圖形就完成了。
因為圖形衍生的過程對于想法、造型能力、不同風格的掌握有所要求，沒辦法通過簡單的理論來分析，接下來會通過分析四個不同的案例的衍生方式，給大家提供一些衍生的思路。
螃蟹它的顏色是橙紅色。蟹鉗是螃蟹比較明顯的特征。蟹的八條腿可以作為輔助元素。它的軀殼偏圓形。這些特點的組合就能呈現一個非常清晰的螃蟹的形象。但是別忘了圖形的衍生是需要對特征有所取舍和變化的。
為了讓螃蟹看起來更加的陌生化，我們可以考慮改變印象中螃蟹的常見形態，讓它以一種更加有趣的動態呈現，比如讓這個多爪動物以一種太陽一樣的放射狀呈現，變身元氣螃蟹。
第二個方案保留圓形的身體，加上尖銳的蟹鉗特征，就完成了一個新的螃蟹圖形。雖然顏色的變化和少了八條腿的特征，但是在保留其他特征時作出的變化卻也能讓我們清晰辨別它是螃蟹。
那傳統的螃蟹都是圓形的身子，我們能不能嘗試把螃蟹的身體變方呢？帶著這種思考，保留其他特征的同時作相應的風格化處理。又一個新的圖形產生。
這些就是螃蟹部分的衍生圖形。
火龍果的配色是很明顯的特點。表皮會帶有綠色的鱗片。相對橢圓的身體。火龍果是白色的果肉和黑籽的組合。
第一個衍生很簡單的，就是簡化火龍果的外形，最后變化顏色。
這一次同樣保留火龍果的外皮特征，因白色果肉和黑籽的結合讓我聯想到骰子，我們可以把這個想法和火龍果結合一下，讓它變得更加有創意。
使用不尋常的切塊方式，也能產生另一個圖形。
這些就是火龍果部分的衍生圖形。
顏色同樣是我們辨別它的一個很重要的特征。除了顏色，我們還可以看到西瓜的表面有條紋的覆蓋。像是西瓜這種簡單的圓形水果，切塊之后的造型，可能會更有辨識性。是一個很好的附加特征。最后，黑色的瓜籽同樣是我們辨別西瓜時的一個顯著特性。接下來就需要對它們進行風格化的處理。
西瓜的條紋部分，這一次我們用幾何圖形來做一些嘗試。錯位再壓縮，讓條紋的比例感更強。加入半圓形的西瓜切塊之后，感覺有點像是人臉對吧？那我們就順勢添加一個眼睛，讓它擬人化。
符合了這么多特征之后，造型上就不用那么寫實了，我們完全可以抽象一些來繪制它。加入之前的眼睛和切塊之后，它就完成了。
西瓜切開后的這個形狀特征讓我們很容易辨別它的身份，所以就可以保留這個形狀特征，做一些大膽的變化。
比如顏色上可以完全脫離西瓜原有的顏色。用幾何色塊的方式去填充造型，讓風格化的更強烈。到這里，這個圖形也就完成了。按照這種思路，能不能保留配色，但是在切塊的形狀上進行改變呢？
那就到了第三個衍生，我們把它分成三塊去表現西瓜的層次。因為造型已經足夠抽象了，所以這里我們用顏色去盡量還原西瓜的印象。組合到一塊，是不是就有西瓜切塊的感覺了呢？
我們把這個數量增加一些，就更有辨識度了，再調整里面的一點變化。那么到這里，這個圖形也就完成了。
這是西瓜部分的衍生。
青蛙是綠色的，由于身體和四肢的對比，會感覺四肢很細長。另外后爪很長，并且有蹼。彎曲的后腿是青蛙比較特別的地方。
這一次，我們可以從造型上做變化。比如切斷連接四肢的關節部分，不過這樣的造型在美感上還不是很理想。
那么嘗試到這里，覺得下面的這個腳的直線結構很有趣，是一個很有變化性的特點。所以我們可以按照這個方向再去嘗試一下。
把手臂的部分也修改成直線的樣式，那么這里這個圖形就完成了。
這一次，我們把目光聚焦到青蛙細長的四肢上，為了讓造型看起來更生動，這個圖形我決定打破對稱的方式。將四肢和身體的比例做一些夸張的處理，讓身體更小，四肢更大。爪尖用來劃水的蹼也同樣做了夸張的處理。那么在這個過程中，我們會繼續擺放四肢的位置，讓每個部分的空間看起來更均衡一些。
強調了四肢之后，我們還可以反著來，嘗試強調身體的部分。為了讓四肢看上去更細小，這一次我們用線條來繪制。
這是青蛙部分的效果。
來回顧一下我們這篇教程所有的圖形。
我們從極簡化的元素開始，通過不同特征的組合與變化，再為它添加陌生化和風格化的處理，就能能衍生出非常多形態各異、各種風格的圖形。
文章來源：優設網 作者：研習社
藍藍設計( paul-jarrel.com )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務