如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里

簡(jiǎn)約并不意味著原始，這是兩個(gè)截然不同的概念。而極簡(jiǎn)主義設(shè)計(jì)種大量的留白也并不等同于空。

在 Joshua Becker 的《The More of Less》書(shū)中是這樣說(shuō)的：

你并不需要更多的空間，你所需要的是更少的東西。

如今，我們常常在工作和生活種不同的語(yǔ)境下探討極簡(jiǎn)主義，而設(shè)計(jì)和它走的最近。對(duì)于極簡(jiǎn)主義，我們應(yīng)該熟知它的優(yōu)缺點(diǎn)和關(guān)鍵知識(shí)點(diǎn)。

關(guān)于極簡(jiǎn)主義

實(shí)際上極簡(jiǎn)主義這個(gè)詞在人類(lèi)活動(dòng)的各個(gè)領(lǐng)域中都被地使用著，Merriam-Webster 詞典種對(duì)于它的解釋是“在音樂(lè)、文學(xué)和設(shè)計(jì)領(lǐng)域中以極其平衡簡(jiǎn)潔而著稱(chēng)的一種風(fēng)格或技術(shù)”。極簡(jiǎn)主義正在被越來(lái)越多的領(lǐng)域所接納，其核心的特征是簡(jiǎn)約而富有意義。

作為一種視覺(jué)設(shè)計(jì)的新方向，極簡(jiǎn)主義在20世紀(jì)60年代的紐約很受歡迎，當(dāng)時(shí)的新老藝術(shù)家正在探索將抽象幾何元素融入繪畫(huà)和雕塑藝術(shù)。相應(yīng)的，極簡(jiǎn)主義在當(dāng)時(shí)的諸如包豪斯運(yùn)動(dòng)、建構(gòu)主義運(yùn)動(dòng)中，留下了濃墨重彩的一筆。在涉及視覺(jué)藝術(shù)的不同領(lǐng)域，極簡(jiǎn)主義的核心原則基本都是優(yōu)雅地保留關(guān)鍵性的、引起觀者注意力的部分。線條、形狀、色彩、留白、構(gòu)圖等一切元素都被有效地組織起來(lái)。今天我們?cè)谏畹母鱾€(gè)領(lǐng)域都可以看得到極簡(jiǎn)主義的影子：建筑、藝術(shù)、攝影、文學(xué)、音樂(lè)、UI設(shè)計(jì)，甚至食物。

設(shè)計(jì)師應(yīng)該追求簡(jiǎn)約而不空洞，時(shí)尚而不過(guò)度修飾的極簡(jiǎn)設(shè)計(jì)，善于使用負(fù)空間，大膽的色彩和字體的組合，將優(yōu)雅融入功能多樣的細(xì)節(jié)。但是，極簡(jiǎn)的設(shè)計(jì)和粗陋原始的設(shè)計(jì)，兩者之間往往只有一線之隔，這也為何許多設(shè)計(jì)師并不像承擔(dān)這種風(fēng)險(xiǎn)：有的設(shè)計(jì)師覺(jué)得這種風(fēng)格過(guò)于高冷，而更多的設(shè)計(jì)師則沒(méi)有搞清楚怎樣通過(guò)更少的元素來(lái)正確搞定極簡(jiǎn)設(shè)計(jì)。

Architecture Blog

極簡(jiǎn)主義設(shè)計(jì)的特征

設(shè)計(jì)師經(jīng)常會(huì)提及的極簡(jiǎn)主義設(shè)計(jì)，通常包含下面的特征：

• 簡(jiǎn)單
• 明晰
• 清晰的視覺(jué)層次
• 高對(duì)比度的組件和比例
• 每個(gè)元素都有功能
• 大量的空間和留白
• 核心細(xì)節(jié)擁有高關(guān)注度
• 排版是重要的設(shè)計(jì)元素
• 無(wú)功能的裝飾性元素被移除

當(dāng)然，這個(gè)列表還能更長(zhǎng)一些。極簡(jiǎn)的UI設(shè)計(jì)突出核心的元素，讓用戶行為更為直觀也更具有目的性，此外，簡(jiǎn)約的界面看起來(lái)不那么復(fù)雜，也足夠簡(jiǎn)潔，令人滿意的審美趨勢(shì)也讓極簡(jiǎn)的UI設(shè)計(jì)擁有良好的用戶體驗(yàn)。

Dance Academy 的著陸頁(yè)

極簡(jiǎn)主義設(shè)計(jì)最佳實(shí)踐

