簡約風(fēng)格在網(wǎng)頁設(shè)計視覺呈現(xiàn)中的應(yīng)用

摘 要 隨著商業(yè)社會的繁榮，大眾生活品質(zhì)的提高，互聯(lián)網(wǎng)代表著一種嶄新的信息交流方式，同時我們開始關(guān)注“信息的品質(zhì)”。而網(wǎng)頁是網(wǎng)絡(luò)信息傳達的主要載體，網(wǎng)頁設(shè)計成為人機交互的重要對象之一。其視覺呈現(xiàn)更是直接影響最終的網(wǎng)絡(luò)傳播效果。本文通過對網(wǎng)頁版式設(shè)計的視覺流程的籌劃分析以及影響網(wǎng)頁設(shè)計頁面視覺呈現(xiàn)要素的闡述，凸顯了簡潔網(wǎng)頁設(shè)計的視覺呈現(xiàn)和藝術(shù)美感的重要性。只有輕薄簡潔美觀的視覺呈現(xiàn)才能更多的吸引消費者，對于網(wǎng)絡(luò)信息傳達來講具有重要的意義。

關(guān)鍵詞 網(wǎng)頁設(shè)計 簡約主義 視覺呈現(xiàn)

中圖分類號：TP3 文獻標識碼：A

隨著商業(yè)社會的繁榮，大眾生活品質(zhì)的提高，互聯(lián)網(wǎng)代表著一種嶄新的信息交流方式。網(wǎng)頁設(shè)計也越來越趨向人性化，設(shè)計要求圍繞人為中心展開進行設(shè)計。而網(wǎng)頁作為一種傳播信息的媒介，會受到時間、空間和適用環(huán)境的限制。但是如何讓凌亂復(fù)雜的網(wǎng)頁變得變得輕薄簡潔，在擁有它完整功能的同時又能很好的把重點模塊區(qū)分出來呢？如何更好剔除多余的顏色、背景或是部分元素，保留并梳理清楚視覺流程呢？

1網(wǎng)頁設(shè)計視覺流程籌劃

視覺流程俗指人們在觀看網(wǎng)頁時候的視覺路線走向。美國阿爾多斯·赫敘尼在《觀看的藝術(shù)》中提到：感覺+選擇+理解=觀看。觀看的第二步是從視野中選定一個特定的元素，進行下一步詳盡的理解。這是他總結(jié)給我們看清事物的方法。

視覺流程是視線在觀賞物體上移動的過程，而網(wǎng)頁設(shè)計中的視覺流動路線是相當(dāng)重要的。垂直的物體在頁面上會引導(dǎo)人們的視線做上下的運動軌跡，水平的物體在頁面則給我?guī)淼氖亲笥业囊曈X流動，三角形的物體會讓我們的視覺由角頂開始做循環(huán)的視覺流動，而圓形的物體往往會讓我們的視線呈輻射狀運動。

因此，網(wǎng)頁設(shè)計中不同的視區(qū)范圍有著不同的注目度。我們?yōu)g覽網(wǎng)頁時一般的閱讀習(xí)慣是從左至右，從上至下，因而我們會把一些重要的訊息，比如logo、通知、最新信息放在左上位置，通常我們叫這個位置為視覺中心。

2影響網(wǎng)頁頁面視覺呈現(xiàn)的要素

2.1網(wǎng)頁頁面的版面率

版面率指的是網(wǎng)頁設(shè)計中文字、圖形、圖像、顏色等的占有率，它不僅影響頁面信息傳達效率，也決定著整個網(wǎng)頁設(shè)計的視覺呈現(xiàn)效果。一般來說，版面率與視覺傳達效果以及設(shè)計創(chuàng)意成反比的。如圖（1、2）

由圖我們可以看出，宜家的版面率低，整個頁面幾乎只有其logo的存在，所容納的信息量少，但是給我們的視覺沖擊力很強烈，視覺呈現(xiàn)的形式感很強。在網(wǎng)頁設(shè)計中，極簡的網(wǎng)頁視覺呈現(xiàn)能夠把最重要的信息以最直觀的方式傳達給瀏覽者，而且也可以起到一個避免閱讀中分散注意力的作用。譬如我們的一些個人網(wǎng)站、博客等商業(yè)氣息不濃厚，大多都會以設(shè)計創(chuàng)意個性為主，版面率較低。選擇版面率比較高的設(shè)計時，講究空間的有效利用與秩序的合理劃分，而且每一版面的大小和位置關(guān)系要和諧。否則要么排版呆板，要么秩序混亂。

