視覺藝術在網(wǎng)頁設計中的運用

【摘要】一個好的網(wǎng)站在傳達信息的同時更應該給人以美感，因此有必要探討視覺藝術在網(wǎng)頁設計中的廣泛應用。本文論述視覺藝術對網(wǎng)頁設計的影響；通過實例分析視覺藝術在網(wǎng)頁設計中的運用，從而體現(xiàn)出：網(wǎng)頁是視覺藝術與網(wǎng)絡技術的整合。

【關鍵詞】視覺藝術；網(wǎng)頁設計

一、視覺藝術對網(wǎng)頁設計的影響

隨著互聯(lián)網(wǎng)絡迅猛的發(fā)展，網(wǎng)站建設越來越接近于一門藝術而不僅僅是一項技術。網(wǎng)頁的藝術設計日益被網(wǎng)站建設者所注重，隨著互聯(lián)網(wǎng)的迅速發(fā)展，使信息傳播業(yè)面臨一場變革。視覺識別系也延伸到新的領域，互聯(lián)網(wǎng)絡作為一種全新的大眾傳媒，具有迅捷、及時、價廉、交互性好、傳播面廣的特點，為視覺傳達設計的傳播提供了良好的條件。網(wǎng)頁制作技術給網(wǎng)頁設計提供了技術支持網(wǎng)頁中的超鏈結、互動等都要依賴于網(wǎng)頁制作技術。但受人青睞的網(wǎng)頁不可能忽視視覺藝術的運用。視覺藝術從以下兩個方面影響網(wǎng)頁的設計。首先，是布局。在設計網(wǎng)頁時，要從整體上把握好各頁面的布局，主要是利用表格或網(wǎng)格等把網(wǎng)頁設計的要素協(xié)調(diào)安排起來。只有充分地利用，有效地分割有限的空間，創(chuàng)造出新的空間，并使用合理布局，才能制作出精美的網(wǎng)頁。其次，是色彩。色彩搭配好壞是構建網(wǎng)站形象的關鍵之一，更是網(wǎng)頁設計成敗的關鍵，色彩搭配看似簡單卻是很深奧的一門學問，往往是網(wǎng)頁設計者感到頭疼的問題。色彩和形式一樣，與我們的感情形影不離，色彩作用于人的視覺和心理，通過與過去的經(jīng)驗、記憶或知識相聯(lián)系，會產(chǎn)生諸如進退、冷暖、輕重、軟硬等不同感覺，進而使人產(chǎn)生各種復雜的心理情感。

二、實例分析──制作西岳劇社網(wǎng)站

1．利用視覺藝術對網(wǎng)頁布局。由于顯示器的大小及分辨率的高低決定顯示頁面的尺寸，網(wǎng)頁的最大局限性在于頁面顯示無法突破顯示器的范圍，在1024×768分辨率下，頁面的顯示尺寸為1007×600像素。（1）“國”字型：也可以稱為“同”字型，是一些大型網(wǎng)站所喜歡的類型，即最上面是網(wǎng)站的標題以及橫幅廣告條，接下來就是網(wǎng)站的主要內(nèi)容，左右分列一些兩小條內(nèi)容，中間是主要部分，與左右一起羅列到底，最下面是網(wǎng)站的一些基本信息、聯(lián)系方式、版權聲明等。這種結構是我們在網(wǎng)上見到的差不多最多的一種結構類型。（2）標題正文型：這種類型即最上面是標題或類似的一些東西，下面是正文。（3）左右框架型：這是一種左右為分別兩頁的框架結構，一般左面是導航鏈接，有時最上面會有一個小的標題或標致，右面是正文。（4）綜合框架型：上頁兩種結構的結合，相對復雜的一種框架結構，較為常見的是類似于“拐角型”結構的，只是采用了框架結構。（5）封面型：這種類型基本上是出現(xiàn)在一些網(wǎng)站的首頁，大部分為一些精美的平面設計結合一些小的動畫，放上幾個簡單的鏈接或者僅是一個“進入”的鏈接。（6）Flash型：其實這與封面型結構是類似的，只是這種類型采用了目前非常流行的Flash，與封面型不同的是，由于Flash強大的功能，頁面所表達的信息更豐富，其視覺效果及聽覺效果如果處理得當，絕不差于傳統(tǒng)的多媒體。在網(wǎng)頁布局的時候，我們采用“國”字型布局。先用Photoshop畫出網(wǎng)站的整體粗劣布局。

2．色系的確定。網(wǎng)站的色系是瀏覽者整體的視覺觀感，網(wǎng)站的色系更能襯托出網(wǎng)站的主題，若色系能與主題合理搭配，將會增加瀏覽者的易讀性。網(wǎng)站的色系包含了網(wǎng)頁的底色、文字字型、圖片的色系、顏色等等，這不單只是將顏色搭配得當就算完美，還要配合每個內(nèi)容，及網(wǎng)站主題。本網(wǎng)站采用天藍色為主色，內(nèi)容字體為黑色，背景色為深藍，導航采用漸變的背景色。

3．設計制作網(wǎng)頁。首先、制作LOGO和頁眉。L網(wǎng)站LOGO顏色選擇中應盡量少用顏色。一方面減少圖象尺寸，另一方面以免給人過于花哨的感覺。另外，在顏色的選擇中，要與網(wǎng)站整體相關聯(lián)。此網(wǎng)站的LOGO上的字直接進入該網(wǎng)站的主體，主色是采用天藍色的，能給人以清新亮麗的感覺，整體像是在春風下一樣的感覺，LOGO里的兩個對稱的音符代表了劇社的多才多藝，時刻隨音符揮舞著輕春。

其次，制作導航：網(wǎng)站導航的基本作用是為了讓瀏覽者在瀏覽網(wǎng)站過程中不至迷失，并且方便地回到網(wǎng)站首頁以及其他相關內(nèi)容的頁面，我們采用的是下拉菜單的導航，導航的顏色也和主色中保持一致，中間的漸變背景能使導航的字體更加突出，加速了人們的瀏覽速度，下拉菜單更方便人們?yōu)g覽，使人的眼球為之一亮。

設計網(wǎng)頁不但是一項技術性的工作，它還是一項藝術性的工作，要求設計者具有較高的藝術修養(yǎng)和審美情趣，才能夠設計出高水平的網(wǎng)頁來。網(wǎng)頁的排版布局也是決定網(wǎng)頁美觀與否的一個重要方面，通過合理的、有創(chuàng)意的布局，可以把文字、圖像等內(nèi)容完美地展現(xiàn)在瀏覽者面前。