極簡(jiǎn)主義最早出現(xiàn)在二戰(zhàn)后的藝術(shù)運(yùn)動(dòng)中。極簡(jiǎn)主義也是現(xiàn)代網(wǎng)頁(yè)設(shè)計(jì)的主流設(shè)計(jì)技巧之一。有時(shí)被認(rèn)為是“內(nèi)容多于形式”的典型代表。

　　如果運(yùn)用得當(dāng)，極簡(jiǎn)主義可以讓設(shè)計(jì)師更加注重“簡(jiǎn)化用戶任務(wù)”。此外，它還有其他優(yōu)點(diǎn)，比如網(wǎng)頁(yè)加載速度更快，在各種不同大小的設(shè)備上兼容性更好等等。

　　極簡(jiǎn)主義所倡導(dǎo)的“簡(jiǎn)”看似簡(jiǎn)單，實(shí)則本質(zhì)是通過現(xiàn)象——。本文將向您展示一些極簡(jiǎn)主義應(yīng)該注意的設(shè)計(jì)原則和案例。

　　1.什么是極簡(jiǎn)主義網(wǎng)頁(yè)設(shè)計(jì)？

　　極簡(jiǎn)主義最初流行于21世紀(jì)初。現(xiàn)在最流行的設(shè)計(jì)趨勢(shì)(如平面設(shè)計(jì)、網(wǎng)站首圖、隱藏式全球?qū)Ш降取?都直接受到極簡(jiǎn)主義的影響。

　　Google常被稱為極簡(jiǎn)主義web界面的先驅(qū)。從90年代的beta版開始，極簡(jiǎn)主義一直是其界面設(shè)計(jì)中不變的法則。

　　雖然Google推出了各種產(chǎn)品，但在過去的15年里，它的主頁(yè)設(shè)計(jì)風(fēng)格基本保持不變。

　　Google搜索主頁(yè)設(shè)計(jì)的成功，為極簡(jiǎn)主義的流行發(fā)展奠定了基礎(chǔ)。

　　雖然關(guān)于極簡(jiǎn)主義網(wǎng)頁(yè)設(shè)計(jì)的特點(diǎn)眾說(shuō)紛紜，但總的來(lái)說(shuō)，它包括以下幾個(gè)基本公認(rèn)的方面：

　　1.只保留必要的元素

　　極簡(jiǎn)主義的核心聽起來(lái)也很簡(jiǎn)單。——是少即是多。在網(wǎng)頁(yè)設(shè)計(jì)中，為了保持簡(jiǎn)單和不減少，我們只需要在已經(jīng)建立的設(shè)計(jì)環(huán)境中保留必要的元素。

　　極簡(jiǎn)網(wǎng)頁(yè)設(shè)計(jì)的策略是保存不支持用戶任務(wù)的不必要的元素或內(nèi)容，從而簡(jiǎn)化頁(yè)面。因?yàn)槠聊簧系脑卦缴?，其他元素的關(guān)注度就越高。

　　也就是說(shuō)，如果屏幕上只有一個(gè)元素，元素背后的信息就可以成功地傳達(dá)給用戶。

　　頁(yè)面元素越少，用戶認(rèn)知負(fù)荷越輕。

　　簡(jiǎn)單來(lái)說(shuō)就是省略任何影響用戶注意力的界面元素。但同時(shí)要確保用戶所需的元素不被移除或隱藏，否則用戶的首要任務(wù)會(huì)變得更加復(fù)雜。

　　所以設(shè)計(jì)要以內(nèi)容為核心，省略大量的次要元素(比如主導(dǎo)航)，這樣用戶就不會(huì)那么迷茫了。

　　2.負(fù)空間

　　極簡(jiǎn)設(shè)計(jì)最常用的元素是什么？不使用任何元素也不奇怪。

　　負(fù)空間(也叫留白)是極簡(jiǎn)設(shè)計(jì)最重要的特征，也是讓極簡(jiǎn)設(shè)計(jì)成為最亮點(diǎn)的特征。對(duì)引導(dǎo)用戶的視覺流程也很有幫助：

　　元素周圍的空間越負(fù)，就越有可能被關(guān)注。負(fù)空間是用戶最熟悉的極簡(jiǎn)設(shè)計(jì)元素。圖片來(lái)源：布格薩

