我們已經聊過太多的極簡主義設計，趨勢，技巧，方法，策略，都(dōu)有所涉及。不過聊多了(le)之後也容易迷惑，因為(wèi)許多摻雜(zá)其中的東西(xī)，讓極簡主義的設計的概念顯得不那(nà)麽明(míng)晰了(le)。
極簡主義本身是一(yī)種設計理念，垂直到UI和(hé)平面設計領域當中的時(shí)候，設計中的每一(yī)個元素都(dōu)應該是有用的。它簡單，幹淨，漂亮，且非常實用。極簡主義的設計易于用戶理解，參與度也搞。
今天的文章(zhāng)，我們打算把知識點梳理一(yī)下(xià)，用下(xià)面的10個規則來設計，能(néng)幫你搞定真正的極簡主義設計。
在極簡主義設計當中，留白是必不可(kě)少(shǎo)的組成部分。留白能(néng)夠營造平和(hé)感，能(néng)夠創造視(shì)覺焦點。
将必要(yào)的信息和(hé)視(shì)覺焦點營造出來，然後使用留白包圍它們。通(tōng)過這(zhè)種方式，将核心的信息凸顯出來，讓用戶隻做(zuò)必要(yào)的事情，關注必須的信息。
上(shàng)面的Plastic 這(zhè)個網站就是一(yī)個留白使用的典範。
留白的具體使用技巧，可(kě)以參看(kàn)這(zhè)些文章(zhāng)。最後的那(nà)篇比較有意思，别錯過了(le)~
栅格系統可(kě)以讓簡約的設計更加富有條理。栅格本身就是用來構建規則性，賦予信息和(hé)元素以條理和(hé)有序感的，在此基礎上(shàng)，能(néng)夠讓元素的邏輯更加順暢。
栅格系統讓UI界面和(hé)平面設計有了(le)更容易遵循的邏輯模式，即使是在極簡的設計作(zuò)品當中，有限的元素在整個空間(jiān)中，也可(kě)以建立足夠正确的空間(jiān)關系，使得整個設計工(gōng)作(zuò)協同更加自(zì)然。
Cory Etzkorn 為(wèi)他(tā)的作(zuò)品集網站加入了(le)整套栅格系統，案例圖片和(hé)下(xià)面的标題、文本都(dōu)保持着精準的左右對齊，營造出一(yī)種整饬的視(shì)覺體驗，即使是點擊交互觸發界面變化，也遵循着潛在的栅格，使得整個設計充滿了(le)協調感。極簡設計隻是看(kàn)看(kàn)起來簡約，但(dàn)是內(nèi)在所遵循的規則和(hé)條理感，讓它顯得一(yī)點也不單薄。
優設有過很(hěn)多栅格相關的文章(zhāng)，下(xià)面的這(zhè)3篇都(dōu)是幹貨，為(wèi)你梳理出了(le)栅格系統的一(yī)些常見(jiàn)的方法和(hé)技巧，想了(le)解的同學不要(yào)錯過~
扁平化的設計風(fēng)格不僅是目前的主流，而且在精神內(nèi)核上(shàng)和(hé)極簡主義保持着一(yī)緻。當然，如(rú)今的扁平化設計和(hé)之前有所不同，漸變和(hé)陰影的加入使得它向前走出了(le)一(yī)大步，也不再是“純粹的”扁平化了(le)。
扁平化的設計元素，無論是圖标的設計還是色彩的控制，都(dōu)會盡量控制信息的層次和(hé)量，這(zhè)一(yī)點和(hé)極簡的需求是一(yī)緻的。無論是設計網站還是APP，都(dōu)盡量去除不必要(yào)的交互，保持動效的直觀和(hé)簡約。
Liber Finance Group 的網站就采用了(le)扁平化的設計，整體呈現出簡約的風(fēng)格。底部的視(shì)覺元素采用了(le)單色的線條，動效自(zì)然而簡單，用戶不會因此而感到信息過載。留白、視(shì)覺元素、文本之間(jiān)達到了(le)平衡，而動效和(hé)色彩的控制，則讓整個設計自(zì)然而生動。
關于扁平化設計的文章(zhāng)很(hěn)多，雖然是其中有些文章(zhāng)比較老(lǎo)，但(dàn)是頗具啓發性：
無論是傳統的平面設計還是更加數(shù)字化的網頁和(hé)APP的設計，極簡風(fēng)格下(xià)，所有的元素都(dōu)應當保持一(yī)緻性。雜(zá)亂無章(zhāng)是會讓用戶和(hé)觀者感到困惑的。
雖然有的頁面內(nèi)容可(kě)能(néng)會需要(yào)承載更多的內(nèi)容，但(dàn)是極簡主義的設計風(fēng)格約束下(xià)，信息隻是橫向拓展，內(nèi)容的風(fēng)格和(hé)元素的統一(yī)性是不能(néng)被打破的，這(zhè)樣對于用戶而言，也是貼合預期的。
Motus 這(zhè)個網站首頁主要(yào)是用來展示自(zì)行(xíng)車的，白色背景+産品+大标題的設計模式貫穿整個設計，其中提亮的彩色文本在不同的産品中各不相同，但(dàn)是這(zhè)種“變化”也是整體一(yī)緻性的體現。整個設計從(cóng)風(fēng)格到一(yī)緻性的把控上(shàng)，都(dōu)貼合極簡主義的精神。
保持設計的一(yī)緻，是最基本的設計規則。在諸多設計規範當中都(dōu)有所有體現：
即使是韋恩·安德森也無法确保他(tā)電影中每一(yī)個畫(huà)面都(dōu)是對稱的。在極簡主義的網站當中，完美的對稱總歸是少(shǎo)數(shù)的存在，而設計師(shī)也無需刻意去追求完美的對稱。但(dàn)是視(shì)覺上(shàng)的均衡，則需要(yào)設計師(shī)力求做(zuò)到。
有的時(shí)候，不對稱的設計會更加具有分量感。但(dàn)是在對比之外(wài)，是需要(yào)保持總體的平衡。
在 Visme 的這(zhè)個彈出式的廣告當中，左側的視(shì)覺元素視(shì)覺吸引力是極強的，整個頁面呈現左重右輕的勢态。不過左邊的元素會在視(shì)覺上(shàng)引導用戶注意右邊的文本，足夠的留白讓左右兩邊的元素都(dōu)擁有足夠的跳(tiào)出感，這(zhè)樣的設計确保了(le)對比，有方向性，還足夠平衡。
掌握好平衡感，還是排版布局的事兒。除了(le)要(yào)能(néng)夠控制好元素之間(jiān)的關系，還得懂(dǒng)得各種排版知識呢：
使用格調比較高的圖片可(kě)以很(hěn)好的匹配極簡主義的設計，不過在配色上(shàng)花點功夫會更好。黑(hēi)白這(zhè)樣的色調功能(néng)性更強，中性，且顯得優雅。不過這(zhè)并不是唯一(yī)的選擇。
在配色這(zhè)個事情上(shàng)，極簡主義也同樣非常講究。通(tōng)常會選取一(yī)種到兩種提亮色，貫穿整個設計，專門使用。
就像Titled Chair 這(zhè)個網站的首頁設計，經典的黑(hēi)白色之外(wài)，采用鮮豔的紅(hóng)色作(zuò)為(wèi)提亮色，貫穿整個設計，作(zuò)為(wèi)強調用的重點而存在。它賦予了(le)整個設計以簡潔感和(hé)層次感。
配色的方法有很(hěn)多，技巧也不少(shǎo)，工(gōng)具成堆，最重要(yào)的還是設計師(shī)得有清晰的思路，找到貼合的配色方案，這(zhè)些文章(zhāng)可(kě)以幫你喲：
極簡主義設計希望圖形元素要(yào)足夠清晰易于分辨，對于文本字體有着同樣的要(yào)求。
選擇最易于閱讀的字體，确保用戶能(néng)夠快(kuài)速掃視(shì)。無論是襯線體還是非襯線字體，字體的X高度最好是适中的，風(fēng)格上(shàng)不要(yào)裝飾性太強，經典的字體會更好。在字重和(hé)行(xíng)高、間(jiān)距上(shàng)，都(dōu)控制在合理的度上(shàng)。不要(yào)刻意使用小字号來“創造高級感”，适當的放大字體，确保用戶能(néng)夠一(yī)目了(le)然。太大的字體會使得壓迫感太強，這(zhè)個中間(jiān)的尺度，需要(yào)設計師(shī)仔細拿(ná)捏。
在 Aimauts 這(zhè)個網頁當中，即使加入了(le)動效，文本和(hé)字母的可(kě)讀性也都(dōu)足夠強。簡約而現代的非襯線字體，在黑(hēi)色的背景上(shàng)顯得極為(wèi)醒目，易于閱讀也非常容易理解。
所以，字體的選擇很(hěn)重要(yào)，下(xià)面的幾篇文章(zhāng)已經幫你選好了(le)字體：
每個元素都(dōu)尤其存在的理由，有其獨特的功能(néng)，必須有用。換句話說，每個UI控件、每個交互都(dōu)有其獨有的設計意圖在其中，缺一(yī)不可(kě)，沒有一(yī)個是多餘的。
如(rú)果每個元素對于整個設計是沒有貢獻的，那(nà)麽它憑什麽會出現呢？
就像 Sister Agency 這(zhè)個網站的設計，整體的設計足夠簡單，屏幕上(shàng)的文本、圖片、菜單和(hé)布局都(dōu)有着明(míng)顯的功能(néng)性，沒有一(yī)個是多餘的，用戶無需多想就能(néng)夠借助這(zhè)個設計達成他(tā)們的目标，無論是獲取信息還是抵達特定的內(nèi)容頁。
動效的設計也同樣是如(rú)此，每個設計都(dōu)應該有着明(míng)确的目的性：
打破規則的設計并不影響用戶對于信息的獲取，甚至能(néng)夠創造出有趣的設計和(hé)交互體驗。
在極簡主義的設計風(fēng)格之下(xià)，絕大多數(shù)的視(shì)覺和(hé)交互都(dōu)是清晰而直觀的，即使打破了(le)規則，用戶也能(néng)清楚地(dì)感知到，甚至能(néng)夠創造一(yī)種富有創意的意外(wài)感。
但(dàn)是，這(zhè)個被打破的規則一(yī)定要(yào)謹慎地(dì)選取，确保你所打破的規則是符合整體設計的，用戶可(kě)以理解的，并且在數(shù)量上(shàng)控制在一(yī)條即可(kě)，不要(yào)打破太多規則，否則整個設計會如(rú)同黑(hēi)箱一(yī)樣，讓用戶摸不着頭腦。
Westboume Grammar School 這(zhè)個網站的設計極簡而富有格調，網站在設計的時(shí)候，打破了(le)一(yī)個常見(jiàn)的規則：在屏幕底部的超大文本采用的是動畫(huà)，并且用戶必須讀完才能(néng)繼續交互。這(zhè)個設計的度控制得很(hěn)好，整個設計中隻有這(zhè)一(yī)處違反常見(jiàn)的規則，并且不會影響其他(tā)。
熟悉規則才能(néng)打破規則，遵循規則也能(néng)富有創造力：
簡單的設計其實往往是最有效的。
在極簡主義設計當中，少(shǎo)即是多這(zhè)個規則是适中适用的。盡可(kě)能(néng)的剝離純裝飾性的設計，确保核心信息是一(yī)目了(le)然的。就像上(shàng)面的設計。
Delight 這(zhè)個網站應該會讓你感到好奇。明(míng)亮的色彩和(hé)有趣的排版是誘人(rén)的，想要(yào)了(le)解更多，底部帶有動效的箭頭會引導你往下(xià)浏覽。這(zhè)種極簡主義的設計足夠簡單，有趣，因為(wèi)它會讓你的用戶對于後面的信息發生興趣。在栅格的控制和(hé)充足的留白之下(xià)，整個設計給人(rén)非常舒服的感覺。
簡約和(hé)簡單是大勢所趨，但(dàn)是你應該對簡單有更加深入的理解：
極簡主義真正能(néng)夠得到如(rú)此之持久的生命力和(hé)如(rú)此之多的人(rén)的擁護，很(hěn)大程度上(shàng)得益于它成就了(le)太多的設計項目，帶來了(le)太多優秀的産品。極簡主義的偉大之處在于它凸顯關鍵，為(wèi)用戶呈現最重要(yào)的東西(xī)，并且讓用戶關注最重要(yào)的事情，它是屬于每一(yī)個人(rén)的勝利。
在線客服1号
微(wēi)信公衆賬号