淺談網(wǎng)頁的視覺設(shè)計(jì)原則

高沖

摘要：信息技術(shù)日新月異，互聯(lián)網(wǎng)已經(jīng)是千家萬戶獲取信息的重要方式，網(wǎng)站對(duì)視覺吸引力的要求越來越高，界面設(shè)計(jì)越來越偏重于藝術(shù)創(chuàng)新而不是停滯在技術(shù)層面。本文將結(jié)合網(wǎng)頁設(shè)計(jì)的特點(diǎn)來探討視覺傳達(dá)藝術(shù)設(shè)計(jì)的應(yīng)用原則。抓住當(dāng)前國內(nèi)重點(diǎn)發(fā)展文化創(chuàng)意產(chǎn)業(yè)的契機(jī)，利用科學(xué)技術(shù)的發(fā)展，不斷促使使網(wǎng)頁設(shè)計(jì)與其他藝術(shù)設(shè)計(jì)形式相結(jié)合，創(chuàng)作出主題鮮明、視覺整體、內(nèi)容形式高度統(tǒng)一、信息豐富、使用便捷的網(wǎng)頁作品。網(wǎng)頁設(shè)計(jì)是隨著現(xiàn)代科技發(fā)展而產(chǎn)生的新課題，是以技術(shù)為基礎(chǔ)，美學(xué)為導(dǎo)向來對(duì)設(shè)計(jì)元素組合的創(chuàng)作思維活動(dòng)，網(wǎng)頁設(shè)計(jì)發(fā)展初始，設(shè)計(jì)師更偏重于技術(shù)層面的把握，視覺傳達(dá)藝術(shù)設(shè)計(jì)在網(wǎng)頁設(shè)計(jì)中僅僅局限于板式編排設(shè)計(jì)上，隨著網(wǎng)頁技術(shù)的普及，網(wǎng)頁設(shè)計(jì)對(duì)視覺傳達(dá)藝術(shù)設(shè)計(jì)的要求又提高到一個(gè)新的高度。視覺傳達(dá)藝術(shù)設(shè)計(jì)將從一個(gè)更高的角度來審視和規(guī)劃網(wǎng)頁，使之能從海量的網(wǎng)頁中脫穎而出，清晰的表達(dá)主題和內(nèi)容，使受眾輕松愉快的接受信息。

關(guān)鍵詞：網(wǎng)頁；視覺；設(shè)計(jì)

0緒論

研究背景：網(wǎng)頁設(shè)計(jì)是隨著現(xiàn)代科技發(fā)展而產(chǎn)生的新課題，是以技術(shù)為基礎(chǔ)，美學(xué)為導(dǎo)向來對(duì)設(shè)計(jì)元素組合的創(chuàng)作思維活動(dòng)，網(wǎng)頁設(shè)計(jì)發(fā)展初始，設(shè)計(jì)師更偏重于技術(shù)層面的把握，視覺傳達(dá)藝術(shù)設(shè)計(jì)在網(wǎng)頁設(shè)計(jì)中僅僅局限于板式編排設(shè)計(jì)上，隨著網(wǎng)頁技術(shù)的普及，網(wǎng)頁設(shè)計(jì)對(duì)視覺傳達(dá)藝術(shù)設(shè)計(jì)的要求又提高到一個(gè)新的高度。研究動(dòng)機(jī)：本文力爭通過分析網(wǎng)頁設(shè)計(jì)的特點(diǎn)和原則，從而找出網(wǎng)頁設(shè)計(jì)的規(guī)律和方向，從理論上為網(wǎng)頁設(shè)計(jì)師提供幫助。目的意義：視覺傳達(dá)藝術(shù)設(shè)計(jì)將從一個(gè)更高的角度來審視和規(guī)劃網(wǎng)頁，使之能從海量的網(wǎng)頁中脫穎而出，清晰的表達(dá)主題和內(nèi)容，使受眾輕松愉快的接受信息。

1網(wǎng)頁設(shè)計(jì)的特點(diǎn)

網(wǎng)頁設(shè)計(jì)特點(diǎn)概括為以視覺傳達(dá)藝術(shù)設(shè)計(jì)為統(tǒng)領(lǐng)的多種藝術(shù)設(shè)計(jì)形式相結(jié)合的藝術(shù)設(shè)計(jì)活動(dòng)。

1.1視覺傳達(dá)藝術(shù)設(shè)計(jì)為統(tǒng)領(lǐng)