　　3.視覺特征

　　在極簡(jiǎn)設(shè)計(jì)中，每個(gè)細(xì)節(jié)都有其存在價(jià)值。所以剩下的是本質(zhì)：

　　平面設(shè)計(jì)：極簡(jiǎn)界面通常使用平面設(shè)計(jì)元素。在平面界面中，你看不到任何亮點(diǎn)、陰影、斜坡以及任何使界面更加立體的元素。

　　最低視覺層次結(jié)合平面設(shè)計(jì)——現(xiàn)代網(wǎng)頁(yè)設(shè)計(jì)“黃金搭檔”。圖片來(lái)源：F-Secure

　　生動(dòng)的畫面：在極簡(jiǎn)設(shè)計(jì)中，畫面是最具代表性的藝術(shù)形式。圖片可以連接整個(gè)世界的情緒，營(yíng)造特定的氛圍。但是，在選擇圖片時(shí)，我們必須注意到，代表極簡(jiǎn)設(shè)計(jì)的所有視覺特征都應(yīng)該呈現(xiàn)在所選的圖片中。選錯(cuò)圖片，比如有大量分散注意力元素的圖片，可能會(huì)適得其反。

　　極簡(jiǎn)設(shè)計(jì)最具代表性的藝術(shù)形式是——網(wǎng)站的第一張圖片，整個(gè)網(wǎng)頁(yè)就是一幅醒目的圖片。圖片來(lái)源：Ada點(diǎn)

　　少換色：極簡(jiǎn)設(shè)計(jì)，只使用色彩元素增加視覺感染力，不添加其他設(shè)計(jì)元素。顏色種類越少越好。所以在設(shè)計(jì)視覺層面的時(shí)候，一定要有創(chuàng)新。

　　用戶看到的視覺信息越少，色彩元素越突出，網(wǎng)站影響力越大。圖片來(lái)源：Mixd

　　醒目的版式：醒目的版式，通過更大的視覺吸引力吸引更多的注意力到文字和內(nèi)容上。最打動(dòng)用戶的極簡(jiǎn)字體排版設(shè)計(jì)，通常采用醒目的設(shè)計(jì)風(fēng)格和字體。但是，要有吸引力，有一個(gè)前提：對(duì)于用戶來(lái)說(shuō)，文本信息是有價(jià)值的。

　　使用字體布局，營(yíng)造視覺感染力，傳達(dá)信息。

　　對(duì)比：因?yàn)樵O(shè)計(jì)元素減少，所以在設(shè)計(jì)視覺層面上要有創(chuàng)新。在下面的例子中，白色背景和黑色寶石之間的對(duì)比非常鮮明。

　　大量極簡(jiǎn)設(shè)計(jì)只用一種亮色，通過單一色調(diào)突出頁(yè)面最重要的元素。圖片來(lái)源：我們不是塑料

　　二.極簡(jiǎn)網(wǎng)頁(yè)設(shè)計(jì)最佳實(shí)踐

　　極簡(jiǎn)主義聽起來(lái)好像一切都簡(jiǎn)化了，但是“站著說(shuō)話很輕松”——因?yàn)樵叵鄬?duì)較少，所以無(wú)法還原。

　　1.一屏一焦點(diǎn)

　　遵循“每頁(yè)一個(gè)概念”的原則，設(shè)計(jì)時(shí)每頁(yè)和屏幕上只出現(xiàn)一個(gè)概念，以單一視覺內(nèi)容為核心。

　　圖片來(lái)源：局主音

　　2.頁(yè)面的上半部分是預(yù)期的

　　頁(yè)面上半部分留足夠的負(fù)空間，添加優(yōu)質(zhì)元素。隨著頁(yè)面滾動(dòng)，內(nèi)容密度增加。蘋果主頁(yè)(頁(yè)面上半部)

　　3.這篇課文很簡(jiǎn)潔

　　在斯特倫克和懷特共同出版的《0x9A8B》一書中，他們提出了“節(jié)省多余文字”的思想。這也適用于極簡(jiǎn)設(shè)計(jì)——，它對(duì)頁(yè)面文字進(jìn)行了精心的編輯，只留下了必要的元素，但剩下的一定是精華，可以幫助你把信息傳達(dá)得清晰明了。

