“Less is more” 網(wǎng)頁設(shè)計中的極簡風(fēng)格設(shè)計法你知道嗎?

　　在網(wǎng)頁設(shè)計這個事情上，大的趨勢總會在很長的一個時間尺度上發(fā)揮作用，就像極簡的設(shè)計風(fēng)格，似乎還沒有一個其他的設(shè)計趨勢或者風(fēng)格能夠完全地將它替代掉。好在極簡主義這個大的設(shè)計風(fēng)格體系之下，設(shè)計師常常能夠合理的加入一些個人的想法和獨特的元素，來營造出讓人難忘的體驗。

　　簡單的形式往往能夠帶給人們更多的空間感與愉悅感，也是內(nèi)容大過于形式的一種設(shè)計方式。但在一些實際的設(shè)計當(dāng)中，極簡卻變成了簡陋。那什么才是設(shè)計中的極簡呢?

　　01極簡設(shè)計的起源

　　極簡主義起始于第二次世界大戰(zhàn)之后的視覺藝術(shù)運動，與當(dāng)時以混亂的顏色、動感等要素為代表的抽象表現(xiàn)主義形成鮮明的對比。極簡主義受到當(dāng)時著名的包豪斯藝術(shù)運動的影響，聚焦于簡約而不失功能性的設(shè)計。

　　著名建筑設(shè)計師Ludwig Mies van der Rohe的那句“Less is more”完美的概括了極簡主義的表達方式。眾所周知，這句話后來也成為互聯(lián)網(wǎng)及軟件設(shè)計領(lǐng)域當(dāng)中的極簡主義者們的口頭禪及精神支柱

　　那我們在設(shè)計中該如何更好的做極簡設(shè)計呢?掌控好下面的幾大要素，能夠很好地幫助你拿捏這種風(fēng)格。一起來看看吧!

　　02留白

　　有沒有聽說過「白紙綜合癥」?當(dāng)你在畫畫或者創(chuàng)作的時候，面對著空無一物的白紙，陷入焦慮的情緒的狀態(tài)，就是「白紙綜合癥」。

　　這種狀態(tài)廣泛存在，這種病癥很多人都有，尤其是設(shè)計師。而當(dāng)你在設(shè)計風(fēng)格簡約的作品的時候，需要你學(xué)會擁抱白紙，面對留白，因為「留白」也是一種元素。相反，在極簡主義的設(shè)計當(dāng)中，過多的視覺元素會讓整個設(shè)計顯得不堪重負(fù)，降低可用性和易讀性。

　　留白的使用方法很多，但是最主要的方式，是讓留白以外的元素，僅保留必須的部分，把留白視作為一個必須的模塊，考慮如何保持可見的元素和留白之間的整體平衡。

　　“以無勝有，以簡勝繁”， 留白的目的，永遠(yuǎn)是突出主體，從而把畫面中的主體加以強調(diào)、突出，盡可能舍棄那些繁瑣、次要的東西。恰到好處的留白，只會讓主體獲得更加強烈的表現(xiàn)。

　　Minimalism. by SUHIN

　　Webisomania by ilo chani

　　03色彩

　　留白當(dāng)然不一定是白色，也可以是其他的顏色，你還可以搭配各種不一樣的配色方案和組合。色彩和留白的結(jié)合是很自然的選擇，兩者能夠更好地賦予設(shè)計以更強的情緒和個性化的視覺，制造整體氛圍。

　　但是值得注意的是，除了留白使用一種顏色之外，其他元素的色彩也盡量不要用得太多太花。簡單的色彩搭配更容易營造出對比，在不復(fù)雜的配色體系下，制造出出色的視覺效果。盡量將主要配色控制在 1~2 種，對比色能夠營造出更強的戲劇感和視覺張力。

　　Clothing Shop // Website Concept by Ivan Ivanov

　　04圖片與插畫

　　「一圖勝千言」是被說爛了的老話，但是這句話怎么說都是對的。單張圖片能夠承載的信息量是巨大的。不過一樣的，插畫在極簡主義設(shè)計當(dāng)中的應(yīng)用也是相當(dāng)講究的。

　　通常而言，你需要將插畫當(dāng)作重要的視覺焦點來使用，讓它周圍有足夠多的留白，這樣能夠保持極簡設(shè)計應(yīng)有的呼吸感。這個時候，經(jīng)典的排版布局方式就可以發(fā)揮極大的作用，左右布局、上下布局、中心式布局等等等等，不用復(fù)雜的花樣，就可以制造出讓人驚喜的效果。當(dāng)然，記得控制好元素和整體布局之間的空間比例。

　　Janovia — Art school landing page by Alinka

　　05文本和版式

　　當(dāng)然，配色、圖片和留白都說了，剩下就是文本的部分了。文本在極簡主義設(shè)計當(dāng)中的使用方式也有一些事項值得注意。