如今極簡(jiǎn)主義設(shè)計(jì)已經(jīng)成為網(wǎng)頁(yè)和UI設(shè)計(jì)中的主流設(shè)計(jì)趨勢(shì)，而極簡(jiǎn)主義設(shè)計(jì)的主要特征，可以通過(guò)下面的這些最佳實(shí)踐來(lái)體現(xiàn)。

扁平化設(shè)計(jì)

扁平化設(shè)計(jì)這一趨勢(shì)和極簡(jiǎn)主義是相輔相成的存在，兩者在技術(shù)細(xì)節(jié)和精神上都保持著高度的一致性。眾所周知，扁平化設(shè)計(jì)移除了擬物化設(shè)計(jì)中廣泛存在的高光、陰影、漸變和紋理，而扁平化設(shè)計(jì)2.0中也只是有限度地加入了一點(diǎn)陰影，微妙的漸變。扁平化設(shè)計(jì)讓不同屏幕、不同分辨率下，按鈕、圖標(biāo)和插畫(huà)顯得更加統(tǒng)一。界面的可用性和視覺(jué)的協(xié)調(diào)性在這種設(shè)計(jì)風(fēng)格下更容易實(shí)現(xiàn)。

不過(guò)扁平化和極簡(jiǎn)主義仍然是兩個(gè)完全不同的概念，兩者并非可互相替代存在。扁平化更多的是一種技術(shù)手法和風(fēng)格上的存在，而極簡(jiǎn)主義有著更廣泛的意義，它包含了布局、組成、配色、對(duì)比度甚至整體設(shè)計(jì)精神的一套策略，因此，扁平化設(shè)計(jì)更多的應(yīng)該算是創(chuàng)造極簡(jiǎn)主義設(shè)計(jì)的一種技術(shù)和設(shè)計(jì)技巧。

2017年的扁平化設(shè)計(jì)：《一直進(jìn)化的扁平化設(shè)計(jì)，在2017年這么玩兒》

Cafe Coupon App

單色和有限色配色方案

色彩是構(gòu)建用戶和產(chǎn)品情感聯(lián)系的重要紐帶，而設(shè)計(jì)師在進(jìn)行極簡(jiǎn)主義設(shè)計(jì)的時(shí)候，通常會(huì)采用單色，或者色彩數(shù)量較少的配色方案，這樣能讓所選的色彩更具有凝聚力，讓色彩的力量最大化。這樣的設(shè)計(jì)讓用戶不會(huì)被輕易分散注意力，這樣一來(lái)，用戶會(huì)更加容易被引導(dǎo)到特定的區(qū)域，關(guān)注特定的內(nèi)容，從而觸發(fā)交互（比如購(gòu)買(mǎi)，訂閱，捐贈(zèng)，開(kāi)始使用等），這樣的界面是有效且的。此外，從心理學(xué)角度上來(lái)看，特定的色彩關(guān)聯(lián)特定的情緒，而有凝聚力的配色則可以放大情緒。

Slopes Website

表現(xiàn)力十足的排版

簡(jiǎn)約的UI設(shè)計(jì)中，排版設(shè)計(jì)被視為最為核心的元素之一，它不僅可以為用戶呈現(xiàn)內(nèi)容，而且可以創(chuàng)造風(fēng)格，強(qiáng)化視覺(jué)效果。相比于挑選圖片，設(shè)計(jì)師更在意整體排版布局的選擇，并且精心選擇元素搭配和尺寸的控制。除了色彩之外，字體也是設(shè)計(jì)師最為在意的元素，因?yàn)樽煮w也是塑造體驗(yàn)，傳遞情緒的重要元素?？勺x性和易讀性是整個(gè)排版布局的基本要求，而設(shè)計(jì)師并不想讓不合理的字體選擇毀掉這一基礎(chǔ)。

排版技巧并不難：《從這些基本的字體排版規(guī)則入手，搞定網(wǎng)頁(yè)排版這件事》

Upper App

有限的選擇

極簡(jiǎn)主義設(shè)計(jì)的強(qiáng)大之處在于，讓用戶更加集中注意力，專(zhuān)注于功能和目標(biāo)。通常，極簡(jiǎn)風(fēng)的UI設(shè)計(jì)中，少有裝飾元素，也不會(huì)讓陰影、紋理甚至多余的交互和色彩來(lái)分散用戶的注意力，他們需要用戶集中注意力，執(zhí)行關(guān)鍵性的任務(wù)，而整個(gè)網(wǎng)站或者APP的導(dǎo)航也是圍繞著幫用戶解決問(wèn)題而存在。

Birds of Paradise Encyclopedia

突出的主題和視覺(jué)元素

