關于極簡主義設計，這篇文章幫你介紹得明明白(bái)白(bái)

    極簡主義本身是一(yī)種設計理念，垂直到UI和平面設計領域當中(zhōng)的時候，設計中(zhōng)的每一(yī)個元素都應該是有用的。它簡單，幹淨，漂亮，且非常實用。極簡主義的設計易于用戶理解，參與度也搞。

    今天的文章，我(wǒ)們打算把知(zhī)識點梳理一(yī)下(xià)，用下(xià)面的 10 個規則來設計，能幫你搞定真正的極簡主義設計。

    1、大(dà)量的留白(bái)

    Plastic

    在極簡主義設計當中(zhōng)，留白(bái)是必不可少的組成部分(fēn)。留白(bái)能夠營造平和感，能夠創造視覺焦點。

    将必要的信息和視覺焦點營造出來，然後使用留白(bái)包圍它們。通過這種方式，将核心的信息凸顯出來，讓用戶隻做必要的事情，關注必須的信息。

    上面的Plastic 這個網站就是一(yī)個留白(bái)使用的典範。

    2、用栅格來規整元素

    Cory Etzkorn

    栅格系統可以讓簡約的設計更加富有條理。栅格本身就是用來構建規則性，賦予信息和元素以條理和有序感的，在此基礎上，能夠讓元素的邏輯更加順暢。

    栅格系統讓UI界面和平面設計有了更容易遵循的邏輯模式，即使是在極簡的設計作品當中(zhōng)，有限的元素在整個空間中(zhōng)，也可以建立足夠正确的空間關系，使得整個設計工(gōng)作協同更加自然。

    Cory Etzkorn 爲他的作品集網站加入了整套栅格系統，案例圖片和下(xià)面的标題、文本都保持着精準的左右對齊，營造出一(yī)種整饬的視覺體(tǐ)驗，即使是點擊交互觸發界面變化，也遵循着潛在的栅格，使得整個設計充滿了協調感。極簡設計隻是看看起來簡約，但是内在所遵循的規則和條理感，讓它顯得一(yī)點也不單薄。

    3、扁平化的元素

    Liber Finance Group

    扁平化的網頁設計風格不僅是目前的主流，而且在精神内核上和極簡主義保持着一(yī)緻。當然，如今的扁平化設計和之前有所不同，漸變和陰影的加入使得它向前走出了一(yī)大(dà)步，也不再是“純粹的”扁平化了。

    扁平化的設計元素，無論是圖标的設計還是色彩的控制，都會盡量控制信息的層次和量，這一(yī)點和極簡的需求是一(yī)緻的。無論是設計網站還是APP，都盡量去(qù)除不必要的交互，保持動效的直觀和簡約。

    Liber Finance Group 的網站就采用了扁平化的設計，整體(tǐ)呈現出簡約的風格。底部的視覺元素采用了單色的線條，動效自然而簡單，用戶不會因此而感到信息過載。留白(bái)、視覺元素、文本之間達到了平衡，而動效和色彩的控制，則讓整個設計自然而生(shēng)動。

    4、保持一(yī)緻性

    Motus

    無論是傳統的平面設計還是更加數字化的網頁和APP的設計，極簡風格下(xià)，所有的元素都應當保持一(yī)緻性。雜(zá)亂無章是會讓用戶和觀者感到困惑的。

    雖然有的頁面内容可能會需要承載更多的内容，但是極簡主義的設計風格約束下(xià)，信息隻是橫向拓展，内容的風格和元素的統一(yī)性是不能被打破的，這樣對于用戶而言，也是貼合預期的。

    Motus 這個網站首頁主要是用來展示自行車(chē)的，白(bái)色背景+産品+大(dà)标題的設計模式貫穿整個設計，其中(zhōng)提亮的彩色文本在不同的産品中(zhōng)各不相同，但是這種“變化”也是整體(tǐ)一(yī)緻性的體(tǐ)現。整個設計從風格到一(yī)緻性的把控上，都貼合極簡主義的精神。

    5、在不對稱中(zhōng)保持平衡

    Visme

    即使是韋恩·安德森(sēn)也無法确保他電(diàn)影中(zhōng)每一(yī)個畫面都是對稱的。在極簡主義的網站當中(zhōng)，完美的對稱總歸是少數的存在，而設計師也無需刻意去(qù)追求完美的對稱。但是視覺上的均衡，則需要設計師力求做到。

    有的時候，不對稱的設計會更加具有分(fēn)量感。但是在對比之外(wài)，是需要保持總體(tǐ)的平衡。

    在 Visme 的這個彈出式的廣告當中(zhōng)，左側的視覺元素視覺吸引力是極強的，整個頁面呈現左重右輕的勢态。不過左邊的元素會在視覺上引導用戶注意右邊的文本，足夠的留白(bái)讓左右兩邊的元素都擁有足夠的跳出感，這樣的設計确保了對比，有方向性，還足夠平衡。

    6、簡化配色

    Titled Chair

    使用格調比較高的圖片可以很好的匹配極簡主義的設計，不過在配色上花點功夫會更好。黑白(bái)這樣的色調功能性更強，中(zhōng)性，且顯得優雅。不過這并不是唯一(yī)的選擇。

    在配色這個事情上，極簡主義也同樣非常講究。通常會選取一(yī)種到兩種提亮色，貫穿整個設計，專門使用。

    就像Titled Chair 這個網站的首頁設計，經典的黑白(bái)色之外(wài)，采用鮮豔的紅色作爲提亮色，貫穿整個設計，作爲強調用的重點而存在。它賦予了整個設計以簡潔感和層次感。

    7、選取可讀性較高的字體(tǐ)

    Aimauts

    極簡主義設計希望圖形元素要足夠清晰易于分(fēn)辨，對于文本字體(tǐ)有着同樣的要求。

    選擇最易于閱讀的字體(tǐ)，确保用戶能夠快速掃視。無論是襯線體(tǐ)還是非襯線字體(tǐ)，字體(tǐ)的X高度最好是适中(zhōng)的，風格上不要裝飾性太強，經典的字體(tǐ)會更好。在字重和行高、間距上，都控制在合理的度上。不要刻意使用小(xiǎo)字号來“創造高級感”，适當的放(fàng)大(dà)字體(tǐ)，确保用戶能夠一(yī)目了然。太大(dà)的字體(tǐ)會使得壓迫感太強，這個中(zhōng)間的尺度，需要設計師仔細拿捏。

    在 Aimauts 這個網頁當中(zhōng)，即使加入了動效，文本和字母的可讀性也都足夠強。簡約而現代的非襯線字體(tǐ)，在黑色的背景上顯得極爲醒目，易于閱讀也非常容易理解。

    8、有目的地設計每個元素

    Sister Agency

    每個元素都尤其存在的理由，有其獨特的功能，必須有用。換句話(huà)說，每個UI控件、每個交互都有其獨有的設計意圖在其中(zhōng)，缺一(yī)不可，沒有一(yī)個是多餘的。

    如果每個元素對于整個設計是沒有貢獻的，那麽它憑什麽會出現呢？

    就像 Sister Agency 這個網站的設計，整體(tǐ)的設計足夠簡單，屏幕上的文本、圖片、菜單和布局都有着明顯的功能性，沒有一(yī)個是多餘的，用戶無需多想就能夠借助這個設計達成他們的目标，無論是獲取信息還是抵達特定的内容頁。

    9、打破一(yī)條規則

    Westboume Grammar School

    打破規則的設計并不影響用戶對于信息的獲取，甚至能夠創造出有趣的設計和交互體(tǐ)驗。

    在極簡主義的設計風格之下(xià)，絕大(dà)多數的視覺和交互都是清晰而直觀的，即使打破了規則，用戶也能清楚地感知(zhī)到，甚至能夠創造一(yī)種富有創意的意外(wài)感。

    但是，這個被打破的規則一(yī)定要謹慎地選取，确保你所打破的規則是符合整體(tǐ)設計的，用戶可以理解的，并且在數量上控制在一(yī)條即可，不要打破太多規則，否則整個設計會如同黑箱一(yī)樣，讓用戶摸不着頭腦。

    Westboume Grammar School 這個網站的設計極簡而富有格調，網站在設計的時候，打破了一(yī)個常見的規則：在屏幕底部的超大(dà)文本采用的是動畫，并且用戶必須讀完才能繼續交互。這個設計的度控制得很好，整個設計中(zhōng)隻有這一(yī)處違反常見的規則，并且不會影響其他。

    10、保持簡單

    Delight

    簡單的設計其實往往是最有效的。

    在極簡主義設計當中(zhōng)，少即是多這個規則是适中(zhōng)适用的。盡可能的剝離(lí)純裝飾性的設計，确保核心信息是一(yī)目了然的。就像上面的設計。

    Delight 這個網站應該會讓你感到好奇。明亮的色彩和有趣的排版是誘人的，想要了解更多，底部帶有動效的箭頭會引導你往下(xià)浏覽。這種極簡主義的設計足夠簡單，有趣，因爲它會讓你的用戶對于後面的信息發生(shēng)興趣。在栅格的控制和充足的留白(bái)之下(xià)，整個設計給人非常舒服的感覺。

    極簡主義是每個人的勝利

    極簡主義真正能夠得到如此之持久的生(shēng)命力和如此之多的人的擁護，很大(dà)程度上得益于它成就了太多的設計項目，帶來了太多優秀的産品。極簡主義的偉大(dà)之處在于它凸顯關鍵，爲用戶呈現最重要的東西，并且讓用戶關注最重要的事情，它是屬于每一(yī)個人的勝利。