極簡(jiǎn)設(shè)計(jì)有哪些套路?優(yōu)秀極簡(jiǎn)設(shè)計(jì)的套路分析
閱前一叨逼:所謂極簡(jiǎn)就是,簡(jiǎn)還不行,得非常非常簡(jiǎn),然后還得招人喜歡。
極簡(jiǎn)設(shè)計(jì)一直是設(shè)計(jì)師很推崇的一種設(shè)計(jì)風(fēng)格,因?yàn)樗菀捉o人一種格外輕松、舒服、高大上的感覺,令人印象深刻。其實(shí)還有一個(gè)很重要的原因是,極簡(jiǎn)設(shè)計(jì)執(zhí)行起來也要相對(duì)容易一些。
不過這并不代表做極簡(jiǎn)設(shè)計(jì)就是偷懶的行為,因?yàn)橐龅胶?jiǎn)單很容易,但是想同時(shí)做到簡(jiǎn)單、好看、有趣、信息傳達(dá)清晰就沒那么簡(jiǎn)單了。
俗話說:“外行看熱鬧,內(nèi)行看門(tao)道(lu)”,今天我要帶著大家一起來來扒一扒極簡(jiǎn)設(shè)計(jì)有哪些套路?通過研究大量的作品,我發(fā)現(xiàn),優(yōu)秀的極簡(jiǎn)設(shè)計(jì)一般都具有以下幾個(gè)共同點(diǎn)。
1、視覺集中
極簡(jiǎn)設(shè)計(jì)傳達(dá)的信息也必須是簡(jiǎn)單的,所以不允許有干擾因素,整個(gè)畫面只允許有一個(gè)視覺中心。
2、沒有多余的元素
極簡(jiǎn)設(shè)計(jì)的特點(diǎn)是能減則減,只保留必要的部分。
3、大量留白

大量的留白能使主視覺更突出,也能增加想象空間和感官舒適度。
4、干凈的背景
為了減少對(duì)信息的干擾,極簡(jiǎn)設(shè)計(jì)的背景都必須是很“純潔”的。
5、只用一種表現(xiàn)手法
極簡(jiǎn)設(shè)計(jì)拒絕花里胡哨、拒絕用過多裝飾和設(shè)計(jì)技巧。
6、簡(jiǎn)單漂亮的配色
優(yōu)秀的極簡(jiǎn)設(shè)計(jì),顏色搭配是關(guān)鍵,而且種類一般都不會(huì)超過3種,顏色太多容易花。
7、美觀
好看是做設(shè)計(jì)永恒不變的標(biāo)準(zhǔn),極簡(jiǎn)設(shè)計(jì)也不例外。
幾乎所有優(yōu)秀的極簡(jiǎn)設(shè)計(jì)都具備以上7個(gè)特點(diǎn),而在這7點(diǎn)之上,針對(duì)不同的設(shè)計(jì)類型也還有不同的其他要求,我將以下面5種設(shè)計(jì)類型為例進(jìn)行詳細(xì)解讀。
極簡(jiǎn)平面廣告:
簡(jiǎn)單有趣的創(chuàng)意、信息傳達(dá)清晰、極致的細(xì)節(jié)、好看的構(gòu)圖。

▲上圖的可口可樂廣告是極簡(jiǎn)設(shè)計(jì)的典型例子。
有趣的創(chuàng)意:把可口可樂的輔助圖形演化成兩只正在分享可口可樂的手,而且采用了正負(fù)形結(jié)合的方式;
信息傳達(dá)清晰:可口可樂、分享;
極致的細(xì)節(jié):線條流暢優(yōu)美、輪廓清晰;
好看的構(gòu)圖:垂直居中構(gòu)圖,左右平衡且視覺中心在水平線偏上的位置;
簡(jiǎn)單漂亮的配色:經(jīng)典的紅白配色;
大量留白:畫面主視覺左右兩邊都有大量留白;
視覺集中:視覺中心位于兩手之間;
沒有多余的元素:整個(gè)畫面只有中間的飄帶元素,連LOGO都沒放,還想怎樣?
干凈的背景:純紅色。

