網(wǎng)頁設(shè)計(jì)中的簡約主義特征

范敬超

摘 要：簡約主義在設(shè)計(jì)領(lǐng)域一直是比較經(jīng)典的風(fēng)格，這在網(wǎng)頁設(shè)計(jì)中也同樣適用。我在對(duì)112個(gè)網(wǎng)站進(jìn)行了分析之后，發(fā)現(xiàn)他們?cè)诤喖s主義的特性方面都不盡相同：平面設(shè)計(jì)、有限的配色方案、極少的UI元素、使用負(fù)空間和戲劇性的排版等，本文的寫作重點(diǎn)主要在于對(duì)簡約主義風(fēng)格特性的理解。

關(guān)鍵詞：視覺設(shè)計(jì)；網(wǎng)絡(luò)可用性

中圖分類號(hào)：TP393.092 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1005-5312（2017）24-0277-01

一個(gè)極簡主義風(fēng)格的網(wǎng)頁設(shè)計(jì)，它的設(shè)計(jì)策略一般是通過刪除一些對(duì)用戶體驗(yàn)，不必要的元素或內(nèi)容來對(duì)界面進(jìn)行簡化處理。為了將網(wǎng)頁內(nèi)容精簡至只留下最必要的內(nèi)容，設(shè)計(jì)者必須接受影響用戶接受影響用戶界面和網(wǎng)站內(nèi)容缺失等一系列后果。因此，許多視覺設(shè)計(jì)在極簡主義的特征上都是以為簡約主義核心策略服務(wù)的選擇，在大多數(shù)情況下都是采用簡約主義的。

一、、網(wǎng)站極簡主義風(fēng)格分析

網(wǎng)頁設(shè)計(jì)語言，是由人們使用它的方式來定義的。"極簡主義" 這個(gè)詞被拋出了很多年，但是卻很難對(duì)它的特性進(jìn)行精準(zhǔn)定義。一個(gè)簡約的網(wǎng)頁設(shè)計(jì)，是為了更清晰地定義在實(shí)際生活中最需要的設(shè)計(jì)，我們?cè)趯?duì)112個(gè)簡約網(wǎng)站的設(shè)計(jì)特點(diǎn)進(jìn)行分析后發(fā)現(xiàn)，這些所謂的簡約化網(wǎng)頁設(shè)計(jì)要么被相關(guān)領(lǐng)域的專家命名，要么就是簡單元素的靈感拼貼類網(wǎng)站。然而僅在設(shè)計(jì)網(wǎng)頁設(shè)計(jì)的技術(shù)上進(jìn)行提高，并不一定能夠完全滿足客戶的實(shí)際需求，我們需要的是繼續(xù)優(yōu)化網(wǎng)頁界面，追求最人性化的客戶體驗(yàn)。這項(xiàng)研究中，我們分析了一些常見的極簡風(fēng)格的設(shè)計(jì)網(wǎng)站。下面我們就來探討一下簡約主義網(wǎng)站所使用的主流風(fēng)格。

二、簡約主義中的平面圖案和紋理

1.使用狀況。通過調(diào)查顯示，高達(dá)96%的網(wǎng)頁設(shè)計(jì)中都包含著圖案和紋理的使用情況，但在過去的幾年里，網(wǎng)頁界面在設(shè)計(jì)風(fēng)格上發(fā)生了一個(gè)巨大的轉(zhuǎn)變，它不在一味追求繁雜堆砌的設(shè)計(jì)方法，而是使設(shè)計(jì)更加純粹化、物象化。網(wǎng)頁設(shè)計(jì)的使用元素效果也不再追求一些明顯的亮點(diǎn)、 陰影、 漸變或其他紋理，總體而言，網(wǎng)頁設(shè)計(jì)中的UI元素看起來變得更加光滑和立體化。

2.流行趨勢分析。一些設(shè)計(jì)師認(rèn)為，接下來平面設(shè)計(jì)的流行趨勢會(huì)變得更加簡約化，這是根據(jù)UI設(shè)計(jì)的流行趨勢所判斷的。而網(wǎng)頁設(shè)計(jì)最傳統(tǒng)的兩種趨勢是非常相容的；去除不必要的陰影、漸變和紋理，其基本的表現(xiàn)形式與簡約主義的追求目標(biāo)幾乎一致。在我們的調(diào)查中，96% 的極簡網(wǎng)站都以扁平化的設(shè)計(jì)效果為主。這兩種情況通常會(huì)對(duì)初入行的設(shè)計(jì)師進(jìn)行誤導(dǎo)，把“扁平化設(shè)計(jì)” 和 “簡約設(shè)計(jì)” 弄混淆。雖然它們的設(shè)計(jì)趨勢是相似的，但畢竟是兩個(gè)概念的設(shè)計(jì)風(fēng)格。扁平化設(shè)計(jì)通常是指界面設(shè)計(jì)中的紋理、圖標(biāo)或圖形。簡約設(shè)計(jì)適用的領(lǐng)域更加廣泛，它主要展現(xiàn)在總體的內(nèi)容、功能和策略布局上，可能包含了扁平化元素，但這并不完全是極簡主義。

