優(yōu)雅與可用性的平衡：網(wǎng)頁設(shè)計(jì)中的極簡主義

在網(wǎng)頁設(shè)計(jì)當(dāng)中，極簡主義是最為持久的一種視覺框架設(shè)計(jì)理念，不僅僅是因?yàn)樗兄灰驗(yàn)闀r(shí)間而改變的優(yōu)雅，還因?yàn)闃O簡主義風(fēng)格的網(wǎng)頁能夠更加清晰地突出內(nèi)容。時(shí)尚潮流經(jīng)歷了一個(gè)又一個(gè)輪回，但是對(duì)于所有領(lǐng)域與行業(yè)的設(shè)計(jì)師來說，利用設(shè)計(jì)技巧創(chuàng)造優(yōu)雅風(fēng)格以及可持續(xù)的視覺哲學(xué)一直是他們所追求的。

   內(nèi)蒙古網(wǎng)站制作，內(nèi)蒙古網(wǎng)站設(shè)計(jì)，內(nèi)蒙古網(wǎng)站建設(shè)，呼和浩特網(wǎng)站建設(shè)，呼和浩特網(wǎng)站制作、呼和浩特網(wǎng)站設(shè)計(jì)首選內(nèi)蒙古呼和浩特先誠網(wǎng)絡(luò)科技公司。先誠官網(wǎng)：http://www.schuylerstatebank.com/

作為一種藝術(shù)風(fēng)格，極簡主義并不專屬于網(wǎng)頁設(shè)計(jì)這一個(gè)門類。設(shè)計(jì)當(dāng)中的極簡主義運(yùn)動(dòng)能夠被追溯到 20 世紀(jì)早期的平面設(shè)計(jì)師 Lucian Bernhard，他是簡約設(shè)計(jì)風(fēng)格的先鋒。從那時(shí)候起，極簡主義的設(shè)計(jì)風(fēng)格就一直延續(xù)下來，并且歷久彌新。

每一個(gè)時(shí)代中的設(shè)計(jì)師都能夠發(fā)現(xiàn)自己可以通過極簡主義的設(shè)計(jì)風(fēng)格去與時(shí)尚潮流相連，其中就包括了如今正在盛行的極簡主義設(shè)計(jì)潮流。在本文中我們將一同回顧極簡主義的設(shè)計(jì)原則，帶領(lǐng)網(wǎng)頁設(shè)計(jì)師去探索極簡主義的魅力，并進(jìn)一步解釋為什么極簡主義還將發(fā)展成熟下去。

少即是多：極簡主義簡史與解構(gòu)

Less is More（少即是多）這三個(gè)單詞是對(duì)于極簡主義最為精簡的定義。在網(wǎng)頁設(shè)計(jì)當(dāng)中，極簡主義的精髓就是無需使用很多花俏的視覺元素即可創(chuàng)造令人印象深刻的頁面。極簡主義的設(shè)計(jì)并不意味著內(nèi)容空洞貧乏，雖然它并不會(huì)使用大量的設(shè)計(jì)素材。

極簡主義起源于 20 世紀(jì)初，而它真正開始出現(xiàn)在設(shè)計(jì)前沿則是在上世紀(jì) 40 年代到 50 年代，以瑞士設(shè)計(jì)風(fēng)格為代表。如下圖所示，極簡主義設(shè)計(jì)相當(dāng)克制，運(yùn)用了大膽的配色，清爽無襯線的字體以及生動(dòng)的圖片。如果你進(jìn)一步觀察這些設(shè)計(jì)的細(xì)節(jié)，你會(huì)注意到在設(shè)計(jì)當(dāng)中的布局與對(duì)齊都強(qiáng)烈地依托于一種網(wǎng)格形式（這種形式如今仍然運(yùn)用于絕大多數(shù)的極簡主義網(wǎng)頁設(shè)計(jì)當(dāng)中）。

