簡約風格在網頁設計視覺呈現中的應用

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

關鍵詞 網頁設計 簡約主義 視覺呈現

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

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

1網頁設計視覺流程籌劃

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

視覺流程是視線在觀賞物體上移動的過程，而網頁設計中的視覺流動路線是相當重要的。垂直的物體在頁面上會引導人們的視線做上下的運動軌跡，水平的物體在頁面則給我帶來的是左右的視覺流動，三角形的物體會讓我們的視覺由角頂開始做循環的視覺流動，而圓形的物體往往會讓我們的視線呈輻射狀運動。

因此，網頁設計中不同的視區范圍有著不同的注目度。我們瀏覽網頁時一般的閱讀習慣是從左至右，從上至下，因而我們會把一些重要的訊息，比如logo、通知、最新信息放在左上位置，通常我們叫這個位置為視覺中心。

2影響網頁頁面視覺呈現的要素

2.1網頁頁面的版面率

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

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

2.2網頁設計的權衡布局及簡化設計

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

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

圖3 騰訊頁面設計

圖4 騰訊頁面設計

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

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

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

3結束語

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

參考文獻

[1] （美）魯道夫，阿恩海姆.藝術與視知覺[M].中國社會科學出版社，1984.5.

[2] 孫嬌，宗明明.網頁設計中視覺流程籌劃與應用[J].美術教育研究，2011（7）.

[3] 李湘媛.淺談網頁設計中的色彩語言表達[J].藝術教育，2012（11）.

[4] 萬劍，丁潔瓊.論平面設計中色彩的應用[J].職業技術，2006（20）.

[5] 張曉曉.中國傳統元素在現代設計中的簡約主義[J]，2010（5）.