視覺傳達(dá)藝術(shù)設(shè)計(jì)在網(wǎng)頁設(shè)計(jì)中占有重要地位，網(wǎng)頁設(shè)計(jì)首先處理的就是將各種多媒體藝術(shù)設(shè)計(jì)元素有機(jī)組合，這就對(duì)版式設(shè)計(jì)有很高的要求，版式設(shè)計(jì)既要傳達(dá)主題思想又要反映個(gè)人風(fēng)格，更要讓受眾得到感官上的美感和精神上的享受，輕松愉悅的從設(shè)計(jì)形式理解傳達(dá)內(nèi)容。網(wǎng)頁設(shè)計(jì)中的版式設(shè)計(jì)不同于一般的印刷品版式設(shè)計(jì)，它不是在有固定尺寸的印刷品上進(jìn)行，也不是利用各種材質(zhì)和紙張和多彩的油墨，而是通過電腦技術(shù)的色光原理實(shí)現(xiàn)在電腦屏幕上；印刷品版面設(shè)計(jì)由設(shè)計(jì)師單方控制，有成熟的印刷標(biāo)準(zhǔn)，而網(wǎng)頁版面由受眾參與控制，受眾可以根據(jù)自己的需要選擇電腦屏幕分辨率、瀏覽器、網(wǎng)頁版面大小等，并且因受眾使用的電腦不同而顯示的有差異。這就要求網(wǎng)頁設(shè)計(jì)師要從更加人性化的角度設(shè)計(jì)多種方案來控制設(shè)計(jì)元素的尺寸和排放位置來滿足不同受眾的客戶端最終顯示效果，這是網(wǎng)頁設(shè)計(jì)版式設(shè)計(jì)的難點(diǎn)也是樂點(diǎn)。

1.2多種藝術(shù)設(shè)計(jì)形式相結(jié)合

網(wǎng)頁設(shè)計(jì)的元素是多種藝術(shù)設(shè)計(jì)形式的視聽元素，視覺方面主要是圖片、文本、色彩、以及動(dòng)畫視頻等，聽覺方面主要是指背景音樂、動(dòng)畫視頻配音等。是各種藝術(shù)設(shè)計(jì)專業(yè)的綜合展示，技術(shù)的發(fā)展是這些多媒體元素綜合運(yùn)用的前提，不斷發(fā)展的技術(shù)對(duì)網(wǎng)頁設(shè)計(jì)師不斷提出新的要求，網(wǎng)頁設(shè)計(jì)師要將這些設(shè)計(jì)元素按照視覺和諧的原則來編排，使表達(dá)內(nèi)容富有表現(xiàn)力，從而使瀏覽者享受到絢麗的視聽效果。

2網(wǎng)頁設(shè)計(jì)的原則

網(wǎng)頁設(shè)計(jì)已經(jīng)成為現(xiàn)在信息傳播的重要途徑，由于其特殊的表現(xiàn)形式，有其自己的設(shè)計(jì)原則和特殊規(guī)律，在設(shè)計(jì)中必須注意三個(gè)原則。

2.1鮮明的突出主題思想

通過視覺傳達(dá)藝術(shù)設(shè)計(jì)清晰地表達(dá)網(wǎng)頁的意圖和要求，并按照審美心理和視覺規(guī)律生動(dòng)活潑、富有感染力的傳達(dá)給受眾是網(wǎng)頁設(shè)計(jì)的目的，主題思想的傳達(dá)應(yīng)該是通過藝術(shù)加工簡化了強(qiáng)有沖擊力的視覺形象，簡練清晰，富有藝術(shù)的感性和認(rèn)知的理性，滿足人們審美的要求和實(shí)用的需求。這種突出主題的方式有很多，大都是綜合性的使用平面藝術(shù)設(shè)計(jì)的構(gòu)成學(xué)來編排設(shè)計(jì)網(wǎng)頁的空間層次、主從關(guān)系、視覺秩序、和元素之間的邏輯來實(shí)現(xiàn)。比如從色彩上說：北京市規(guī)劃委員會(huì)的網(wǎng)站，突出的是“規(guī)劃藍(lán)圖”的主題，藍(lán)色給人以理性、開闊、和遐想的意境。北京市測繪設(shè)計(jì)研究院則采用橙紅作為主色調(diào)，橙紅色是戶外工作者的勞動(dòng)保護(hù)色，醒目、鮮明的突出了測繪工作這個(gè)艱苦行業(yè)的主題。北京市綠化隔離地區(qū)管理決策系統(tǒng)采用色是不多見的綠色，綠色在我國政府部門的網(wǎng)站上大面積使用并不多見，但是在綠化隔離地區(qū)管理決策系統(tǒng)中使用卻恰到好處。很多時(shí)候，我們在瀏覽網(wǎng)頁的時(shí)候，只能抓住一個(gè)頁面中的極少數(shù)信息，信息大爆炸的網(wǎng)絡(luò)時(shí)代促使我們必須學(xué)會(huì)在最短的時(shí)間去找到最需要的資料。短而分立的資料和信息更容易讓受眾找到瀏覽并做進(jìn)一步的深入學(xué)習(xí)，博雜不分立的信息很容易讓人忽視和忘卻。一方面，我們要使用理性思維，對(duì)網(wǎng)頁信息做邏輯化處理，使之符合大眾的心理需求和邏輯思維，使受眾快速的理解和接受。

2.2感性和理性的融合