如同圖片設(shè)計(jì)中的極簡主義一樣，網(wǎng)頁設(shè)計(jì)當(dāng)中的極簡主義也是通過做減法來塑造最為純粹的形式，完美的極簡主義設(shè)計(jì)并不是說沒有什么可以再添加進(jìn)去，而是它已經(jīng)簡約到極致，沒有一處是多余。盡管當(dāng)前的極簡主義網(wǎng)頁設(shè)計(jì)通常圍繞著負(fù)空間和黑色字體展開，但是這種風(fēng)格的自身宗旨就是想方設(shè)法實(shí)現(xiàn)極簡主義精髓，這才是它的核心意義。

極簡主義的網(wǎng)頁設(shè)計(jì)立足于最為基本的設(shè)計(jì)元素，運(yùn)用這些設(shè)計(jì)技巧旨在突出網(wǎng)頁內(nèi)容本身：

負(fù)空間——也就是我們通常所說的留白，在網(wǎng)頁設(shè)計(jì)中其表現(xiàn)形式就是對(duì)于頁面空間不加處理。通常在極簡主義的設(shè)計(jì)當(dāng)中，你會(huì)看到這些未被使用的網(wǎng)頁空間里被填充了明快的顏色（或者也可以僅僅是黑白灰這些顏色）。

高清照片——因?yàn)樵诰W(wǎng)頁中裝飾性元素較少，這更有利于用戶欣賞高清攝影圖片當(dāng)中驚人的細(xì)節(jié)。在極簡主義設(shè)計(jì)風(fēng)格的網(wǎng)頁中，你經(jīng)常會(huì)發(fā)現(xiàn)高清照片與白色邊框按鍵以及黑體字組合使用。

戲劇夸張的字體——無論是頁面文章的標(biāo)題，還是更為直接的使用無襯線字體的主體內(nèi)容，在向來克制的極簡主義設(shè)計(jì)當(dāng)中，唯有字體是可以允許花俏夸張的。如果你對(duì)于這些花俏的字體感到好奇，不妨來看一看這 20 種優(yōu)秀的花式字體設(shè)計(jì)。

鮮明的對(duì)比——將兩個(gè)看上去并不協(xié)調(diào)的設(shè)計(jì)元素組合在一起往往能創(chuàng)造出鮮明的對(duì)比。比如說，將加粗的白色 72 號(hào)字放在深色背景圖上，或者是在淺綠色的單色背景之上放置白色文本。

簡單的導(dǎo)航——最為復(fù)雜的導(dǎo)航設(shè)計(jì)莫過于下拉式菜單，更為普遍的做法是頁面頂端設(shè)置導(dǎo)航欄，或者是漢堡包菜單都比下拉式菜單要更好一些。

視覺平衡——視覺平衡可以通過清晰的視覺層次以及對(duì)齊與定位相一致來創(chuàng)造，還可以在其中有技巧地使用一些對(duì)稱與不對(duì)稱。

這么看下來，你可能會(huì)認(rèn)為極簡主義很簡單，畢竟少用一些設(shè)計(jì)元素就等于少做一些工作嘛。然而事情并不是這樣的，事實(shí)上，極簡主義運(yùn)用起來相當(dāng)困難：正因?yàn)槟銉H能使用有限的元素，所以這些元素想要達(dá)到最好效果就需要精心的處理。打著極簡主義的名號(hào)在設(shè)計(jì)當(dāng)中什么元素都不使用當(dāng)然不難，不過想要正確地掌握極簡主義設(shè)計(jì)風(fēng)格卻沒那么簡單。

極簡主義設(shè)計(jì)并不代表內(nèi)容空空，這種風(fēng)格的實(shí)現(xiàn)需要設(shè)計(jì)師有意為之。這是一種化繁為簡的方法，將網(wǎng)頁中所有不必要的元素去除，只留下最為需要的那些。大部分極簡主義的網(wǎng)頁設(shè)計(jì)中都不會(huì)運(yùn)用太多的顏色、紋理、形狀或是裝飾。