　　保存所有多余的文字，用最簡(jiǎn)單的方式與用戶互動(dòng)。圖片來(lái)源：BFF

　　4.簡(jiǎn)化但不隱藏導(dǎo)航

　　輕松導(dǎo)航始終是網(wǎng)頁(yè)設(shè)計(jì)的目標(biāo)之一。但是簡(jiǎn)單不代表直接隱藏。如果你用漢堡菜單，在用之前一定要有合理的理由，簡(jiǎn)化界面。同時(shí)，漢堡菜單也會(huì)降低導(dǎo)航的可發(fā)現(xiàn)性。在大多數(shù)情況下，總是可見的導(dǎo)航選項(xiàng)更好。

　　注意：漢堡菜單是導(dǎo)航模式之一。通常在導(dǎo)航欄的左側(cè)有一個(gè)由三個(gè)橫條(三層漢堡)組成的圖標(biāo)。這是漢堡菜單。

　　首先看看下面的導(dǎo)航：

　　主導(dǎo)航菜單僅在用戶操作下可見

　　比較下面的導(dǎo)航：

　　導(dǎo)航菜單隨時(shí)可見

　　5.添加動(dòng)態(tài)效果

　　在設(shè)計(jì)中，動(dòng)力效應(yīng)的影響越來(lái)越大。沒有動(dòng)態(tài)效果，即使是極簡(jiǎn)主義的設(shè)計(jì)也可能是“板凳上”。但是添加動(dòng)態(tài)效果還是需要遵循極簡(jiǎn)主義的設(shè)計(jì)原則：簡(jiǎn)潔，只保留必要的元素。

　　動(dòng)態(tài)效果使互動(dòng)過程更具動(dòng)態(tài)性。圖片來(lái)源：對(duì)講機(jī)

　　6.登陸頁(yè)面和投資組合頁(yè)面必須進(jìn)行最低限度的設(shè)計(jì)

　　雖然內(nèi)容驅(qū)動(dòng)的極簡(jiǎn)設(shè)計(jì)適合任何網(wǎng)站，但有時(shí)極簡(jiǎn)美學(xué)可能“無(wú)關(guān)緊要”。但是，極簡(jiǎn)設(shè)計(jì)必須適用于登陸頁(yè)面和作品集頁(yè)面。比如下面這個(gè)例子，設(shè)計(jì)目的簡(jiǎn)潔明了，內(nèi)容比較少。

　　設(shè)計(jì)師大腦丹納赫作品集頁(yè)面——很多設(shè)計(jì)師被稱為極簡(jiǎn)設(shè)計(jì)網(wǎng)站的典范。

　　將極簡(jiǎn)設(shè)計(jì)有效地應(yīng)用到更復(fù)雜的網(wǎng)站上可能并不容易。因?yàn)榫W(wǎng)站內(nèi)容復(fù)雜，少量的元素肯定是它的缺點(diǎn)。針對(duì)這種情況，我們可以用極簡(jiǎn)主義來(lái)設(shè)計(jì)一個(gè)登陸頁(yè)面，然后鏈接到一個(gè)更詳細(xì)的頁(yè)面。

　　三.資源和工具

　　1.極簡(jiǎn)調(diào)色板

　　與常見的黑白調(diào)色板相比，我們可以找到更流行的適合極簡(jiǎn)設(shè)計(jì)的調(diào)色板。

　　2.彩色對(duì)比度檢查器

　　輸入背景和前景色代碼，檢查者可以計(jì)算比較數(shù)據(jù)，從而知道哪兩種TINT最合適。

　　總結(jié)

　　通過省略不支持用戶任務(wù)的不必要的元素或內(nèi)容，極簡(jiǎn)主義網(wǎng)站在簡(jiǎn)化界面的道路上變得越來(lái)越穩(wěn)定。為什么這樣的網(wǎng)站這么勵(lì)志？答案顯而易見：它的設(shè)計(jì)兼顧了“簡(jiǎn)單性”和“可用性”。一個(gè)可以輕松導(dǎo)航的“輕載”網(wǎng)頁(yè)仍然可以傳達(dá)信息，而且不比其他網(wǎng)頁(yè)差。為什么又淺又深的紅色？是一等花。簡(jiǎn)單點(diǎn)，你活該。