利用抽象的多邊形打造炫目的設(shè)計(jì)效果

2018-01-16 1258 0
今天我們要教會(huì)您一種新的設(shè)計(jì)思路,當(dāng)然更直接的收獲是能教會(huì)你利用抽象的多邊形打造炫目的設(shè)計(jì)效果。 作為設(shè)計(jì)師,我相信大家都對(duì)設(shè)計(jì)有一種熱情,在內(nèi)心深處有著某種源動(dòng)力,促使著我們不斷創(chuàng)新,我們不斷的研究如何讓用戶感到更舒適,不斷用澎湃的創(chuàng)造力沖擊著傳統(tǒng)的條條框框。 今天我要講述的正是打破常規(guī)。我非常熱衷于另類的設(shè)計(jì)實(shí)驗(yàn)。我們先研究一下其他設(shè)計(jì)師的作品,然后再逐步講解這種設(shè)計(jì)的設(shè)計(jì)方法。好了,故事開始了。
設(shè)計(jì)的第一步

screenshot
Image source: Gilberto Taccari 剛接手設(shè)計(jì)項(xiàng)目時(shí),你盯著空白的畫布,感到無從下手,你撓撓頭,自問”該要怎么開始啊”
有的設(shè)計(jì)師會(huì)在腦中進(jìn)行快速構(gòu)思,有的設(shè)計(jì)師會(huì)先挑選字體,根據(jù)字體的特點(diǎn)為設(shè)計(jì)定位。
作為攝影愛好者,我會(huì)從拍攝的照片中尋找靈感,尋找一些色彩體系和美感。給我一張美麗的照片,我就能按圖索驥,設(shè)計(jì)出一個(gè)漂亮的頁面。 每個(gè)人都有自己獨(dú)特的設(shè)計(jì)習(xí)慣,是不錯(cuò),但是久而久之,設(shè)計(jì)風(fēng)格會(huì)變得千篇一律。
如果你也遇到這種瓶頸,我建議看看其他設(shè)計(jì)師的設(shè)計(jì),把自己當(dāng)成其他設(shè)計(jì)師,想想他是怎么一步一步設(shè)計(jì)出這些東西的,靈感又是怎么突然迸發(fā)的。 多進(jìn)行不同風(fēng)格的設(shè)計(jì)實(shí)驗(yàn) 進(jìn)行多種風(fēng)格的設(shè)計(jì)實(shí)驗(yàn)可以幫助你產(chǎn)生新的思考角度,有時(shí)候甚至可以完成設(shè)計(jì)風(fēng)格的進(jìn)化與突破。
我就喜歡觀察、分析、自行嘗試,將自己的天賦一點(diǎn)一點(diǎn)的”榨”出來。 形狀,形狀 好了,我們就從多邊形設(shè)計(jì)開始吧,我最近特別留意這種設(shè)計(jì)風(fēng)格。它不是一種新式設(shè)計(jì)風(fēng)格,早在70年代末80年代初,這種設(shè)計(jì)風(fēng)格就出現(xiàn)了,它經(jīng)歷了歷史的大浪淘沙,提倡簡(jiǎn)約的設(shè)計(jì)美學(xué),適合多種場(chǎng)景。 其實(shí),很多設(shè)計(jì)學(xué)校的初級(jí)課程便和多變形有關(guān)。因?yàn)樗械脑O(shè)計(jì)都要體現(xiàn)形狀,因此學(xué)生必須先要學(xué)好形狀的性質(zhì)、特點(diǎn)。下圖是美國(guó)Squat Design設(shè)計(jì)機(jī)構(gòu)的優(yōu)秀多邊形設(shè)計(jì)案例。 screenshot
Image source: Squat Design 這例設(shè)計(jì)給我們的第一感受便是對(duì)角線概念,所有的設(shè)計(jì)元素按對(duì)角線進(jìn)行排列。因?yàn)榱?xí)慣上,我們都使用水平的直線來排列內(nèi)容,而這一設(shè)計(jì)打破了常規(guī),因此立馬讓人感到不一樣。 不得不提的還有兩點(diǎn)。其一,圖像與多邊形的趣味結(jié)合。其二,色彩的使用和透明效果也很獨(dú)特。
下圖,這是英國(guó)Sawdust設(shè)計(jì)公司的作品。
screenshot
Image source: Sawdust 這種隨機(jī)形狀的隨意使用,增添了視覺趣味性,同時(shí),形狀的布局也按照對(duì)角線排列。而且字體都非常的細(xì),讓人感覺線條簡(jiǎn)單、整潔。 而下圖的設(shè)計(jì)中,使用了大量的圓形以及鋒利的角。
screenshot
Image source: Ryan Atkinsons & Stephan de lange
  我們來動(dòng)手試一下! 看了這么多案例,我們也來動(dòng)手試一下這種風(fēng)格吧。首先要給自己設(shè)定時(shí)間限制,就20分鐘吧,然后開始進(jìn)行實(shí)驗(yàn),20分鐘后,看看你能做出什么來!
為了擺脫傳統(tǒng)的設(shè)計(jì)模式,我決定在AI中隨意找個(gè)圖形開始練習(xí)。于是便選中了三角形。
screenshot 我先隨意調(diào)整了一下各個(gè)圖形的位置,變成了鑲嵌形狀。 screenshot 加點(diǎn)顏色吧,我用Kuler調(diào)配出一套 配色體系 screenshot 似乎有點(diǎn)不一樣了: screenshot 我觀察了一會(huì)兒,覺得有點(diǎn)單調(diào),我決定加入一點(diǎn)透明效果,然后再調(diào)配一些對(duì)角線,這樣就能帶來一種視覺上的動(dòng)感?,F(xiàn)在開始,這幅圖像開始有設(shè)計(jì)感了!
screenshot 下一步可以加一點(diǎn)文本字體。超細(xì)的Helvetica字體是個(gè)好選擇,而且和這款設(shè)計(jì)很搭配。 screenshot
  最后一步 添加一點(diǎn)元素、調(diào)整一下,這樣整個(gè)設(shè)計(jì)便會(huì)有一種完整感。正如你所見,我加入了一些圓弧和透明效果的圖像,這讓三角形形狀看起來非常有趣。 怎么樣,這20分鐘的小實(shí)驗(yàn)還算能看吧?重點(diǎn)不在于這個(gè)圖形,重點(diǎn)在于你又開拓了一種設(shè)計(jì)方法。
screenshot
  
screenshot

7
評(píng)論區(qū)(0)
正在加載評(píng)論...