▲上圖是樂高玩具的創(chuàng)意廣告。
有趣的創(chuàng)意:簡(jiǎn)單的幾塊積木倒影出一艘輪船的形狀,藍(lán)色的背景猶如大海,寓意樂高玩具可以鍛煉小孩的想象力。
信息傳達(dá)清晰:樂高、積木、想象力;
極致的細(xì)節(jié):從光照到積木的質(zhì)感,再到投影的處理都很細(xì)致;
好看的構(gòu)圖:垂直居中構(gòu)圖,且視覺中心在水平線偏上的位置;
簡(jiǎn)單漂亮的配色:大面積的藍(lán)色與局部的白色還有LOGO的紅色;
大量留白:畫面主視覺只占版面的十分之一左右;
視覺集中:一眼就能看到那幾塊白色的積木;
沒有多余的元素:空空如也,沒有任何裝飾元素;
干凈的背景:猶如大海的漸變藍(lán);
有序的視覺流程:第一眼看到上面的圖案,然后目光會(huì)移向右下角的品牌LOGO。
極簡(jiǎn)包裝設(shè)計(jì):
合適的字體(且不超過兩種)、考究的排版、鮮明的對(duì)比。

▲一款國外的橘子汁包裝
合適的字體:圓角粗黑體與圓滑的包裝結(jié)構(gòu)配一臉,整個(gè)包裝只用了一種字體;
考究的排版:所有元素左對(duì)齊,行間距分為兩種,100%與小字之間的間隔要大于四行小字之間的間隔,這么做既能使小文字單獨(dú)形成了一個(gè)整體,又方便閱讀;
鮮明的對(duì)比 :集中了方向?qū)Ρ取⒋笮?duì)比、長(zhǎng)短對(duì)比、稀疏對(duì)比,顏色對(duì)比等;
沒有多余的元素:只有文字,沒有任何多余的東西;
簡(jiǎn)單漂亮的配色:橘子汁的固有色是橘黃色,所以字體就相應(yīng)使用了一個(gè)淺色和一個(gè)深色:白色和深橘黃色;
有趣的創(chuàng)意:把100%的“%”符合演化成兩片小樹葉,正好與下面的“0”組合成一個(gè)桔子;
有序的視覺流程:最大的視覺點(diǎn)位于最上方,能成功吸引消費(fèi)者的目光,便從上往下閱讀。

▲澳大利亞的沙龍品牌O&M的產(chǎn)品包裝
合適的字體:簡(jiǎn)潔的包裝搭配簡(jiǎn)潔的字體,一個(gè)是圓角的LOGO字體,一個(gè)是等線體(分細(xì)體和粗體兩種);
考究的排版:文字根據(jù)瓶形的結(jié)構(gòu)采用豎排,所有元素頂端對(duì)齊,行間距根據(jù)信息類別分為三種,美觀且便于理解;
鮮明的對(duì)比 :集中了粗細(xì)對(duì)比、大小對(duì)比、長(zhǎng)短對(duì)比、稀疏對(duì)比等;
沒有多余的元素:除了文字還是文字(圖片表示失戀了);
簡(jiǎn)單漂亮的配色:米白色的瓶身搭配深褐色文字,純純的,我喜歡;
有序的視覺流程:從右到左,從大到小,依次是品牌名、產(chǎn)品名、產(chǎn)品功效、凈含量等。
極簡(jiǎn)標(biāo)志設(shè)計(jì):
精簡(jiǎn)的圖形、漂亮的輪廓、易記易辨別、簡(jiǎn)單易懂、有且只有一個(gè)亮點(diǎn)。

▲德國冰淇淋品牌Bardot的標(biāo)志
精簡(jiǎn)的圖形:一個(gè)經(jīng)過了高度概括的圖形,比起左邊的嘴唇簡(jiǎn)單了不是一點(diǎn)半點(diǎn)。
漂亮的輪廓:優(yōu)美流暢的曲線、圖案上下對(duì)稱又左右平衡,來源于生活又高于生活。
易記易識(shí)別:豎著的性感大紅唇,我就記住了這么一個(gè)。
簡(jiǎn)單易懂:字母B與嘴唇的圖案非常明顯,也容易想到跟吃有關(guān)的東西。
有且只有一個(gè)亮點(diǎn):豎立的嘴唇;
簡(jiǎn)單漂亮的配色:經(jīng)典的紅配黑;
精致的細(xì)節(jié):線條流暢優(yōu)美、輪廓清晰規(guī)范;

▲廣州地鐵標(biāo)志
精簡(jiǎn)的圖形:能把鐵軌、字母“Y”、羊角等元素合而為一的圖案,我想不出更簡(jiǎn)單的了;
漂亮的輪廓:左右對(duì)稱、上大下小、曲直合一;
易記易識(shí)別:一個(gè)類似羊角的紅色鐵軌圖案;
簡(jiǎn)單易懂:顯而易見的鐵軌與字母“Y”,還有羊角;
有且只有一個(gè)亮點(diǎn):分叉的鐵軌;
簡(jiǎn)單漂亮的配色:紅色圖案搭配黑色字體;
細(xì)節(jié)精致:標(biāo)志圖形中左右兩跟線條的粗細(xì),與左右兩根線條之間的空隙都控制得非常好,輪廓清晰又不會(huì)顯得分散。
極簡(jiǎn)字體設(shè)計(jì):
易識(shí)別、沒有多余的筆畫、極簡(jiǎn)的線條、好看的字形。

