夏慧中

摘要：

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

關(guān)鍵詞：

網(wǎng)頁(yè)設(shè)計(jì)；簡(jiǎn)約主義；視覺(jué)呈現(xiàn)

中圖分類號(hào)：

F49

文獻(xiàn)標(biāo)識(shí)碼：A

文章編號(hào)：1672-3198（2014）01-0173-02

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

首先，什么是視覺(jué)流程？通俗的講，就是人們?cè)谟^看網(wǎng)頁(yè)時(shí)候的視覺(jué)路線走向。我們?cè)跒g覽網(wǎng)頁(yè)是時(shí)候通常是從第一感覺(jué)印象到具體信息傳達(dá)，最后產(chǎn)生整體感官印象的過(guò)程。美國(guó)阿爾多斯.赫敘尼在《觀看的藝術(shù)》中提到：感覺(jué)+選擇+理解=觀看。觀看的第二步是從視野中選定一個(gè)特定的元素，進(jìn)行下一步詳盡的理解。這是他總結(jié)給我們看清事物的方法。

視覺(jué)流程是視線在觀賞物體上移動(dòng)的過(guò)程，而網(wǎng)頁(yè)設(shè)計(jì)中的視覺(jué)流動(dòng)路線是相當(dāng)重要的，是設(shè)計(jì)師們不可忽視的關(guān)鍵因素之一。垂直的物體在頁(yè)面上會(huì)引導(dǎo)人們的視線做上下的運(yùn)動(dòng)軌跡，水平的物體在頁(yè)面則給我?guī)?lái)的是左右的視覺(jué)流動(dòng)，三角形的物體會(huì)讓我們的視覺(jué)由角頂開(kāi)始做循環(huán)的視覺(jué)流動(dòng)，而圓形的物體往往會(huì)讓我們的視線呈輻射狀運(yùn)動(dòng)。

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

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

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

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

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

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

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

排版布局中的平衡、對(duì)齊及對(duì)比關(guān)系，對(duì)頁(yè)面視覺(jué)效果至關(guān)重要。然而畫(huà)面效果頭重腳輕，或者左右失衡，則會(huì)讓瀏覽者感覺(jué)到不適，心理上會(huì)造成一種束縛感和壓迫感，從而影響到閱讀者瀏覽信息的流暢性。

那么對(duì)于網(wǎng)頁(yè)設(shè)計(jì)來(lái)說(shuō)，要做到簡(jiǎn)化設(shè)計(jì)的第一步就是要去除一些多余的沒(méi)有必要的東西，盡可能的丟掉他們，留下一下最為關(guān)鍵的信息，比如logo、介紹、導(dǎo)航等等。我們每天都在使用的騰訊，它的頁(yè)面設(shè)計(jì)就做到了這點(diǎn)，如圖3、圖4所示。

2.3 顏色給我們帶來(lái)的心理暗示

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

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

不同的網(wǎng)站類型都有著自身的色彩語(yǔ)意相關(guān)性，譬如兒童用品的網(wǎng)頁(yè)設(shè)計(jì)則多使用一些明亮醒目的純色，而一些高科技產(chǎn)業(yè)等互聯(lián)網(wǎng)行業(yè)的網(wǎng)頁(yè)設(shè)計(jì)一般采用藍(lán)色為主。我們平時(shí)網(wǎng)上訂餐的KFC、必勝客等頁(yè)面一般都是采用的企業(yè)文化的標(biāo)識(shí)顏色，以紅色橘色為主，這樣的暖色系更能勾起人們食欲。白色，因其明度最高，無(wú)色相，明亮干凈、暢快、樸素，永恒無(wú)暇，在自然界象征著極致的純凈與貞潔。可以給人很好的輕快速度感，運(yùn)用得當(dāng)可以讓其它任何淺顏色及亮顏色呈現(xiàn)出其深度、明度和飽和度的不同，通過(guò)對(duì)比讓其亮色更加明快、專注和舒適。整潔、大空白的同時(shí)讓用戶保持歡快的情感進(jìn)行瀏覽。如圖7、圖8所示。

2.4 空白不等于蒼白

