圖形的設(shè)計妙用

2020-8-31    資深UI設(shè)計者

容易被忽視的圖形,不僅能傳達不同的情緒,也能提升視設(shè)計的品質(zhì)感。

本文節(jié)選自德國紅點獲獎設(shè)計師大凡的分享,主要包括三個部分:

1 圖形是什么

2 好的圖形設(shè)計長什么樣

3 圖形設(shè)計創(chuàng)意思路分享


1 圖形有多樣化的表達方式

提到圖形設(shè)計,你腦海中對應(yīng)到的第一個畫面是什么?我們打開了某搜索器,檢索了「圖形」二字,這里的圖形多集中于「幾何圖形、標志、矢量圖形、圖標」。

我們又搜集了一些不錯的設(shè)計網(wǎng)站,搜索「圖形設(shè)計」或「graphic design」,它的表現(xiàn)形式與應(yīng)用范圍都擴大了,海報、信息、插圖、包裝、圖標、字體、攝影、標志、品牌,無所不在。

如果給圖形下個定義,它主要指二維空間中可以用輪廓劃分出的空間形狀,設(shè)計中無處不在的表現(xiàn)手法。它與色彩、版式、字體等一樣,在設(shè)計師的知識體系中處于相對重要的位置,但往往容易被忽視。


在優(yōu)秀的設(shè)計作品中,圖形可以作為主體、符號、輔助、信息等不同角色出現(xiàn)在設(shè)計的各個應(yīng)用場景中,可以通過抽象的、具象的、平面的、空間的多樣化表達手法,傳達出不同風格的視覺表現(xiàn)力。


2 好的圖形設(shè)計長這樣

那么,好的圖形是什么樣的?我們可以從3個維度去感受好的圖形設(shè)計作品:抽象、創(chuàng)意風格。


① 圖形的抽象性

抽象是對日常事物的提煉與概括,我們先來感受一下下面兩組建筑,某搜索器中的「最丑建筑」和「知名建筑」之間的對比。可以很直觀的感受到,抽象的圖形與色彩可以傳遞更加豐富的情感。

對企業(yè)來說,溝通成本代表的就是金錢,而一個抽象的符號就能巧妙地為企業(yè)節(jié)省了很多說話的時間。

我們可以看這個案例,1個點產(chǎn)生了多少可能性?這是美國一家大型連鎖超市的logo,以這個點為原型,衍生出了各種解鎖生活方式的海報。簡單的點,發(fā)散出各種生活方式,一看就能夠知道超市供應(yīng)的各種商品。

 


 圖形的創(chuàng)意性

設(shè)計的創(chuàng)意體現(xiàn)在哪兒呢?我們先看看那些腦洞大開的大師們是如何使用圖形的。

第一位是福田繁雄大師,在他的年代沒有人用這樣的圖形方式做設(shè)計,炮彈朝向炮筒里面,一張非常簡潔的反戰(zhàn)海報。他也特別擅長運用圖形的異形同構(gòu)。

第二位是瑞士的史蒂芬邦迪大師,這些是他為劇場設(shè)計的宣傳海報。簡單的人形搭配鮮血撕裂感的方式就可以把卡門劇情表達出來了。

創(chuàng)意是天馬行空的。我們看下面這個音樂節(jié)海報設(shè)計,拆解其中包含的文字、吉他、人影、波浪等,每個元素與音樂都息息相關(guān),組合在一起就缺了些創(chuàng)意表達。

再看網(wǎng)易云音樂與快手聯(lián)合做的民謠音樂節(jié)H5,音樂的感覺一下就出來了。

很簡單的圖形運用,就能產(chǎn)生創(chuàng)意性的差距。 


③ 圖形的風格化

著名的可可香奈兒女士曾經(jīng)說過,流行稍縱即逝,但風格永存。

從包豪斯開始,設(shè)計風格發(fā)展到今天已經(jīng)是多元混合存在的,很多所謂流行不過是循環(huán)與往復(fù)。

即使是運用最簡單的圖形,也可以表達出不同的風格,甚至引領(lǐng)浪潮,為品牌傳播加分。比如,下面這組圖,你能猜的到是同一家公司的傳播海報嗎?

 

3 圖形設(shè)計創(chuàng)意思路分享

現(xiàn)在,我們感受到了圖形的巧妙之處。但具體拿到一個需求后,我們該如何去用圖形輔助設(shè)計呢?這里分享一個“三步理性創(chuàng)意發(fā)散法”。

舉個栗子,我們?yōu)椤赶募厩嗄暌魳饭?jié)」設(shè)計一張活動海報。


第一步,分析主題、提取元素。

我們首先給主題做一個分析、把關(guān)鍵詞拆解與排序后,視覺的重要程度依次是:音樂、夏季、青年、節(jié)日。

這些關(guān)鍵詞讓你最直觀的感受是什么呢?

基于感受,我們可以嘗試提取出基礎(chǔ)的圖形元素了。

色彩方面,我們也可以根據(jù)對應(yīng)的元素去設(shè)置,最終我們提取出了這組圖形元素。

第二步,對元素進行融合碰撞。

這一步需要我們設(shè)計師發(fā)揮想象力了,為一組元素找到視覺上的聯(lián)結(jié)關(guān)系。這也需要大家平時能去多看、多想、多練。

然后,我們?yōu)閳D形融合進更多的細節(jié)。


第三步,構(gòu)圖與完成畫面。

我們首先采取最簡單的主體式構(gòu)圖方式,將想突出的圖形最大化、成為視覺焦點,添加海報所需文字進行排版。

這種方式能夠做出相對合格的圖形海報,但我們可以用不同的版式與分割構(gòu)圖,去嘗試更多的可能性。比如第三個海報,我們可以先建立不一樣的版面分割、進行配色,然后再放入圖形與文字進行排版,營造不同的畫面感覺。

其他兩組也可以用這種方式、進行不同嘗試。

最后,我們可以整體上對比一下。

 

大師級的創(chuàng)意難得,但基本的圖形創(chuàng)意確實有跡可循,希望本次的分享能夠給大家?guī)韴D形思維上的啟發(fā)。


文章來源:站酷    作者:站酷高高手

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


分享本文至:

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://sillybuy.com

存檔