三、簡約主義中的配色使用

1.極少的配色。通過調(diào)查我們注意到，在簡約主義網(wǎng)頁設(shè)計(jì)中，配色往往不會(huì)超過三種甚至只保留單色。這個(gè)范圍涵蓋約95% 的采簡約類網(wǎng)站界面。在大多數(shù)極簡界面中，顏色的使用上往往不添加任何設(shè)計(jì)元素或?qū)嶋H圖形。但在這種情況下，依然能創(chuàng)建出視覺的興趣點(diǎn)。較少的使用顏色，會(huì)更容易集中用戶的關(guān)注度。柔和的配色方案也有利于讓用戶目光回歸到設(shè)計(jì)本身。

2.突出性配色。許多極簡主義網(wǎng)站的主流設(shè)計(jì)要么是單色的，要么就只用一種大膽的顏色作為主色調(diào)，目的是為了突出最重要的設(shè)計(jì)元素，這些重要元素往往是可以單獨(dú)編輯的。調(diào)查過程中我們?cè)谟^察網(wǎng)站的色彩配置時(shí)，注意了背景顏色、徽標(biāo)、導(dǎo)航元素、圖像和版式，但并沒有將內(nèi)容視為調(diào)色板的一部分。

四、簡約主義中的負(fù)空間和戲劇性排版

1.負(fù)空間的使用。負(fù)空間的使用同樣占有很高的比重，主要表現(xiàn)為，從網(wǎng)頁中刪除或排除元素后留下的空白區(qū)域。負(fù)空間也被稱做極簡界面的”實(shí)際同義詞”和”設(shè)計(jì)主干”。許多極簡主義設(shè)計(jì)師將它作為一種引導(dǎo)用戶的注意力的設(shè)計(jì)方式。在設(shè)計(jì)中布置負(fù)空間時(shí)，一般會(huì)注意一些問題，比如添加或刪除負(fù)空間將對(duì)界面?zhèn)鞑ソY(jié)構(gòu)的層次產(chǎn)生的影響；負(fù)空間的使用會(huì)影響置頂頁面的內(nèi)容顯示等?？傊?，負(fù)空間會(huì)影響用戶的體驗(yàn)感受，怎樣更合理的利用好負(fù)空間在簡約界面設(shè)計(jì)中還有待研究。

2.排版的戲劇性。當(dāng)一個(gè)網(wǎng)頁界面元素很少時(shí)，為了避免因?yàn)榭斩@得過于單調(diào)，簡約設(shè)計(jì)師就會(huì)在排版上下些功夫，不同型號(hào)的字體使用就是一個(gè)很好的選擇。使用照片和圖形作為背景，也可以讓簡約設(shè)計(jì)更有看頭一些。但是，如果圖像來代替文本的話，會(huì)無形之中增加頁面的加載時(shí)間，使用特殊字體也可能會(huì)對(duì)網(wǎng)頁產(chǎn)生不利影響。所以說，只有當(dāng)文本在傳達(dá)有意義的信息時(shí)，它的設(shè)計(jì)樣式，才會(huì)被客戶注意到。所以，設(shè)計(jì)師一般都會(huì)在大膽排版和分散排版之間選擇一個(gè)微妙的平衡。

用戶界面中的內(nèi)容越多，用戶需要處理的內(nèi)容就越多。極簡設(shè)計(jì)師最喜歡的口頭禪是，“把它減掉，直到它斷裂”，這真的意味著，除非缺少一個(gè)元素會(huì)造成嚴(yán)重的后果，否則就把它扔掉，這就是極簡主義的想法。但是，設(shè)計(jì)師們有時(shí)也會(huì)過于追求干凈、現(xiàn)代、簡約化的界面效果，而導(dǎo)致產(chǎn)品內(nèi)容上的缺失?？傊?，在簡約型網(wǎng)頁界面的設(shè)計(jì)上，不能只是一味的追求簡約效果，而過度忽略內(nèi)容，這與設(shè)計(jì)的初衷是相悖的。我們應(yīng)該在堅(jiān)持設(shè)計(jì)初衷的基礎(chǔ)上保持一個(gè)底線。

參考文獻(xiàn)：

[1]梅云.感性設(shè)計(jì)：人機(jī)界面設(shè)計(jì)新思維[J].科技資訊，2008（09）.

[2]李彬彬.設(shè)計(jì)心理學(xué).2版[M].北京：中國輕工業(yè)出版社，2013.

[3]張曉景.網(wǎng)頁色彩搭配設(shè)計(jì)師必備寶典[M].北京：清華大學(xué)出版社，2014.endprint