▲“貼”字設(shè)計(jì)
易識(shí)別:雖然很簡(jiǎn)潔,但保留了主要筆畫,所以依然能一眼看出是個(gè)“貼”字;
沒有多余的筆畫:與宋體字對(duì)比,至少在9處地方做了精簡(jiǎn);
極簡(jiǎn)的線條 :直來直去、沒有任何多余的修飾;
好看的字形:該字體設(shè)計(jì)雖然偏硬朗風(fēng),筆畫比較粗,但是平衡性很好,好像是由幾個(gè)幾何方塊堆疊出來的一樣,放在田字格內(nèi),上下左右四個(gè)部分的比例都分布得很平均;
與眾不同:經(jīng)過對(duì)“貼”字的筆畫進(jìn)行刪減與概括,加上重新調(diào)整了字體高寬比例,使得該字體與自庫里的文字有很大區(qū)別。

▲字體“良紳”的設(shè)計(jì)
易識(shí)別:很輕易能看出是“良紳”二字;
沒有多余的筆畫:與左邊的圓黑體相比至少做了7處簡(jiǎn)化;
極簡(jiǎn)的線條 :該刪的都刪了,而且重新建立了部分筆畫之間的連接;
好看的字形:這兩個(gè)字體偏向于淳樸風(fēng),筆畫較細(xì),端點(diǎn)和轉(zhuǎn)角都是圓角,所有筆畫粗細(xì)相同,“良”字與“紳”字的“纟”都做了精簡(jiǎn)和筆畫的連接。字體的比例比較修長(zhǎng),整體感覺時(shí)尚而不失優(yōu)雅。
與眾不同:這是兩個(gè)經(jīng)過高度精簡(jiǎn)和重新設(shè)計(jì)的等線圓體字、別的字體連起來的地方它斷開了,別的字體斷開的地方它連起來了,要的就是與眾不同。
極簡(jiǎn)網(wǎng)頁設(shè)計(jì):
考究的排版、鮮明的對(duì)比、有序的視覺流程。

▲bear on unicycle網(wǎng)站首頁設(shè)計(jì)
考究的排版:圖片垂直排列在左,簡(jiǎn)潔的粗黑文字居左對(duì)齊擺放在中間位置,鏈接按鈕垂直排列在右,形成一個(gè)“H”形的構(gòu)圖;
鮮明的對(duì)比 :集中了大小對(duì)比、顏色對(duì)比、方向?qū)Ρ?、點(diǎn)線面對(duì)比等;
有序的視覺流程:從左到右,從大到中到小,從圖片到文字再到鏈接按鈕,視覺流程很清晰;
沒有多余的元素:整個(gè)畫面只有一張圖片、3個(gè)單詞、5個(gè)鏈接Icon;
簡(jiǎn)單漂亮的配色:經(jīng)典的紅、白、黑配色;
干凈的背景:純紅色。

▲蘋果官網(wǎng)iphone7頁面設(shè)計(jì)
考究的排版:圖片從右下角斜插進(jìn)來,但是視覺中心在畫面正中間,細(xì)小的文字居中對(duì)齊排列在圖片正上方,使整個(gè)版面更加平衡,且與下面的手機(jī)形成對(duì)比;
鮮明的對(duì)比 :集中了大小對(duì)比、顏色對(duì)比、方向?qū)Ρ?、點(diǎn)線面對(duì)比等;
有序的視覺流程:人們會(huì)第一眼被產(chǎn)品所以吸引,但是目光馬上轉(zhuǎn)向文字,并從上往下閱讀,形成一個(gè)感應(yīng)水龍頭式的視覺線;
沒有多余的元素:除了文字與產(chǎn)品連毛都沒有;
簡(jiǎn)單漂亮的配色:產(chǎn)品與背景都是黑色,產(chǎn)品名稱和文案用了白色,鏈接文字選擇了科技藍(lán)進(jìn)行區(qū)別,整體感覺就是:比逼格更逼格(biger than biger);
干凈的背景:純黑色。
總 結(jié)
從學(xué)習(xí)的角度來說,極簡(jiǎn)設(shè)計(jì)的套路要更清晰、更明確,而且復(fù)雜的設(shè)計(jì)也一般是在極簡(jiǎn)設(shè)計(jì)的框架上做加法達(dá)到的效果,所以極簡(jiǎn)設(shè)計(jì)是設(shè)計(jì)師必須掌握的設(shè)計(jì)風(fēng)格。不過需要注意的是,極簡(jiǎn)設(shè)計(jì)雖然很很叼,設(shè)計(jì)起來也確實(shí)要相對(duì)容易一點(diǎn),但它也只不過是是眾多設(shè)計(jì)風(fēng)格中的一種,并不會(huì)適合所有品牌、品類、消費(fèi)人群,所以最好不要過分迷戀。
文章最后,大家可以思考一個(gè)問題:關(guān)于設(shè)計(jì),你覺得是做加法更容易還是做減法更容易?
相關(guān)文章

