• <u id="vsctu"><meter id="vsctu"></meter></u>
    <s id="vsctu"><noscript id="vsctu"><i id="vsctu"></i></noscript></s>
      <u id="vsctu"><wbr id="vsctu"><del id="vsctu"></del></wbr></u>
      1. <u id="vsctu"><meter id="vsctu"></meter></u>

        <s id="vsctu"><noscript id="vsctu"><i id="vsctu"></i></noscript></s>

          圖形簡化+衍生,教你真正的圖形創意方法!

          2021-3-30    周周 平面設計


          大家是不是很好奇別人的圖形怎么都這么有創意,而自己想設計圖形的時候卻無從下手??赡苁沁€沒有掌握方法。今天就分享一個圖形創意的方法。希望大家了解后,在設計圖形的時候有一個清晰的思路。

          圖形簡化+衍生,教你真正的圖形創意方法!

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

          我們先來看這個圖形,大家能認出這是誰嗎?

          圖形簡化+衍生,教你真正的圖形創意方法!

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

          圖形簡化+衍生,教你真正的圖形創意方法!

          圖形簡化+衍生,教你真正的圖形創意方法!

          簡化的圖形一直是趨勢。它不僅僅利于快速傳播、具有非常強的延展性,也經常作為海報的主體。

          圖形簡化+衍生,教你真正的圖形創意方法!

          標志上也大部分以圖形為主。所以作為設計師,簡化圖形的能力是必不可少的。

          圖形簡化+衍生,教你真正的圖形創意方法!

          但是很多人對于圖形簡化還沒有一個清晰的理解,更多的只會在圖片的基礎上進行簡單的描摹。

          圖形簡化+衍生,教你真正的圖形創意方法!

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

          圖形簡化+衍生,教你真正的圖形創意方法!

          圖形簡化+衍生,教你真正的圖形創意方法!

          圖形簡化+衍生,教你真正的圖形創意方法!

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

          圖形簡化+衍生,教你真正的圖形創意方法!

          圖形簡化+衍生,教你真正的圖形創意方法!

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

          圖形簡化+衍生,教你真正的圖形創意方法!

          圖形簡化+衍生,教你真正的圖形創意方法!

          圖形簡化+衍生,教你真正的圖形創意方法!

          玫瑰花苞和枝莖的常態關系是:花苞在枝莖的末端。如果隨意變換關系,會影響最簡形態下的識別度,所以前期簡化最好不要做變化。

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

          圖形簡化+衍生,教你真正的圖形創意方法!

          圖形簡化+衍生,教你真正的圖形創意方法!

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

          圖形簡化+衍生,教你真正的圖形創意方法!

          圖形簡化+衍生,教你真正的圖形創意方法!

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

          圖形簡化+衍生,教你真正的圖形創意方法!

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

          圖形簡化+衍生,教你真正的圖形創意方法!

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

          圖形簡化+衍生,教你真正的圖形創意方法!

          我們剛剛說的玫瑰是本身自帶的特征,其實在現實生活中還存在其他因素影響的特征。

          圖形簡化+衍生,教你真正的圖形創意方法!

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

          圖形簡化+衍生,教你真正的圖形創意方法!

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

          圖形簡化+衍生,教你真正的圖形創意方法!

          還有狀態特征,比如壁虎,哪種壁虎的狀態和角度更容易讓你辨別它們的身份呢?我相信應該是能看到壁虎緊緊抓在墻上的狀態。所以它的狀態是否能體現它的身份,也是很重要的一點。

          圖形簡化+衍生,教你真正的圖形創意方法!

          圖形簡化+衍生,教你真正的圖形創意方法!

          現在的示意圖它只是隨便畫出來的,如果用在設計中,這個圖形是不合格的,所以需要對它進行改造。

          圖形簡化+衍生,教你真正的圖形創意方法!

          衍生圖形主要從兩個角度入手,風格化和陌生化。

          圖形簡化+衍生,教你真正的圖形創意方法!

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

          這個風格的圖形非常簡單,會顯得它的完成度不高。所以這時就需要陌生化的處理,讓它在創意想法上有亮點。

          圖形簡化+衍生,教你真正的圖形創意方法!

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

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

          圖形簡化+衍生,教你真正的圖形創意方法!

          帶著這種疑問,我們就可以開始第二個衍生。以四變形為基本形,通過旋轉不同角度,再加上漸變風格。第二個圖形就衍生出來了??赡苓@兩個會偏抽象一點,那也可以選擇保留更多的特征。

          圖形簡化+衍生,教你真正的圖形創意方法!

          就像這個圖形的外形和線條刻畫上更大地保留了玫瑰形態,所以在顏色上就可以不用完全遵循現實。

          圖形簡化+衍生,教你真正的圖形創意方法!

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

          因為圖形衍生的過程對于想法、造型能力、不同風格的掌握有所要求,沒辦法通過簡單的理論來分析,接下來會通過分析四個不同的案例的衍生方式,給大家提供一些衍生的思路。

          圖形簡化+衍生,教你真正的圖形創意方法!

          圖形簡化+衍生,教你真正的圖形創意方法!

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

          圖形簡化+衍生,教你真正的圖形創意方法!

          為了讓螃蟹看起來更加的陌生化,我們可以考慮改變印象中螃蟹的常見形態,讓它以一種更加有趣的動態呈現,比如讓這個多爪動物以一種太陽一樣的放射狀呈現,變身元氣螃蟹。

          圖形簡化+衍生,教你真正的圖形創意方法!

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

          圖形簡化+衍生,教你真正的圖形創意方法!

          那傳統的螃蟹都是圓形的身子,我們能不能嘗試把螃蟹的身體變方呢?帶著這種思考,保留其他特征的同時作相應的風格化處理。又一個新的圖形產生。

          圖形簡化+衍生,教你真正的圖形創意方法!

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

          圖形簡化+衍生,教你真正的圖形創意方法!

          圖形簡化+衍生,教你真正的圖形創意方法!

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

          圖形簡化+衍生,教你真正的圖形創意方法!

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

          圖形簡化+衍生,教你真正的圖形創意方法!

          這一次同樣保留火龍果的外皮特征,因白色果肉和黑籽的結合讓我聯想到骰子,我們可以把這個想法和火龍果結合一下,讓它變得更加有創意。

          圖形簡化+衍生,教你真正的圖形創意方法!

          使用不尋常的切塊方式,也能產生另一個圖形。

          圖形簡化+衍生,教你真正的圖形創意方法!

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

          圖形簡化+衍生,教你真正的圖形創意方法!

          圖形簡化+衍生,教你真正的圖形創意方法!

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

          圖形簡化+衍生,教你真正的圖形創意方法!

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

          圖形簡化+衍生,教你真正的圖形創意方法!

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

          圖形簡化+衍生,教你真正的圖形創意方法!

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

          圖形簡化+衍生,教你真正的圖形創意方法!

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

          圖形簡化+衍生,教你真正的圖形創意方法!

          那就到了第三個衍生,我們把它分成三塊去表現西瓜的層次。因為造型已經足夠抽象了,所以這里我們用顏色去盡量還原西瓜的印象。組合到一塊,是不是就有西瓜切塊的感覺了呢?

          圖形簡化+衍生,教你真正的圖形創意方法!

          我們把這個數量增加一些,就更有辨識度了,再調整里面的一點變化。那么到這里,這個圖形也就完成了。

          圖形簡化+衍生,教你真正的圖形創意方法!

          這是西瓜部分的衍生。

          圖形簡化+衍生,教你真正的圖形創意方法!

          圖形簡化+衍生,教你真正的圖形創意方法!

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

          圖形簡化+衍生,教你真正的圖形創意方法!

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

          圖形簡化+衍生,教你真正的圖形創意方法!

          那么嘗試到這里,覺得下面的這個腳的直線結構很有趣,是一個很有變化性的特點。所以我們可以按照這個方向再去嘗試一下。

          圖形簡化+衍生,教你真正的圖形創意方法!

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

          圖形簡化+衍生,教你真正的圖形創意方法!

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

          圖形簡化+衍生,教你真正的圖形創意方法!

          強調了四肢之后,我們還可以反著來,嘗試強調身體的部分。為了讓四肢看上去更細小,這一次我們用線條來繪制。

          圖形簡化+衍生,教你真正的圖形創意方法!

          這是青蛙部分的效果。

          圖形簡化+衍生,教你真正的圖形創意方法!

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

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




          文章來源:優設網       作者:研習社



          藍藍設計www.kgenes.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務



          日歷

          鏈接

          blogger

          藍藍 http://www.kgenes.com

          存檔

          神马影院我不卡神马我不卡我不卡不卡国产在线精品一区二区三区不卡神马影院我不卡影院日本阿v不卡高清在线播放中文字幕不卡在线视频不卡的我不卡手机在线观看国产福利不卡在线视频,在线日本v二区不卡一本到高清视频不卡dvd韩国日本免费不卡在线一区二区三区高清不卡视频我不卡手机影院国产午夜精品一区二区三区不卡2019午夜75福利不卡片在线强乱中文字幕在线播放不卡神马影院我不卡手机版中文字幕永久在线不卡亚洲欧美不卡视频在线播放,精品国产不卡一区二区三区我不卡影院日本三区不卡高清更新二区国产三级成人不卡在线观看神马三级我不卡一本到12不卡视频在线dvd国产在线精品一区二区不卡欧美国产日本高清不卡手机在线不卡一区二区国内一点不卡在线播放视频日本免费最新高清不卡视频,不卡影院成年动漫3d无尽视频不卡日本一区二区三区不卡视频2019最新国产高清不卡a日本熟妇色在线视频不卡2019午夜福利不卡片在线狠狠躁夜夜躁人人爽天天不卡一本之道高清在线不卡视频欧美午夜不卡在线观看午夜欧美不卡在线观看视频午夜福利09不卡片在线机视频,午夜福利不卡片在线播放在线不卡不卡网日本高清不卡一区二区三区国内一本到不卡在线观看中文字幕免费视频不卡在线不卡日本v一区二区日产乱码一至六区不卡不卡无线在一二三区1区1区3区205区不卡乱码不卡美剧