閱前一叨逼:所謂極簡就是,簡還不行,得非常非常簡,然后還得招人喜歡。
極簡設計一直是設計師很推崇的一種設計風格,因為它容易給人一種格外輕松、舒服、高大上的感覺,令人印象深刻。其實還有一個很重要的原因是,極簡設計執行起來也要相對容易一些。
不過這并不代表做極簡設計就是偷懶的行為,因為要做到簡單很容易,但是想同時做到簡單、好看、有趣、信息傳達清晰就沒那么簡單了。
俗話說:“外行看熱鬧,內行看門(tao)道(lu)”,今天我要帶著大家一起來來扒一扒極簡設計有哪些套路?通過研究大量的作品,我發現,優秀的極簡設計一般都具有以下幾個共同點。
1、視覺集中
極簡設計傳達的信息也必須是簡單的,所以不允許有干擾因素,整個畫面只允許有一個視覺中心。
2、沒有多余的元素
極簡設計的特點是能減則減,只保留必要的部分。
3、大量留白
大量的留白能使主視覺更突出,也能增加想象空間和感官舒適度。
4、干凈的背景
為了減少對信息的干擾,極簡設計的背景都必須是很“純潔”的。
5、只用一種表現手法
極簡設計拒絕花里胡哨、拒絕用過多裝飾和設計技巧。
6、簡單漂亮的配色
優秀的極簡設計,顏色搭配是關鍵,而且種類一般都不會超過3種,顏色太多容易花。
7、美觀
好看是做設計永恒不變的標準,極簡設計也不例外。
幾乎所有優秀的極簡設計都具備以上7個特點,而在這7點之上,針對不同的設計類型也還有不同的其他要求,我將以下面5種設計類型為例進行詳細解讀。
極簡平面廣告:
簡單有趣的創意、信息傳達清晰、極致的細節、好看的構圖。
▲上圖的可口可樂廣告是極簡設計的典型例子。
有趣的創意:把可口可樂的輔助圖形演化成兩只正在分享可口可樂的手,而且采用了正負形結合的方式;
信息傳達清晰:可口可樂、分享;
極致的細節:線條流暢優美、輪廓清晰;
好看的構圖:垂直居中構圖,左右平衡且視覺中心在水平線偏上的位置;
簡單漂亮的配色:經典的紅白配色;
大量留白:畫面主視覺左右兩邊都有大量留白;
視覺集中:視覺中心位于兩手之間;
沒有多余的元素:整個畫面只有中間的飄帶元素,連LOGO都沒放,還想怎樣?
干凈的背景:純紅色。
▲上圖是樂高玩具的創意廣告。
有趣的創意:簡單的幾塊積木倒影出一艘輪船的形狀,藍色的背景猶如大海,寓意樂高玩具可以鍛煉小孩的想象力。
信息傳達清晰:樂高、積木、想象力;
極致的細節:從光照到積木的質感,再到投影的處理都很細致;
好看的構圖:垂直居中構圖,且視覺中心在水平線偏上的位置;
簡單漂亮的配色:大面積的藍色與局部的白色還有LOGO的紅色;
大量留白:畫面主視覺只占版面的十分之一左右;
視覺集中:一眼就能看到那幾塊白色的積木;
沒有多余的元素:空空如也,沒有任何裝飾元素;
干凈的背景:猶如大海的漸變藍;
有序的視覺流程:第一眼看到上面的圖案,然后目光會移向右下角的品牌LOGO。
極簡包裝設計:
合適的字體(且不超過兩種)、考究的排版、鮮明的對比。
▲一款國外的橘子汁包裝
合適的字體:圓角粗黑體與圓滑的包裝結構配一臉,整個包裝只用了一種字體;
考究的排版:所有元素左對齊,行間距分為兩種,100%與小字之間的間隔要大于四行小字之間的間隔,這么做既能使小文字單獨形成了一個整體,又方便閱讀;
鮮明的對比 :集中了方向對比、大小對比、長短對比、稀疏對比,顏色對比等;
沒有多余的元素:只有文字,沒有任何多余的東西;
簡單漂亮的配色:橘子汁的固有色是橘黃色,所以字體就相應使用了一個淺色和一個深色:白色和深橘黃色;
有趣的創意:把100%的“%”符合演化成兩片小樹葉,正好與下面的“0”組合成一個桔子;
有序的視覺流程:最大的視覺點位于最上方,能成功吸引消費者的目光,便從上往下閱讀。
▲澳大利亞的沙龍品牌O&M的產品包裝
合適的字體:簡潔的包裝搭配簡潔的字體,一個是圓角的LOGO字體,一個是等線體(分細體和粗體兩種);
考究的排版:文字根據瓶形的結構采用豎排,所有元素頂端對齊,行間距根據信息類別分為三種,美觀且便于理解;
鮮明的對比 :集中了粗細對比、大小對比、長短對比、稀疏對比等;
沒有多余的元素:除了文字還是文字(圖片表示失戀了);
簡單漂亮的配色:米白色的瓶身搭配深褐色文字,純純的,我喜歡;
有序的視覺流程:從右到左,從大到小,依次是品牌名、產品名、產品功效、凈含量等。
極簡標志設計:
精簡的圖形、漂亮的輪廓、易記易辨別、簡單易懂、有且只有一個亮點。
▲德國冰淇淋品牌Bardot的標志
精簡的圖形:一個經過了高度概括的圖形,比起左邊的嘴唇簡單了不是一點半點。
漂亮的輪廓:優美流暢的曲線、圖案上下對稱又左右平衡,來源于生活又高于生活。
易記易識別:豎著的性感大紅唇,我就記住了這么一個。
簡單易懂:字母B與嘴唇的圖案非常明顯,也容易想到跟吃有關的東西。
有且只有一個亮點:豎立的嘴唇;
簡單漂亮的配色:經典的紅配黑;
精致的細節:線條流暢優美、輪廓清晰規范;
▲廣州地鐵標志
精簡的圖形:能把鐵軌、字母“Y”、羊角等元素合而為一的圖案,我想不出更簡單的了;
漂亮的輪廓:左右對稱、上大下小、曲直合一;
易記易識別:一個類似羊角的紅色鐵軌圖案;
簡單易懂:顯而易見的鐵軌與字母“Y”,還有羊角;
有且只有一個亮點:分叉的鐵軌;
簡單漂亮的配色:紅色圖案搭配黑色字體;
細節精致:標志圖形中左右兩跟線條的粗細,與左右兩根線條之間的空隙都控制得非常好,輪廓清晰又不會顯得分散。
極簡字體設計:
易識別、沒有多余的筆畫、極簡的線條、好看的字形。
▲“貼”字設計
易識別:雖然很簡潔,但保留了主要筆畫,所以依然能一眼看出是個“貼”字;
沒有多余的筆畫:與宋體字對比,至少在9處地方做了精簡;
極簡的線條 :直來直去、沒有任何多余的修飾;
好看的字形:該字體設計雖然偏硬朗風,筆畫比較粗,但是平衡性很好,好像是由幾個幾何方塊堆疊出來的一樣,放在田字格內,上下左右四個部分的比例都分布得很平均;
與眾不同:經過對“貼”字的筆畫進行刪減與概括,加上重新調整了字體高寬比例,使得該字體與自庫里的文字有很大區別。
▲字體“良紳”的設計
易識別:很輕易能看出是“良紳”二字;
沒有多余的筆畫:與左邊的圓黑體相比至少做了7處簡化;
極簡的線條 :該刪的都刪了,而且重新建立了部分筆畫之間的連接;
好看的字形:這兩個字體偏向于淳樸風,筆畫較細,端點和轉角都是圓角,所有筆畫粗細相同,“良”字與“紳”字的“纟”都做了精簡和筆畫的連接。字體的比例比較修長,整體感覺時尚而不失優雅。
與眾不同:這是兩個經過高度精簡和重新設計的等線圓體字、別的字體連起來的地方它斷開了,別的字體斷開的地方它連起來了,要的就是與眾不同。
極簡網頁設計:
考究的排版、鮮明的對比、有序的視覺流程。
▲bear on unicycle網站首頁設計
考究的排版:圖片垂直排列在左,簡潔的粗黑文字居左對齊擺放在中間位置,鏈接按鈕垂直排列在右,形成一個“H”形的構圖;
鮮明的對比 :集中了大小對比、顏色對比、方向對比、點線面對比等;
有序的視覺流程:從左到右,從大到中到小,從圖片到文字再到鏈接按鈕,視覺流程很清晰;
沒有多余的元素:整個畫面只有一張圖片、3個單詞、5個鏈接Icon;
簡單漂亮的配色:經典的紅、白、黑配色;
干凈的背景:純紅色。
▲蘋果官網iphone7頁面設計
考究的排版:圖片從右下角斜插進來,但是視覺中心在畫面正中間,細小的文字居中對齊排列在圖片正上方,使整個版面更加平衡,且與下面的手機形成對比;
鮮明的對比 :集中了大小對比、顏色對比、方向對比、點線面對比等;
有序的視覺流程:人們會第一眼被產品所以吸引,但是目光馬上轉向文字,并從上往下閱讀,形成一個感應水龍頭式的視覺線;
沒有多余的元素:除了文字與產品連毛都沒有;
簡單漂亮的配色:產品與背景都是黑色,產品名稱和文案用了白色,鏈接文字選擇了科技藍進行區別,整體感覺就是:比逼格更逼格(biger than biger);
干凈的背景:純黑色。
總 結
從學習的角度來說,極簡設計的套路要更清晰、更明確,而且復雜的設計也一般是在極簡設計的框架上做加法達到的效果,所以極簡設計是設計師必須掌握的設計風格。不過需要注意的是,極簡設計雖然很很叼,設計起來也確實要相對容易一點,但它也只不過是是眾多設計風格中的一種,并不會適合所有品牌、品類、消費人群,所以最好不要過分迷戀。
文章最后,大家可以思考一個問題:關于設計,你覺得是做加法更容易還是做減法更容易?
新聞熱點
疑難解答