中國(guó)的傳統(tǒng)美學(xué)所提倡“空白”，不是單純的抽象、虛無(wú)，而是一種主觀的感性的理性的感悟。頁(yè)面變得蒼白？是不是整版的文字缺少圖片的點(diǎn)綴？其實(shí)適當(dāng)?shù)狞c(diǎn)綴是必不可少的。在適當(dāng)保留重要的留白空間的同時(shí)，為配上一張與文字相契合美圖吧，起到畫(huà)龍點(diǎn)睛的作用?；蛘呤墙o段落文字總結(jié)旁邊添加一個(gè)小圖標(biāo)，示意其文字內(nèi)涵。雖然使用空白多多益善，但也要盡可能的保證有對(duì)比感。設(shè)計(jì)師應(yīng)使用最小的視覺(jué)變化來(lái)表達(dá)想法。事實(shí)上這就是意味著元素之間要有主次感，如圖9所示。

其實(shí)透氣的留白并不等于無(wú)力的蒼白，讓有趣并富有創(chuàng)意的大膽設(shè)計(jì)去刺激閱讀者的視覺(jué)神經(jīng)吧！讓我們的網(wǎng)頁(yè)設(shè)計(jì)變得更有趣味性，更有思想，更簡(jiǎn)約，但不簡(jiǎn)單。

3 結(jié)束語(yǔ)

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

參考文獻(xiàn)

[1]（美）魯?shù)婪颉ぐ⒍骱Ｄ?藝術(shù)與視知覺(jué)[M].北京：中國(guó)社會(huì)科學(xué)出版社，1984，（5）.

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

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

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

摘要：

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

關(guān)鍵詞：

網(wǎng)頁(yè)設(shè)計(jì)；簡(jiǎn)約主義；視覺(jué)呈現(xiàn)

中圖分類號(hào)：

F49

文獻(xiàn)標(biāo)識(shí)碼：A

文章編號(hào)：1672-3198（2014）01-0173-02

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

首先，什么是視覺(jué)流程？通俗的講，就是人們?cè)谟^看網(wǎng)頁(yè)時(shí)候的視覺(jué)路線走向。我們?cè)跒g覽網(wǎng)頁(yè)是時(shí)候通常是從第一感覺(jué)印象到具體信息傳達(dá)，最后產(chǎn)生整體感官印象的過(guò)程。美國(guó)阿爾多斯.赫敘尼在《觀看的藝術(shù)》中提到：感覺(jué)+選擇+理解=觀看。觀看的第二步是從視野中選定一個(gè)特定的元素，進(jìn)行下一步詳盡的理解。這是他總結(jié)給我們看清事物的方法。

視覺(jué)流程是視線在觀賞物體上移動(dòng)的過(guò)程，而網(wǎng)頁(yè)設(shè)計(jì)中的視覺(jué)流動(dòng)路線是相當(dāng)重要的，是設(shè)計(jì)師們不可忽視的關(guān)鍵因素之一。垂直的物體在頁(yè)面上會(huì)引導(dǎo)人們的視線做上下的運(yùn)動(dòng)軌跡，水平的物體在頁(yè)面則給我?guī)?lái)的是左右的視覺(jué)流動(dòng)，三角形的物體會(huì)讓我們的視覺(jué)由角頂開(kāi)始做循環(huán)的視覺(jué)流動(dòng)，而圓形的物體往往會(huì)讓我們的視線呈輻射狀運(yùn)動(dòng)。

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

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

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

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

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

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

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

排版布局中的平衡、對(duì)齊及對(duì)比關(guān)系，對(duì)頁(yè)面視覺(jué)效果至關(guān)重要。然而畫(huà)面效果頭重腳輕，或者左右失衡，則會(huì)讓瀏覽者感覺(jué)到不適，心理上會(huì)造成一種束縛感和壓迫感，從而影響到閱讀者瀏覽信息的流暢性。

那么對(duì)于網(wǎng)頁(yè)設(shè)計(jì)來(lái)說(shuō)，要做到簡(jiǎn)化設(shè)計(jì)的第一步就是要去除一些多余的沒(méi)有必要的東西，盡可能的丟掉他們，留下一下最為關(guān)鍵的信息，比如logo、介紹、導(dǎo)航等等。我們每天都在使用的騰訊，它的頁(yè)面設(shè)計(jì)就做到了這點(diǎn)，如圖3、圖4所示。

2.3 顏色給我們帶來(lái)的心理暗示

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

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

