今天我們要教會您一種新的設(shè)計(jì)思路，當(dāng)然更直接的收獲是能教會你利用抽象的多邊形打造炫目的設(shè)計(jì)效果。

作為設(shè)計(jì)師，我相信大家都對設(shè)計(jì)有一種熱情，在內(nèi)心深處有著某種源動力，促使著我們不斷創(chuàng)新，我們不斷的研究如何讓用戶感到更舒適，不斷用澎湃的創(chuàng)造力沖擊著傳統(tǒng)的條條框框。

今天我要講述的正是打破常規(guī)。我非常熱衷于另類的設(shè)計(jì)實(shí)驗(yàn)。我們先研究一下其他設(shè)計(jì)師的作品，然后再逐步講解這種設(shè)計(jì)的設(shè)計(jì)方法。好了，故事開始了。

推薦閱讀：
網(wǎng)頁設(shè)計(jì)趨勢：來嘗鮮多邊形風(fēng)格設(shè)計(jì)吧（附多邊形制作器）

設(shè)計(jì)的第一步

 

Image source: Gilberto Taccari

剛接手設(shè)計(jì)項(xiàng)目時，你盯著空白的畫布，感到無從下手，你撓撓頭，自問"該要怎么開始啊"
有的設(shè)計(jì)師會在腦中進(jìn)行快速構(gòu)思，有的設(shè)計(jì)師會先挑選字體，根據(jù)字體的特點(diǎn)為設(shè)計(jì)定位。
作為攝影愛好者，我會從拍攝的照片中尋找靈感，尋找一些色彩體系和美感。給我一張美麗的照片，我就能按圖索驥，設(shè)計(jì)出一個漂亮的頁面。

每個人都有自己獨(dú)特的設(shè)計(jì)習(xí)慣，是不錯，但是久而久之，設(shè)計(jì)風(fēng)格會變得千篇一律。
如果你也遇到這種瓶頸，我建議看看其他設(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è)計(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)歷了歷史的大浪淘沙，提倡簡約的設(shè)計(jì)美學(xué)，適合多種場景。

其實(shí)，很多設(shè)計(jì)學(xué)校的初級課程便和多變形有關(guān)。因?yàn)樗械脑O(shè)計(jì)都要體現(xiàn)形狀，因此學(xué)生必須先要學(xué)好形狀的性質(zhì)、特點(diǎn)。下圖是美國Squat Design設(shè)計(jì)機(jī)構(gòu)的優(yōu)秀多邊形設(shè)計(jì)案例。

Image source: Squat Design

這例設(shè)計(jì)給我們的第一感受便是對角線概念，所有的設(shè)計(jì)元素按對角線進(jìn)行排列。因?yàn)榱?xí)慣上，我們都使用水平的直線來排列內(nèi)容，而這一設(shè)計(jì)打破了常規(guī)，因此立馬讓人感到不一樣。

不得不提的還有兩點(diǎn)。其一，圖像與多邊形的趣味結(jié)合。其二，色彩的使用和透明效果也很獨(dú)特。
下圖，這是英國Sawdust設(shè)計(jì)公司的作品。

Image source: Sawdust

這種隨機(jī)形狀的隨意使用，增添了視覺趣味性，同時，形狀的布局也按照對角線排列。而且字體都非常的細(xì)，讓人感覺線條簡單、整潔。

而下圖的設(shè)計(jì)中，使用了大量的圓形以及鋒利的角。

Image source: Ryan Atkinsons & Stephan de lange
 

我們來動手試一下！

看了這么多案例，我們也來動手試一下這種風(fēng)格吧。首先要給自己設(shè)定時間限制，就20分鐘吧，然后開始進(jìn)行實(shí)驗(yàn)，20分鐘后，看看你能做出什么來！
為了擺脫傳統(tǒng)的設(shè)計(jì)模式，我決定在AI中隨意找個圖形開始練習(xí)。于是便選中了三角形。

我先隨意調(diào)整了一下各個圖形的位置，變成了鑲嵌形狀。

加點(diǎn)顏色吧，我用Kuler調(diào)配出一套 配色體系

似乎有點(diǎn)不一樣了:

我觀察了一會兒，覺得有點(diǎn)單調(diào)，我決定加入一點(diǎn)透明效果，然后再調(diào)配一些對角線，這樣就能帶來一種視覺上的動感。現(xiàn)在開始，這幅圖像開始有設(shè)計(jì)感了！

下一步可以加一點(diǎn)文本字體。超細(xì)的Helvetica字體是個好選擇，而且和這款設(shè)計(jì)很搭配。

最后一步

添加一點(diǎn)元素、調(diào)整一下，這樣整個設(shè)計(jì)便會有一種完整感。正如你所見，我加入了一些圓弧和透明效果的圖像，這讓三角形形狀看起來非常有趣。

怎么樣，這20分鐘的小實(shí)驗(yàn)還算能看吧？重點(diǎn)不在于這個圖形，重點(diǎn)在于你又開拓了一種設(shè)計(jì)方法。

下載地址

我做了一張桌面，有興趣的可以下載下來瞧瞧。

下載

原文地址：designshack
作者：Joshua Johnson
優(yōu)設(shè)網(wǎng)翻譯：@MartinRGB
轉(zhuǎn)摘請注明優(yōu)設(shè)網(wǎng)譯文出處，謝謝各位小編。

 
================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是一個分享網(wǎng)頁設(shè)計(jì)、無線端設(shè)計(jì)以及PS教程的干貨網(wǎng)站。
【特色推薦】
設(shè)計(jì)講座：每月邀請國內(nèi)互聯(lián)網(wǎng)公司設(shè)計(jì)前輩及行業(yè)總監(jiān)在群內(nèi)及YY語音（YY頻道：156982）分享實(shí)戰(zhàn)經(jīng)驗(yàn)。
設(shè)計(jì)微博：擁有粉絲量55萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁設(shè)計(jì) 微信號：【youshege】優(yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加：