2.2網(wǎng)頁設(shè)計的權(quán)衡布局及簡化設(shè)計

所謂簡約主義，顧名思義就是要我們將設(shè)計元素、色彩、造型進行簡化。人們常說的“簡約不簡單”，實際上就是簡約主義。目前，簡約設(shè)計已經(jīng)被廣泛應(yīng)用到我們生活的各個領(lǐng)域，無論是室內(nèi)設(shè)計或是平面設(shè)計還是包裝設(shè)計，都在實行“簡約主義”。甚至很多品牌，譬如無印良品、宜家家居等都是采用的簡約主義風(fēng)格，無疑簡潔時尚已成為人們廣泛追求的一種風(fēng)格。正所謂“簡約不簡單”，個人也認為越是簡單的東西越大牌。

排版布局中的平衡、對齊及對比關(guān)系，對頁面視覺效果至關(guān)重要。那么對于網(wǎng)頁設(shè)計來說，要做到簡化設(shè)計的第一步就是要去除一些多余的沒有必要的東西，盡可能的丟掉他們，留下一下最為關(guān)鍵的信息，比如logo、介紹、導(dǎo)航等等。我們每天都在使用的騰訊，它的頁面設(shè)計就做到了這點。如圖（3、4）

圖3 騰訊頁面設(shè)計

圖4 騰訊頁面設(shè)計

2.3顏色給我們帶來的心理暗示

色彩是我們認識事物的第一印象，我們在瀏覽網(wǎng)頁的時候?qū)σ曈X沖擊力強的網(wǎng)頁設(shè)計留下的印象最為深刻。因此一個好的網(wǎng)頁設(shè)計必定有一個很好的頁面配色設(shè)計，它不僅能更好的傳達信息，同時還能更好的與大眾的心理需求相契合，更大的發(fā)揮網(wǎng)頁設(shè)計中帶來的視覺效果。如圖（5、6）

根據(jù)季節(jié)的變更、促銷活動的安排以及各品牌不同的文化理念，常常要做一些不同的網(wǎng)頁設(shè)計才吸引消費大眾。因為人們在長時間瀏覽網(wǎng)頁的時候很容易產(chǎn)生疲倦，在色彩的使用上，我們一般應(yīng)將色彩對比放在一些需要仔細閱讀或主要信息上，以免增加網(wǎng)頁瀏覽者的閱讀難度，引起視覺疲勞。同時，我們也不能采用一些辨識度低的顏色，盡可能把信息目標更快更好的傳達到消費者的眼中。

3結(jié)束語

在網(wǎng)頁設(shè)計過程中，我們應(yīng)繼承我國的傳統(tǒng)文化，形成獨特的設(shè)計風(fēng)格，拓展設(shè)計的視覺語言。與此同時，我們還要推陳出新，突出現(xiàn)代化，引領(lǐng)時尚潮流。以現(xiàn)代簡約主義的手法對中國的傳統(tǒng)元素和符號進行提煉和二次設(shè)計，讓網(wǎng)頁設(shè)計獲得更強的視覺認知力和藝術(shù)感力，營造一個自然、合理、順暢的視覺流程，更好的激發(fā)人們的審美情趣，引導(dǎo)人們在美的享受中接受傳達的信息，發(fā)現(xiàn)美好。

參考文獻

[1] （美）魯?shù)婪颍⒍骱Ｄ?藝術(shù)與視知覺[M].中國社會科學(xué)出版社，1984.5.

[2] 孫嬌，宗明明.網(wǎng)頁設(shè)計中視覺流程籌劃與應(yīng)用[J].美術(shù)教育研究，2011（7）.

[3] 李湘媛.淺談網(wǎng)頁設(shè)計中的色彩語言表達[J].藝術(shù)教育，2012（11）.

[4] 萬劍，丁潔瓊.論平面設(shè)計中色彩的應(yīng)用[J].職業(yè)技術(shù)，2006（20）.

[5] 張曉曉.中國傳統(tǒng)元素在現(xiàn)代設(shè)計中的簡約主義[J]，2010（5）.