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

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

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

中圖分類號(hào)：TP3 文獻(xiàn)標(biāo)識(shí)碼：A

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

3結(jié)束語

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

參考文獻(xiàn)

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

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

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

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

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