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

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

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

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

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

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

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

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

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

• 負(fù)空間——也就是我們通常所說(shuō)的留白，在網(wǎng)頁(yè)設(shè)計(jì)中其表現(xiàn)形式就是對(duì)于頁(yè)面空間不加處理。通常在極簡(jiǎn)主義的設(shè)計(jì)當(dāng)中，你會(huì)看到這些未被使用的網(wǎng)頁(yè)空間里被填充了明快的顏色（或者也可以僅僅是黑白灰這些顏色）。
• 高清照片——因?yàn)樵诰W(wǎng)頁(yè)中裝飾性元素較少，這更有利于用戶欣賞高清攝影圖片當(dāng)中驚人的細(xì)節(jié)。在極簡(jiǎn)主義設(shè)計(jì)風(fēng)格的網(wǎng)頁(yè)中，你經(jīng)常會(huì)發(fā)現(xiàn)高清照片與白色邊框按鍵以及黑體字組合使用。
• 戲劇夸張的字體——無(wú)論是頁(yè)面文章的標(biāo)題，還是更為直接的使用無(wú)襯線字體的主體內(nèi)容，在向來(lái)克制的極簡(jiǎn)主義設(shè)計(jì)當(dāng)中，唯有字體是可以允許花俏夸張的。
• 鮮明的對(duì)比——將兩個(gè)看上去并不協(xié)調(diào)的設(shè)計(jì)元素組合在一起往往能創(chuàng)造出鮮明的對(duì)比。比如說(shuō)，將加粗的白色 72 號(hào)字放在深色背景圖上，或者是在淺綠色的單色背景之上放置白色文本。
• 簡(jiǎn)單的導(dǎo)航——最為復(fù)雜的導(dǎo)航設(shè)計(jì)莫過(guò)于下拉式菜單，更為普遍的做法是頁(yè)面頂端設(shè)置導(dǎo)航欄，或者是漢堡包菜單都比下拉式菜單要更好一些。
• 視覺(jué)平衡——視覺(jué)平衡可以通過(guò)清晰的視覺(jué)層次以及對(duì)齊與定位相一致來(lái)創(chuàng)造，還可以在其中有技巧地使用一些對(duì)稱與不對(duì)稱。

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

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

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

極簡(jiǎn)主義的魅力

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

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

1. 它很自然地符合響應(yīng)式設(shè)計(jì)框架
2. 它縮短了瀏覽器處理信息的過(guò)程，提高了網(wǎng)頁(yè)加載速度，能夠讓頁(yè)面更好地呈現(xiàn)
3. 它完全符合內(nèi)容驅(qū)動(dòng)的設(shè)計(jì)理念
4. 除了網(wǎng)頁(yè)設(shè)計(jì)，它還廣泛適用于多個(gè)領(lǐng)域，如建筑設(shè)計(jì)、室內(nèi)設(shè)計(jì)和藝術(shù)創(chuàng)作

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

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

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

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

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

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

最小化紋理

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

制造色彩反差

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

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

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

打破對(duì)稱性

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

提升網(wǎng)頁(yè)可用性

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

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

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

結(jié)論

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

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

文章名稱：優(yōu)雅與可用性的平衡:網(wǎng)頁(yè)設(shè)計(jì)中的極簡(jiǎn)主義
文章起源：http://www.muchs.cn/news43/168293.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供靜態(tài)網(wǎng)站、網(wǎng)站改版、網(wǎng)頁(yè)設(shè)計(jì)公司、App設(shè)計(jì)、手機(jī)網(wǎng)站建設(shè)、網(wǎng)站營(yíng)銷

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)