極簡主義在網(wǎng)頁設(shè)計(jì)中之所以能發(fā)揮作用，正是因?yàn)樗隽嗽O(shè)計(jì)方面改做的事——突出內(nèi)容。

極簡主義的魅力

極簡主義的盛行是由于設(shè)計(jì)師的動(dòng)態(tài)選擇，不斷增強(qiáng)了其表現(xiàn)效果。向所有持續(xù)至今的設(shè)計(jì)理念一樣，隨著時(shí)間推移，極簡主義也經(jīng)歷了多重的演化過程，并且糅合了多樣化的設(shè)計(jì)語言與設(shè)計(jì)技巧。

極簡主義使用一種有效的方式達(dá)到了很多復(fù)雜的設(shè)計(jì)風(fēng)格實(shí)現(xiàn)的設(shè)計(jì)目的。這也就解釋了為什么極簡主義隨著時(shí)間的發(fā)展歷久彌新，在反反復(fù)復(fù)的潮流變化之中保持了不變的地位。網(wǎng)頁設(shè)計(jì)之中采用極簡主義風(fēng)格有諸多優(yōu)點(diǎn)，下面就列出最為流行的一些原因：

它很自然地符合響應(yīng)式設(shè)計(jì)框架

它縮短了瀏覽器處理信息的過程，提高了網(wǎng)頁加載速度，能夠讓頁面更好地呈現(xiàn)

它完全符合內(nèi)容驅(qū)動(dòng)的設(shè)計(jì)理念

除了網(wǎng)頁設(shè)計(jì)，它還廣泛適用于多個(gè)領(lǐng)域，如建筑設(shè)計(jì)、室內(nèi)設(shè)計(jì)和藝術(shù)創(chuàng)作

在極簡主義網(wǎng)頁設(shè)計(jì)中，一個(gè)最為常用的方法就是極力減少設(shè)計(jì)元素，直到不能再少為止。從這一點(diǎn)出發(fā)，你最少要找到 5 個(gè)用戶來測試網(wǎng)頁，接下來再根據(jù)需要調(diào)整設(shè)計(jì)元素與交互式組件的優(yōu)先級(jí)。完整地進(jìn)行一遍這個(gè)流程（我們建議在網(wǎng)頁每一次大的更新迭代時(shí)都進(jìn)行一次），你就能讓自己的網(wǎng)頁設(shè)計(jì)在優(yōu)雅與實(shí)用性中得到平衡。

網(wǎng)頁設(shè)計(jì)中的極簡主義未來出路如何？

雖然現(xiàn)在看來在設(shè)計(jì)領(lǐng)域中極簡主義依然風(fēng)頭正勁，然而不要忽略了技術(shù)的發(fā)展趨勢(shì)。

在平面設(shè)計(jì)中極簡主義風(fēng)格已經(jīng)經(jīng)歷過起伏，很有可能極簡主義的網(wǎng)頁設(shè)計(jì)在接下來的歲月里也會(huì)面臨起伏。任何一種流行的設(shè)計(jì)技巧在經(jīng)歷了最初的人氣激增之后都可能緊接著就是慢慢消沉，而與其完全相反的一種設(shè)計(jì)技巧會(huì)卷土重來，這些設(shè)計(jì)技術(shù)就是這樣經(jīng)歷一個(gè)又一個(gè)輪回。

在最后，極簡主義將繼續(xù)保持其受歡迎的地位，但是也有可能它已經(jīng)演化為另一種并不那么強(qiáng)調(diào)極簡的設(shè)計(jì)風(fēng)格。正如我們看到扁平化設(shè)計(jì)變得并不那么扁平，在極簡主義設(shè)計(jì)中也會(huì)出現(xiàn)更多的設(shè)計(jì)元素，UI 設(shè)計(jì)師將更多地在極簡主義設(shè)計(jì)中嘗試紋理、顏色與渲染效果，提高可用性，網(wǎng)頁整體效果也不會(huì)再那么強(qiáng)求對(duì)稱性。

