2020-8-31 資深UI設(shè)計(jì)者
容易被忽視的圖形,不僅能傳達(dá)不同的情緒,也能提升視設(shè)計(jì)的品質(zhì)感。
本文節(jié)選自德國紅點(diǎn)獲獎(jiǎng)設(shè)計(jì)師大凡的分享,主要包括三個(gè)部分:
1 圖形是什么
2 好的圖形設(shè)計(jì)長什么樣
3 圖形設(shè)計(jì)創(chuàng)意思路分享
提到圖形設(shè)計(jì),你腦海中對應(yīng)到的第一個(gè)畫面是什么?我們打開了某搜索器,檢索了「圖形」二字,這里的圖形多集中于「幾何圖形、標(biāo)志、矢量圖形、圖標(biāo)」。
我們又搜集了一些不錯(cuò)的設(shè)計(jì)網(wǎng)站,搜索「圖形設(shè)計(jì)」或「graphic design」,它的表現(xiàn)形式與應(yīng)用范圍都擴(kuò)大了,海報(bào)、信息、插圖、包裝、圖標(biāo)、字體、攝影、標(biāo)志、品牌,無所不在。
如果給圖形下個(gè)定義,它主要指二維空間中可以用輪廓?jiǎng)澐殖龅目臻g形狀,設(shè)計(jì)中無處不在的表現(xiàn)手法。它與色彩、版式、字體等一樣,在設(shè)計(jì)師的知識體系中處于相對重要的位置,但往往容易被忽視。
在優(yōu)秀的設(shè)計(jì)作品中,圖形可以作為主體、符號、輔助、信息等不同角色出現(xiàn)在設(shè)計(jì)的各個(gè)應(yīng)用場景中,可以通過抽象的、具象的、平面的、空間的多樣化表達(dá)手法,傳達(dá)出不同風(fēng)格的視覺表現(xiàn)力。
那么,好的圖形是什么樣的?我們可以從3個(gè)維度去感受好的圖形設(shè)計(jì)作品:抽象、創(chuàng)意與風(fēng)格。
抽象是對日常事物的提煉與概括,我們先來感受一下下面兩組建筑,某搜索器中的「最丑建筑」和「知名建筑」之間的對比??梢院苤庇^的感受到,抽象的圖形與色彩可以傳遞更加豐富的情感。
對企業(yè)來說,溝通成本代表的就是金錢,而一個(gè)抽象的符號就能巧妙地為企業(yè)節(jié)省了很多說話的時(shí)間。
我們可以看這個(gè)案例,1個(gè)點(diǎn)產(chǎn)生了多少可能性?這是美國一家大型連鎖超市的logo,以這個(gè)點(diǎn)為原型,衍生出了各種解鎖生活方式的海報(bào)。簡單的點(diǎn),發(fā)散出各種生活方式,一看就能夠知道超市供應(yīng)的各種商品。
設(shè)計(jì)的創(chuàng)意體現(xiàn)在哪兒呢?我們先看看那些腦洞大開的大師們是如何使用圖形的。
第一位是福田繁雄大師,在他的年代沒有人用這樣的圖形方式做設(shè)計(jì),炮彈朝向炮筒里面,一張非常簡潔的反戰(zhàn)海報(bào)。他也特別擅長運(yùn)用圖形的異形同構(gòu)。
第二位是瑞士的史蒂芬邦迪大師,這些是他為劇場設(shè)計(jì)的宣傳海報(bào)。簡單的人形搭配鮮血撕裂感的方式就可以把卡門劇情表達(dá)出來了。
創(chuàng)意是天馬行空的。我們看下面這個(gè)音樂節(jié)海報(bào)設(shè)計(jì),拆解其中包含的文字、吉他、人影、波浪等,每個(gè)元素與音樂都息息相關(guān),組合在一起就缺了些創(chuàng)意表達(dá)。
再看網(wǎng)易云音樂與快手聯(lián)合做的民謠音樂節(jié)H5,音樂的感覺一下就出來了。
很簡單的圖形運(yùn)用,就能產(chǎn)生創(chuàng)意性的差距。
著名的可可香奈兒女士曾經(jīng)說過,流行稍縱即逝,但風(fēng)格永存。
從包豪斯開始,設(shè)計(jì)風(fēng)格發(fā)展到今天已經(jīng)是多元混合存在的,很多所謂流行不過是循環(huán)與往復(fù)。
即使是運(yùn)用最簡單的圖形,也可以表達(dá)出不同的風(fēng)格,甚至引領(lǐng)浪潮,為品牌傳播加分。比如,下面這組圖,你能猜的到是同一家公司的傳播海報(bào)嗎?
現(xiàn)在,我們感受到了圖形的巧妙之處。但具體拿到一個(gè)需求后,我們該如何去用圖形輔助設(shè)計(jì)呢?這里分享一個(gè)“三步理性創(chuàng)意發(fā)散法”。
舉個(gè)栗子,我們?yōu)椤赶募厩嗄暌魳饭?jié)」設(shè)計(jì)一張活動(dòng)海報(bào)。
我們首先給主題做一個(gè)分析、把關(guān)鍵詞拆解與排序后,視覺的重要程度依次是:音樂、夏季、青年、節(jié)日。
這些關(guān)鍵詞讓你最直觀的感受是什么呢?
基于感受,我們可以嘗試提取出基礎(chǔ)的圖形元素了。
色彩方面,我們也可以根據(jù)對應(yīng)的元素去設(shè)置,最終我們提取出了這組圖形元素。
這一步需要我們設(shè)計(jì)師發(fā)揮想象力了,為一組元素找到視覺上的聯(lián)結(jié)關(guān)系。這也需要大家平時(shí)能去多看、多想、多練。
然后,我們?yōu)閳D形融合進(jìn)更多的細(xì)節(jié)。
我們首先采取最簡單的主體式構(gòu)圖方式,將想突出的圖形最大化、成為視覺焦點(diǎn),添加海報(bào)所需文字進(jìn)行排版。
這種方式能夠做出相對合格的圖形海報(bào),但我們可以用不同的版式與分割構(gòu)圖,去嘗試更多的可能性。比如第三個(gè)海報(bào),我們可以先建立不一樣的版面分割、進(jìn)行配色,然后再放入圖形與文字進(jìn)行排版,營造不同的畫面感覺。
其他兩組也可以用這種方式、進(jìn)行不同嘗試。
最后,我們可以整體上對比一下。
大師級的創(chuàng)意難得,但基本的圖形創(chuàng)意確實(shí)有跡可循,希望本次的分享能夠給大家?guī)韴D形思維上的啟發(fā)。
藍(lán)藍(lán)設(shè)計(jì)( www.jghy.net )是一家專注而深入的界面設(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ù)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.jghy.net