　　文本排版在極簡主義設(shè)計當(dāng)中的玩法當(dāng)然也很多，實驗性的文本排版和布局設(shè)計是很多設(shè)計師提升極簡設(shè)計的視覺觀感的一種有效的方式，結(jié)合一些比較獨特的配色或者效果，都可以。但是無論哪種，在「想法」上要保持極簡——不要想在一個設(shè)計中承載過多的排版方式和元素，你最好著力表現(xiàn)一種「理念」，或者一種排版風(fēng)格，呈現(xiàn)某一種的氣質(zhì)，千萬不要摻雜太多的想法。

　　此外，相對傳統(tǒng)的字體設(shè)計也同樣可行，適當(dāng)?shù)剡\用一些個性化的排版技巧，就可以了

　　Shift by Liam le Roux

　　06保持一致性

　　無論是傳統(tǒng)的平面設(shè)計還是更加數(shù)字化的網(wǎng)頁和APP的設(shè)計，極簡風(fēng)格下，所有的元素都應(yīng)當(dāng)保持一致性。雜亂無章是會讓用戶和觀者感到困惑的。

　　雖然有的頁面內(nèi)容可能會需要承載更多的內(nèi)容，但是極簡主義的設(shè)計風(fēng)格約束下，信息只是橫向拓展，內(nèi)容的風(fēng)格和元素的統(tǒng)一性是不能被打破的，這樣對于用戶而言，也是貼合預(yù)期的。

　　Motus 這個網(wǎng)站首頁主要是用來展示自行車的，白色背景+產(chǎn)品+大標(biāo)題的設(shè)計模式貫穿整個設(shè)計，其中提亮的彩色文本在不同的產(chǎn)品中各不相同，但是這種“變化”也是整體一致性的體現(xiàn)。整個設(shè)計從風(fēng)格到一致性的把控上，都貼合極簡主義的精神。保持設(shè)計的一致，是最基本的設(shè)計規(guī)則。

　　07極簡設(shè)計的最佳實踐

　　1. 單一焦點

　　簡約設(shè)計的概念是使用戶專注于網(wǎng)頁的主要元素，簡約是關(guān)鍵。因此，只有一個焦點是極簡主義的最佳實踐。

　　2. 簡化導(dǎo)航

　　簡約設(shè)計的重要目標(biāo)之一是幫助用戶盡可能簡單高效地完成任務(wù)。為此，您需要集成一個簡單便捷的導(dǎo)航系統(tǒng)，在極簡的界面中可能會比較棘手。

　　3. 功能性動畫

　　盡管動畫被視為設(shè)計界的一種裝飾，有時候也必不可少。在簡約界面中加入有針對性的動畫，不僅會使網(wǎng)站看起來更漂亮，也會使界面更高效。必要請看下，可以使用動畫節(jié)省屏幕空間，同時使網(wǎng)站瀏覽更有趣。

　　08極簡風(fēng)格網(wǎng)頁分享

　　“極簡”并不意味著簡單，恰恰相反，而是精準(zhǔn)、堅定地剔除多余之物，從而獲得完美和寧靜。接下來為大家分享幾個優(yōu)秀設(shè)計師網(wǎng)站，希望其中的極簡設(shè)計風(fēng)格能為你的設(shè)計提供一些靈感

　　1、Bruno Ferdinand

　　Bruno Ferdinand 是一位在字體設(shè)計上有著突出技巧的設(shè)計師，他的作品集網(wǎng)站中不僅能夠體現(xiàn)他在字體排版上的獨特想法，而且還表現(xiàn)出他近乎強迫癥的時尚口味傾向。整個網(wǎng)站的設(shè)計簡約，美觀，質(zhì)樸也令人難忘。

　　2、Yunpic

　　其實 Yumpic 這個名字應(yīng)該就已經(jīng)反映出這個網(wǎng)站的屬性了：它是專門用來分享美食的圖片和視頻的。對于想要創(chuàng)建完美 Instagram 賬號的用戶，美食博主和食品相關(guān)從業(yè)者而言，這個博客所提供的內(nèi)容是非常不錯的。整個網(wǎng)站保持風(fēng)格簡約的同時，巧妙地將個性化的元素和圖片穿插使用，營造出相對獨特的體驗。

　　3、Kenta Toshikura

　　Kenta Toshikura 的網(wǎng)站是最典型的極簡主義設(shè)計風(fēng)格，網(wǎng)站在功能上明顯是以展示為主，在視覺設(shè)計和排版上沒有采用一些很獨特的技巧，不過借助3D效果倒是意外的讓人覺得很有趣。

　　4、Aristide Benoist

　　Aristide Benoist 將柵格和微妙的延遲動效結(jié)合到了一起，黑白紅這種極具視覺沖擊力的配色之下，網(wǎng)站呈現(xiàn)出一種極具特色的視覺美感，和順滑的瀏覽體驗。

　　極簡非簡陋，做簡單容易，做好極簡并不易，設(shè)計中也需靈活應(yīng)用。今天的分享就到此為止了!希望對大家有一定幫助哦!