下面就讓我們來探索哪些設(shè)計(jì)元素會(huì)在極簡主義風(fēng)格中得以演變：

1、最小化紋理

設(shè)計(jì)師的選擇將拓寬，從使用鮮明的背景風(fēng)格到加入一些更加寡淡或者是不被人注意的紋理，這也是極簡主義另一種形式的美學(xué)表現(xiàn)。這種手法雖然脫離了純粹的極簡主義范疇，但是它的仍然根植于簡約理念之中，只不過是加入了更多的視覺變化。

2、制造色彩反差

雖然在極簡主義的網(wǎng)頁設(shè)計(jì)中使用純白背景一直是主導(dǎo)設(shè)計(jì)（也是出于負(fù)空間的使用），設(shè)計(jì)師也會(huì)在這個(gè)基礎(chǔ)之上持續(xù)探索突破，使用更多的色彩，在深色背景上使用淺色文字，或者是在單色配色方案中使用同一色調(diào)的多樣化陰影效果。

3、更多的交互設(shè)計(jì)

極簡主義通常都被定義為缺乏互動(dòng)效果。在極簡風(fēng)格中網(wǎng)頁中添加簡單的動(dòng)畫將越來越流行，因?yàn)樵O(shè)計(jì)師們已經(jīng)開始意識(shí)到極簡主義也并不意味著完全靜態(tài)。

4、打破對(duì)稱性

如今的極簡主義網(wǎng)頁設(shè)計(jì)都是要求對(duì)稱性的，但是這并不是一成不變的法則。雖然保持視覺的平衡感很重要，但是對(duì)稱性并非不能放棄。

5、提升網(wǎng)頁可用性

具有諷刺意味的是，極簡風(fēng)格的網(wǎng)站從理論上來說應(yīng)該是更加好用的，因?yàn)樗膬?nèi)容清晰，屏幕上的干擾項(xiàng)也更少。然而，在實(shí)際中你運(yùn)用極簡主義設(shè)計(jì)風(fēng)格很容易遭遇的問題就是它太過于簡約，卻并沒有什么用。

比如說，你為了最求極簡主義而使用了一個(gè)純圖標(biāo)式的網(wǎng)站導(dǎo)航系統(tǒng)，如果這些圖標(biāo)的指向并不明確，那么就會(huì)讓使用者相當(dāng)困擾。或者是設(shè)計(jì)師秉持著極簡主義的理念，只允許用戶以線性方式探索網(wǎng)站，限制了用戶選擇最為有效路徑的自由。

回歸到功能美學(xué)上，我們發(fā)現(xiàn)有不少設(shè)計(jì)師在極簡風(fēng)格的網(wǎng)站中嵌入了傳統(tǒng)的交互式元素，如可點(diǎn)擊的視覺元素、滾動(dòng)式設(shè)計(jì)以及加入了更多的按鍵。

結(jié)論

極簡主義在網(wǎng)頁設(shè)計(jì)中并不僅僅意味著留白與盡可能少的使用設(shè)計(jì)元素。極簡主義設(shè)計(jì)理念的中心思想是突出內(nèi)容。減少設(shè)計(jì)元素的使用，或是在網(wǎng)頁中安排大量留白都只是一種為了到達(dá)最終目的的手段——將干擾降至最低，以便用戶能夠?qū)Ｗ⒂谥匾膬?nèi)容之上。

永遠(yuǎn)不要誤解了極簡主義的內(nèi)涵而去為了簡約而簡約，這很有可能會(huì)讓你在設(shè)計(jì)當(dāng)中刪減掉那些有著不可替代的功能的元素。這種做法并非是你以為的那樣像雕刻一般從原料中削減掉不必要的部分，而是以犧牲網(wǎng)頁可用性為代價(jià)。

注：本文均來自百度搜索，如涉及版權(quán)問題，請(qǐng)聯(lián)系我們，我們會(huì)第一時(shí)間解決。