任何設(shè)計(jì)都有獨(dú)特的內(nèi)容和形式，內(nèi)容是形式的基礎(chǔ)和靈魂，形式是內(nèi)容的表現(xiàn)。內(nèi)容決定形式，形式反作用于內(nèi)容，二者完美結(jié)合才能是一個(gè)優(yōu)秀的設(shè)計(jì)。網(wǎng)頁分屏、分頁、嵌套等特性使設(shè)計(jì)師有廣闊的形式變化處理，但是也使設(shè)計(jì)師更要把握形式和內(nèi)容的統(tǒng)一，需要網(wǎng)站在變化中緊緊抓住主題思想，形式為內(nèi)容服務(wù)，實(shí)現(xiàn)美感并體現(xiàn)內(nèi)容，目前有很多網(wǎng)頁喜歡炫目的藝術(shù)形式，動(dòng)態(tài)的多媒體藝術(shù)大量使用的網(wǎng)頁中，夸大形式的作用忽視內(nèi)容，結(jié)果導(dǎo)致網(wǎng)頁瀏覽速度變慢，比如：現(xiàn)在很多網(wǎng)站登錄時(shí)我們會(huì)先看到內(nèi)容，一些圖片信息要等一會(huì)才會(huì)慢慢出現(xiàn)，或者有的會(huì)一直顯示download，這都是夸大形式，由于技術(shù)上還達(dá)不到快速瀏覽效果而造成的內(nèi)容形式不統(tǒng)一，這樣的網(wǎng)站必然影響受眾的心情而削弱了訪問的積極性。

2.3變化的整體

我們這里談?wù)w是變化中的整體，“蟬噪林逾靜鳥鳴山更幽?！睙o論是內(nèi)容和形式都是變化中的整體，一方面，我們要靠整體性讓受眾快速、輕松地接受信息，給人以和諧的感覺并把品牌和藝術(shù)風(fēng)格傳遞出去，另一方面，我們要打破整體，從版式、色彩、風(fēng)格、屏幕等各方面做一些小的調(diào)整，使視覺有秩序感和跳躍感。比如我們看中國郵政的網(wǎng)站，整體保持在深綠色的基調(diào)中，但也會(huì)輔助其他的色彩，使頁面富有變化和活力。網(wǎng)頁設(shè)計(jì)不同于書籍設(shè)計(jì)，在內(nèi)容上書籍設(shè)計(jì)是線性思維，但是網(wǎng)頁設(shè)計(jì)有多維性，我們可以在同一個(gè)網(wǎng)頁中不斷切換自己所需要的主題，網(wǎng)頁設(shè)計(jì)要圍繞主題，設(shè)計(jì)清晰的導(dǎo)航，使網(wǎng)頁和受眾實(shí)現(xiàn)互動(dòng)和交互，通過換膚，不斷地整改版面，在保持頁面統(tǒng)一的基礎(chǔ)上，讓受眾保持新鮮感。

4結(jié)論：技術(shù)的藝術(shù)和藝術(shù)的技術(shù)

網(wǎng)頁設(shè)計(jì)隨著技術(shù)的發(fā)展在不斷地前進(jìn)，以前我們網(wǎng)頁中實(shí)現(xiàn)不了的，我們通過技術(shù)都逐步實(shí)現(xiàn)著，比如：以前我們看電影需要將電影下載在自己的電腦上再觀看，現(xiàn)在寬帶、流技術(shù)、以及芯片處理速度等因素的提高已經(jīng)使在線瀏覽成了現(xiàn)實(shí)；網(wǎng)頁設(shè)計(jì)已經(jīng)成為多種藝術(shù)形式綜合展示的結(jié)合體，也帶動(dòng)著視覺傳達(dá)藝術(shù)設(shè)計(jì)不斷地超越，從平面到立體、從視覺到視聽覺，三維操作界面已經(jīng)成了未來的發(fā)展方向；書籍雜志設(shè)計(jì)、網(wǎng)頁中包含電影、音樂、游戲動(dòng)畫創(chuàng)作……多媒體藝術(shù)設(shè)計(jì)綜合運(yùn)用是網(wǎng)頁設(shè)計(jì)的特點(diǎn)；網(wǎng)頁設(shè)計(jì)受主觀因素和客觀因素的制約，也就是受藝術(shù)設(shè)計(jì)經(jīng)驗(yàn)和技術(shù)的限制，優(yōu)秀的網(wǎng)頁藝術(shù)設(shè)計(jì)者會(huì)利用自己的想象力和創(chuàng)造力，積極掌握現(xiàn)有的網(wǎng)絡(luò)技術(shù)，使技術(shù)和藝術(shù)完美結(jié)合，滿足受眾不斷提高的網(wǎng)頁質(zhì)量要求?？傊?，網(wǎng)頁設(shè)計(jì)是一個(gè)有著廣闊發(fā)展空間的虛擬藝術(shù)世界。