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

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

    今天的(of)文章，我(I)們(them)打算把知識點梳理一(one)下，用(use)下面的(of) 10 個(indivual)規則來(Come)設計，能幫你搞定真正的(of)極簡主義設計。

    1、大(big)量的(of)留白

    Plastic

    在(exist)極簡主義設計當中，留白是(yes)必不(No)可少的(of)組成部分。留白能夠營造平和(and)感，能夠創造視覺焦點。

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

    上(superior)面的(of)Plastic 這(this)個(indivual)網站就是(yes)一(one)個(indivual)留白使用(use)的(of)典範。

    2、用(use)栅格來(Come)規整元素

    Cory Etzkorn

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

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

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

    3、扁平化的(of)元素

    Liber Finance Group

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

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

    Liber Finance Group 的(of)網站就采用(use)了(Got it)扁平化的(of)設計，整體呈現出(out)簡約的(of)風格。底部的(of)視覺元素采用(use)了(Got it)單色的(of)線條，動效自然而簡單，用(use)戶不(No)會因此而感到(arrive)信息過載。留白、視覺元素、文本之間達到(arrive)了(Got it)平衡，而動效和(and)色彩的(of)控制，則讓整個(indivual)設計自然而生(born)動。

    4、保持一(one)緻性

    Motus

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

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

    Motus 這(this)個(indivual)網站首頁主要(want)是(yes)用(use)來(Come)展示自行車的(of)，白色背景+産品+大(big)标題的(of)設計模式貫穿整個(indivual)設計，其中提亮的(of)彩色文本在(exist)不(No)同的(of)産品中各不(No)相同，但是(yes)這(this)種“變化”也是(yes)整體一(one)緻性的(of)體現。整個(indivual)設計從風格到(arrive)一(one)緻性的(of)把控上(superior)，都貼合極簡主義的(of)精神。

    5、在(exist)不(No)對稱中保持平衡

    Visme

    即使是(yes)韋恩·安德森也無法确保他(he)電影中每一(one)個(indivual)畫面都是(yes)對稱的(of)。在(exist)極簡主義的(of)網站當中，完美的(of)對稱總歸是(yes)少數的(of)存在(exist)，而設計師也無需刻意去追求完美的(of)對稱。但是(yes)視覺上(superior)的(of)均衡，則需要(want)設計師力求做到(arrive)。

    有的(of)時(hour)候，不(No)對稱的(of)設計會更加具有分量感。但是(yes)在(exist)對比之外，是(yes)需要(want)保持總體的(of)平衡。

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

    6、簡化配色

    Titled Chair

    使用(use)格調比較高的(of)圖片可以(by)很好的(of)匹配極簡主義的(of)設計，不(No)過在(exist)配色上(superior)花點功夫會更好。黑白這(this)樣的(of)色調功能性更強，中性，且顯得優雅。不(No)過這(this)并不(No)是(yes)唯一(one)的(of)選擇。

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

    就像Titled Chair 這(this)個(indivual)網站的(of)首頁設計，經典的(of)黑白色之外，采用(use)鮮豔的(of)紅色作(do)爲(for)提亮色，貫穿整個(indivual)設計，作(do)爲(for)強調用(use)的(of)重點而存在(exist)。它賦予了(Got it)整個(indivual)設計以(by)簡潔感和(and)層次感。

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

    Aimauts

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

    選擇最易于(At)閱讀的(of)字體，确保用(use)戶能夠快速掃視。無論是(yes)襯線體還是(yes)非襯線字體，字體的(of)X高度最好是(yes)适中的(of)，風格上(superior)不(No)要(want)裝飾性太強，經典的(of)字體會更好。在(exist)字重和(and)行高、間距上(superior)，都控制在(exist)合理的(of)度上(superior)。不(No)要(want)刻意使用(use)小字号來(Come)“創造高級感”，适當的(of)放大(big)字體，确保用(use)戶能夠一(one)目了(Got it)然。太大(big)的(of)字體會使得壓迫感太強，這(this)個(indivual)中間的(of)尺度，需要(want)設計師仔細拿捏。

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

    8、有目的(of)地(land)設計每個(indivual)元素

    Sister Agency

    每個(indivual)元素都尤其存在(exist)的(of)理由，有其獨特的(of)功能，必須有用(use)。換句話說，每個(indivual)UI控件、每個(indivual)交互都有其獨有的(of)設計意圖在(exist)其中，缺一(one)不(No)可，沒有一(one)個(indivual)是(yes)多餘的(of)。

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

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

    9、打破一(one)條規則

    Westboume Grammar School

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

    在(exist)極簡主義的(of)設計風格之下，絕大(big)多數的(of)視覺和(and)交互都是(yes)清晰而直觀的(of)，即使打破了(Got it)規則，用(use)戶也能清楚地(land)感知到(arrive)，甚至能夠創造一(one)種富有創意的(of)意外感。

    但是(yes)，這(this)個(indivual)被打破的(of)規則一(one)定要(want)謹慎地(land)選取，确保你所打破的(of)規則是(yes)符合整體設計的(of)，用(use)戶可以(by)理解的(of)，并且在(exist)數量上(superior)控制在(exist)一(one)條即可，不(No)要(want)打破太多規則，否則整個(indivual)設計會如同黑箱一(one)樣，讓用(use)戶摸不(No)着頭腦。

    Westboume Grammar School 這(this)個(indivual)網站的(of)設計極簡而富有格調，網站在(exist)設計的(of)時(hour)候，打破了(Got it)一(one)個(indivual)常見的(of)規則：在(exist)屏幕底部的(of)超大(big)文本采用(use)的(of)是(yes)動畫，并且用(use)戶必須讀完才能繼續交互。這(this)個(indivual)設計的(of)度控制得很好，整個(indivual)設計中隻有這(this)一(one)處違反常見的(of)規則，并且不(No)會影響其他(he)。

    10、保持簡單

    Delight

    簡單的(of)設計其實往往是(yes)最有效的(of)。

    在(exist)極簡主義設計當中，少即是(yes)多這(this)個(indivual)規則是(yes)适中适用(use)的(of)。盡可能的(of)剝離純裝飾性的(of)設計，确保核心信息是(yes)一(one)目了(Got it)然的(of)。就像上(superior)面的(of)設計。

    Delight 這(this)個(indivual)網站應該會讓你感到(arrive)好奇。明亮的(of)色彩和(and)有趣的(of)排版是(yes)誘人(people)的(of)，想要(want)了(Got it)解更多，底部帶有動效的(of)箭頭會引導你往下浏覽。這(this)種極簡主義的(of)設計足夠簡單，有趣，因爲(for)它會讓你的(of)用(use)戶對于(At)後面的(of)信息發生(born)興趣。在(exist)栅格的(of)控制和(and)充足的(of)留白之下，整個(indivual)設計給人(people)非常舒服的(of)感覺。

    極簡主義是(yes)每個(indivual)人(people)的(of)勝利

    極簡主義真正能夠得到(arrive)如此之持久的(of)生(born)命力和(and)如此之多的(of)人(people)的(of)擁護，很大(big)程度上(superior)得益于(At)它成就了(Got it)太多的(of)設計項目，帶來(Come)了(Got it)太多優秀的(of)産品。極簡主義的(of)偉大(big)之處在(exist)于(At)它凸顯關鍵，爲(for)用(use)戶呈現最重要(want)的(of)東西，并且讓用(use)戶關注最重要(want)的(of)事情，它是(yes)屬于(At)每一(one)個(indivual)人(people)的(of)勝利。