在極簡(jiǎn)風(fēng)的UI當(dāng)中，設(shè)計(jì)師不會(huì)使用過(guò)多的圖片，而是選擇表現(xiàn)力較強(qiáng)，整體視覺(jué)突出的單一圖片，以引人入勝的姿態(tài)讓用戶關(guān)注到它們。 這樣的設(shè)計(jì)讓用戶直接注意到對(duì)的圖片，而不再需要在大量的信息中來(lái)做篩選，并且單一的圖片所傳達(dá)的信息和情緒也不會(huì)被干擾。圖片或者插畫(huà)將會(huì)遵循極簡(jiǎn)主義的設(shè)計(jì)風(fēng)格，否則將會(huì)破壞整體風(fēng)格的一致性。

Architecture Firm

簡(jiǎn)潔直觀的導(dǎo)航

極簡(jiǎn)主義為導(dǎo)航設(shè)計(jì)提出了苛刻的要求：設(shè)計(jì)師必須遵循極簡(jiǎn)的原則來(lái)顯示最重要的內(nèi)容，隱藏非關(guān)鍵的導(dǎo)航內(nèi)容，但是這么做還必須確保用戶能夠輕松找到所有他們想要的信息，無(wú)論關(guān)鍵與否。而這種內(nèi)在的沖突讓極簡(jiǎn)主義設(shè)計(jì)為人所詬?。喝绻麤](méi)有經(jīng)過(guò)足夠的調(diào)研和測(cè)試，漢堡菜單這類(lèi)用來(lái)隱藏導(dǎo)航和信息的解決方案，可能會(huì)讓用戶無(wú)法正確、快速地找到他們想要的內(nèi)容，甚至在網(wǎng)站中迷失，這不是積極而有效的用戶體驗(yàn)設(shè)計(jì)。

導(dǎo)航設(shè)計(jì)技巧：《還有這種操作？這10個(gè)導(dǎo)航欄設(shè)計(jì)技巧別錯(cuò)過(guò)了》

善用負(fù)空間

留白，或者說(shuō)負(fù)空間，是極簡(jiǎn)主義設(shè)計(jì)中不可分割的一項(xiàng)重要組成部分，它并不一定得是白色，和顏色無(wú)關(guān)。在極簡(jiǎn)主義設(shè)計(jì)當(dāng)中，負(fù)空間是增強(qiáng)核心元素的被關(guān)注度的有效途徑，讓整個(gè)設(shè)計(jì)更加優(yōu)雅。如果你的設(shè)計(jì)采用的是單色，或者雙色的配色方案，那么負(fù)空間在創(chuàng)造對(duì)比度和清晰度方面，起著無(wú)可替代的作用。

對(duì)抗留白恐懼癥：《告別被支配的恐懼！教你治療客戶的留白恐懼癥》

Ice Website

柵格系統(tǒng)

對(duì)于極簡(jiǎn)風(fēng)的網(wǎng)頁(yè)設(shè)計(jì)，柵格系統(tǒng)在組織內(nèi)容和布局上，作用非常的明顯，尤其當(dāng)你的網(wǎng)頁(yè)中包含了大量同質(zhì)化內(nèi)容的時(shí)候。此外，柵格系統(tǒng)還能很好地幫你搞定響應(yīng)式設(shè)計(jì)。

柵格系統(tǒng)的正確玩法：《高手的平面課堂！網(wǎng)格系統(tǒng)的入門(mén)基礎(chǔ)知識(shí)+案例演示》

The Big Landscape

對(duì)比

按照極簡(jiǎn)主義設(shè)計(jì)的理念，良好的對(duì)比度對(duì)于整個(gè)視覺(jué)設(shè)計(jì)的作用是特別明顯的，而對(duì)比主要涉及到的是色彩的對(duì)比，形狀的對(duì)比，以及位置的對(duì)比，這些都是關(guān)鍵性的對(duì)比元素。

關(guān)于對(duì)比，這篇文章值得參考：《實(shí)例教學(xué)!利用「對(duì)比原則」做出搶眼設(shè)計(jì)的20個(gè)方法》

Bjorn Website

結(jié)語(yǔ)

極簡(jiǎn)主義設(shè)計(jì)的優(yōu)勢(shì)很多，在創(chuàng)建網(wǎng)頁(yè)和UI界面上有許多效果突出的手法，但是它并非是萬(wàn)能的，換句話來(lái)說(shuō)，它的適用場(chǎng)景其實(shí)是有限制的，并非任何場(chǎng)景下都能實(shí)用。但是有一件事是肯定的，界面越簡(jiǎn)約，設(shè)計(jì)目標(biāo)和針對(duì)性就越明顯，而設(shè)計(jì)師要投入的時(shí)間和精力……也越多。

藍(lán)藍(lán)設(shè)計(jì)( m.sillybuy.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)