全畫幅不是半畫幅的兩倍有什么區(qū)別? 聊聊相機(jī)的傳感器尺寸
說到相機(jī)畫幅,估計(jì)平時(shí)聽到最多的可能就是全畫幅與半畫幅了,以至于不少人認(rèn)為中畫幅比全畫幅要小,為了避免這種常識(shí)性錯(cuò)誤,這篇文章就來和大家說說相機(jī)的不同畫幅,所謂2025-04-07
a5紙與a4紙?jiān)趺催x? a5紙與a4的區(qū)別介紹
4紙和A5紙因其尺寸適中,使用尤為廣泛,但你知道它們之間有何區(qū)別嗎?今天,就讓我們一起來探討這個(gè)話題2025-02-01
各類商務(wù)印刷品的尺寸怎么選? 印刷設(shè)計(jì)常用的尺寸紙張/克重都在這里了
日常經(jīng)常印刷各種東西,哪些尺寸,紙張更合適呢?本文為大家整理了常用印刷尺寸,方便圖文廣告店、印企在日常接單生產(chǎn)中能夠快速掌握客戶關(guān)鍵性信息,詳細(xì)請(qǐng)看下文介紹2024-02-10
常用照片尺寸有哪些 常見證件照尺寸對(duì)照表及用途介紹
現(xiàn)如今,證件照已成為我們生活中不可或缺的一部分,無論是求職應(yīng)聘,還是入學(xué)注冊(cè),亦或是辦理各種證件,都需要提交符合規(guī)定格式和要求的證件照,那么,這些證件照的尺寸和2024-02-10
平面設(shè)計(jì)是一個(gè)注重視覺效果的設(shè)計(jì),簡(jiǎn)單的排版方式有時(shí)候不能滿足視覺突出的效果,業(yè)務(wù)很難達(dá)到吸引用戶的眼球,下面我們就來看看8個(gè)平面設(shè)計(jì)技巧分享2023-10-08
如何選擇平面設(shè)計(jì)工具? 這10款軟件應(yīng)該收入囊中
每個(gè)設(shè)計(jì)師都有自己最喜歡的設(shè)計(jì)軟件,并把軟件作為自己的第二語言,今天我們來推薦10款UI設(shè)計(jì)不可或缺的工具,詳細(xì)請(qǐng)看下文介紹2023-10-08
夏日電影風(fēng)怎么調(diào)色調(diào)色? 適合夏季的柔和綠色調(diào)調(diào)色分享
夏日電影風(fēng)怎么調(diào)色調(diào)色?夏天快到了,想要調(diào)節(jié)夏季電影風(fēng)的畫面,該怎么操作呢?下面我們就來看看適合夏季的柔和綠色調(diào)調(diào)色分享2023-04-02
什么是真RAW 什么是偽RAW? 簡(jiǎn)單說說真 RAW 和 偽RAW
隨著索尼α7RV(ILCE-7RM5)正式發(fā)售,近期有不少網(wǎng)友跟我咨詢索尼相機(jī)“無損壓縮(M)”和“無損壓縮(S)”RAW的問題,今天做一個(gè)統(tǒng)一答復(fù)2022-12-24
手機(jī)UI設(shè)計(jì)尺寸有哪些? 超全面的UI元素尺寸設(shè)置指南
手機(jī)UI設(shè)計(jì)尺寸有哪些?作為新手在設(shè)計(jì)手機(jī)ui的頁面的時(shí)候,發(fā)現(xiàn)自己設(shè)計(jì)的尺寸都很奇怪,如果能有元素尺寸介紹就好了,下面就來看看我們匯總的超全面的UI元素尺寸設(shè)置指南2021-08-06
常用照片尺寸有哪幾個(gè)? 照片標(biāo)準(zhǔn)尺寸/像素對(duì)照表匯總
常用照片尺寸有哪幾個(gè)?我們經(jīng)常說一寸照片,二寸照片,這些照片的尺寸是怎么計(jì)算的?下面我們就來看看照片標(biāo)準(zhǔn)尺寸/像素對(duì)照表匯總2021-08-06