不同的網(wǎng)站類型都有著自身的色彩語(yǔ)意相關(guān)性，譬如兒童用品的網(wǎng)頁(yè)設(shè)計(jì)則多使用一些明亮醒目的純色，而一些高科技產(chǎn)業(yè)等互聯(lián)網(wǎng)行業(yè)的網(wǎng)頁(yè)設(shè)計(jì)一般采用藍(lán)色為主。我們平時(shí)網(wǎng)上訂餐的KFC、必勝客等頁(yè)面一般都是采用的企業(yè)文化的標(biāo)識(shí)顏色，以紅色橘色為主，這樣的暖色系更能勾起人們食欲。白色，因其明度最高，無(wú)色相，明亮干凈、暢快、樸素，永恒無(wú)暇，在自然界象征著極致的純凈與貞潔?？梢越o人很好的輕快速度感，運(yùn)用得當(dāng)可以讓其它任何淺顏色及亮顏色呈現(xiàn)出其深度、明度和飽和度的不同，通過(guò)對(duì)比讓其亮色更加明快、專注和舒適。整潔、大空白的同時(shí)讓用戶保持歡快的情感進(jìn)行瀏覽。如圖7、圖8所示。

2.4 空白不等于蒼白

中國(guó)的傳統(tǒng)美學(xué)所提倡“空白”，不是單純的抽象、虛無(wú)，而是一種主觀的感性的理性的感悟。頁(yè)面變得蒼白？是不是整版的文字缺少圖片的點(diǎn)綴？其實(shí)適當(dāng)?shù)狞c(diǎn)綴是必不可少的。在適當(dāng)保留重要的留白空間的同時(shí)，為配上一張與文字相契合美圖吧，起到畫(huà)龍點(diǎn)睛的作用。或者是給段落文字總結(jié)旁邊添加一個(gè)小圖標(biāo)，示意其文字內(nèi)涵。雖然使用空白多多益善，但也要盡可能的保證有對(duì)比感。設(shè)計(jì)師應(yīng)使用最小的視覺(jué)變化來(lái)表達(dá)想法。事實(shí)上這就是意味著元素之間要有主次感，如圖9所示。

其實(shí)透氣的留白并不等于無(wú)力的蒼白，讓有趣并富有創(chuàng)意的大膽設(shè)計(jì)去刺激閱讀者的視覺(jué)神經(jīng)吧！讓我們的網(wǎng)頁(yè)設(shè)計(jì)變得更有趣味性，更有思想，更簡(jiǎn)約，但不簡(jiǎn)單。

3 結(jié)束語(yǔ)

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

參考文獻(xiàn)

[1]（美）魯?shù)婪颉ぐ⒍骱Ｄ?藝術(shù)與視知覺(jué)[M].北京：中國(guó)社會(huì)科學(xué)出版社，1984，（5）.

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

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

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

摘要：

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

關(guān)鍵詞：

網(wǎng)頁(yè)設(shè)計(jì)；簡(jiǎn)約主義；視覺(jué)呈現(xiàn)

中圖分類號(hào)：

F49

文獻(xiàn)標(biāo)識(shí)碼：A

文章編號(hào)：1672-3198（2014）01-0173-02

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

首先，什么是視覺(jué)流程？通俗的講，就是人們?cè)谟^看網(wǎng)頁(yè)時(shí)候的視覺(jué)路線走向。我們?cè)跒g覽網(wǎng)頁(yè)是時(shí)候通常是從第一感覺(jué)印象到具體信息傳達(dá)，最后產(chǎn)生整體感官印象的過(guò)程。美國(guó)阿爾多斯.赫敘尼在《觀看的藝術(shù)》中提到：感覺(jué)+選擇+理解=觀看。觀看的第二步是從視野中選定一個(gè)特定的元素，進(jìn)行下一步詳盡的理解。這是他總結(jié)給我們看清事物的方法。

