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