視覺(jué)流程是視線在觀賞物體上移動(dòng)的過(guò)程，而網(wǎng)頁(yè)設(shè)計(jì)中的視覺(jué)流動(dòng)路線是相當(dāng)重要的，是設(shè)計(jì)師們不可忽視的關(guān)鍵因素之一。垂直的物體在頁(yè)面上會(huì)引導(dǎo)人們的視線做上下的運(yùn)動(dòng)軌跡，水平的物體在頁(yè)面則給我?guī)?lái)的是左右的視覺(jué)流動(dòng)，三角形的物體會(huì)讓我們的視覺(jué)由角頂開(kāi)始做循環(huán)的視覺(jué)流動(dòng)，而圓形的物體往往會(huì)讓我們的視線呈輻射狀運(yùn)動(dòng)。

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

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

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

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

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

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

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

排版布局中的平衡、對(duì)齊及對(duì)比關(guān)系，對(duì)頁(yè)面視覺(jué)效果至關(guān)重要。然而畫(huà)面效果頭重腳輕，或者左右失衡，則會(huì)讓瀏覽者感覺(jué)到不適，心理上會(huì)造成一種束縛感和壓迫感，從而影響到閱讀者瀏覽信息的流暢性。

那么對(duì)于網(wǎng)頁(yè)設(shè)計(jì)來(lái)說(shuō)，要做到簡(jiǎn)化設(shè)計(jì)的第一步就是要去除一些多余的沒(méi)有必要的東西，盡可能的丟掉他們，留下一下最為關(guān)鍵的信息，比如logo、介紹、導(dǎo)航等等。我們每天都在使用的騰訊，它的頁(yè)面設(shè)計(jì)就做到了這點(diǎn)，如圖3、圖4所示。

2.3 顏色給我們帶來(lái)的心理暗示

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

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

不同的網(wǎng)站類型都有著自身的色彩語(yǔ)意相關(guān)性，譬如兒童用品的網(wǎng)頁(yè)設(shè)計(jì)則多使用一些明亮醒目的純色，而一些高科技產(chǎn)業(yè)等互聯(lián)網(wǎng)行業(yè)的網(wǎng)頁(yè)設(shè)計(jì)一般采用藍(lán)色為主。我們平時(shí)網(wǎng)上訂餐的KFC、必勝客等頁(yè)面一般都是采用的企業(yè)文化的標(biāo)識(shí)顏色，以紅色橘色為主，這樣的暖色系更能勾起人們食欲。白色，因其明度最高，無(wú)色相，明亮干凈、暢快、樸素，永恒無(wú)暇，在自然界象征著極致的純凈與貞潔?？梢越o人很好的輕快速度感，運(yùn)用得當(dāng)可以讓其它任何淺顏色及亮顏色呈現(xiàn)出其深度、明度和飽和度的不同，通過(guò)對(duì)比讓其亮色更加明快、專注和舒適。整潔、大空白的同時(shí)讓用戶保持歡快的情感進(jìn)行瀏覽。如圖7、圖8所示。

2.4 空白不等于蒼白

中國(guó)的傳統(tǒng)美學(xué)所提倡“空白”，不是單純的抽象、虛無(wú)，而是一種主觀的感性的理性的感悟。頁(yè)面變得蒼白？是不是整版的文字缺少圖片的點(diǎn)綴？其實(shí)適當(dāng)?shù)狞c(diǎn)綴是必不可少的。在適當(dāng)保留重要的留白空間的同時(shí)，為配上一張與文字相契合美圖吧，起到畫(huà)龍點(diǎn)睛的作用?；蛘呤墙o段落文字總結(jié)旁邊添加一個(gè)小圖標(biāo)，示意其文字內(nèi)涵。雖然使用空白多多益善，但也要盡可能的保證有對(duì)比感。設(shè)計(jì)師應(yīng)使用最小的視覺(jué)變化來(lái)表達(dá)想法。事實(shí)上這就是意味著元素之間要有主次感，如圖9所示。

其實(shí)透氣的留白并不等于無(wú)力的蒼白，讓有趣并富有創(chuàng)意的大膽設(shè)計(jì)去刺激閱讀者的視覺(jué)神經(jīng)吧！讓我們的網(wǎng)頁(yè)設(shè)計(jì)變得更有趣味性，更有思想，更簡(jiǎn)約，但不簡(jiǎn)單。

3 結(jié)束語(yǔ)

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

參考文獻(xiàn)

[1]（美）魯?shù)婪颉ぐ⒍骱Ｄ?藝術(shù)與視知覺(jué)[M].北京：中國(guó)社會(huì)科學(xué)出版社，1984，（5）.

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

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

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