歐倍銘

岑溪市中等專業(yè)學校，廣西岑溪，543200

0 引言

近年來，隨著互聯(lián)網(wǎng)的飛速發(fā)展，網(wǎng)頁設計逐漸被人們認可。它是網(wǎng)頁設計者根據(jù)設計的目標和要求，根據(jù)時代、可用的技術和設計經(jīng)驗，有意識地進行網(wǎng)頁設計的創(chuàng)造性思維。因此，網(wǎng)頁設計是藝術設計的重要核心。網(wǎng)頁設計逐漸隨著網(wǎng)頁技術的發(fā)展而進入人們的視野，從字面上看，網(wǎng)頁設計就是對網(wǎng)站的布局及色彩搭配的一種設計手法，但其實網(wǎng)頁設計不單單是一種設計手法，而是藝術與技術的高效結合[1]。簡而言之，網(wǎng)頁設計的主要特征為：集成性、交互性、多維性、不確定性。這些功能不僅為用戶提供了便捷的信息，也讓用戶在瀏覽網(wǎng)頁時有更多的機會與網(wǎng)站進行互動，這對網(wǎng)站設計人員掌握網(wǎng)站的布局和顏色定制水平提出了極高的要求。

1 我國網(wǎng)站外觀及色彩設計狀況

在我國，網(wǎng)頁設計以一個新興的領域逐漸被人們認可。同時，涉足這一領域的設計師越來越年輕化。在市場環(huán)境的推動下，不可否認的是我國的網(wǎng)頁設計水平確實取得了長足發(fā)展與進步，但也可以看到我們的網(wǎng)頁設計普遍存在幾點問題。一是盲目抄襲、模仿、原創(chuàng)觀點不強等，亟待提高從業(yè)者素質。鑒于網(wǎng)頁設計的理論研究和教育還處于剛剛起步階段，網(wǎng)頁設計領域缺乏高素質的從業(yè)者，各種網(wǎng)站模仿國外的網(wǎng)站布局，此外，當使用現(xiàn)成的直接創(chuàng)建的網(wǎng)站模板時，網(wǎng)站的設計可能相同或大致一樣。在我國，大部分設計師很少主動去關注客戶的需求，也很少在設計網(wǎng)站之前做市場調研。二是僅關注頁面的設計，而不重視用戶體驗。雖然，網(wǎng)頁設計是平面設計的一部分，但它與經(jīng)典的平面設計不一樣：不但要做到視覺傳達，網(wǎng)頁設計還需要受眾的參與，簡單的屏幕演示是觀看的目標。從某種意義上說，網(wǎng)頁設計師不單單要掌握平面設計方面的有關知識和技能，還需洞察瀏覽者的心理反應和行為進行設計，這樣設計的網(wǎng)站不僅視覺效果極佳，而且導航和操作也非常舒適。然而，國內對網(wǎng)絡用戶體驗的研究還很少，網(wǎng)頁設計師通常將布局設計和顏色匹配視為整體網(wǎng)頁設計的一部分，并認為如果網(wǎng)頁設計“漂亮”，那么它就是一個好網(wǎng)頁。當談到瀏覽者如何瀏覽網(wǎng)頁時，如何操作沒有太多的關心和研究，最終的結果是，雖然頁面看起來很棒，但是頁面查看者找不到頁面記錄，也無法返回主頁。三是技術過硬而藝術較膚淺。一個完美的網(wǎng)站是技術與藝術二者相結合的產物。目前，信息技術和多媒體應用的快速發(fā)展，越來越多的元素和特效可以應用到網(wǎng)站中，網(wǎng)站的內容不僅包括文字和圖像，還包括使用特效傳達信息等。但是，如果將網(wǎng)站內容割裂開來，一味地用特效來體現(xiàn)技術，就會成為技術應用的死胡同，是達不到效果的。四是網(wǎng)絡技術的使用不合理，不但頁面加載速度會減慢，而且還會影響觀眾的情緒。

2 組成網(wǎng)頁的幾大元素

2.1 文字是網(wǎng)頁的第一個元素

文字是最重要的組成元素。隨著受眾審美品位的提高，網(wǎng)頁版式中文字的設計者越來越注重字體密度、媒介變化、字體設計和文字顏色。雖然網(wǎng)頁上文字的字體受到計算機系統(tǒng)字體庫的限制，但是可以用圖像來表示文字。字體的特殊排列和特殊字體的使用往往能產生意想不到的效果。上傳文字時，同時需了解文字在頁面中的影響，首先考慮文字對網(wǎng)頁起到點綴美化、字幕性還是文字性的作用，不同類型文本的排版應相應調整。

2.2 圖像是網(wǎng)站設計中重要的部分

最早的網(wǎng)站受技術影響，只能使用純文本進行布局。漸漸地，HTML規(guī)范對圖像的支持和寬帶的普及，網(wǎng)頁設計中越來越多地應用圖像，圖像的使用可以使網(wǎng)站更加生動和美觀。

2.3 超鏈接是網(wǎng)頁的重要組成部分

超鏈接允許鏈接到其他網(wǎng)頁或網(wǎng)站的元素。在網(wǎng)頁上，超鏈接的目標可以是網(wǎng)頁上的文本或圖像。當用戶單擊鏈接的圖像或文本時，鏈接的項目將顯示在瀏覽器中，并根據(jù)項目類型打開[2]。

3 網(wǎng)站布局結構

3.1 傳統(tǒng)的“T”型布局

“T”型布局結構是大部分網(wǎng)頁所使用的布局。網(wǎng)站的主徽標位于左上角就是此結構的最常見布局，而且頂部中心的大部分被導航占據(jù)，輔助導航或重要提醒出現(xiàn)在左側。右側是頁面的主體部分，出現(xiàn)了很多信息和用途，信息的傳遞也進行了合理的劃分。

3.2 上下對照式布局

受“極簡主義”設計理念的影響，設計者創(chuàng)造了一種更直觀的自上而下排列的對比結構。在組織頁面內容時，此類模型通常會選擇更直接高效的圖形和簡潔優(yōu)雅的文本布局。

3.3 對稱排列布局

左右對稱結構的優(yōu)點是內容相對集中，設計效率區(qū)域化，鮮明的視覺符號對讀者記憶起到重要作用，也保證了所看資料的完整性和規(guī)范性。同時，左右對稱的布置也能營造出對稱的美感。

3.4 文字型布局

網(wǎng)站版式設計中有很多誤區(qū)需要改正，其中最主要的就是對文字的誤區(qū)。文字是最基礎的設計工作，對于文字的把握能力決定了一切。對于一些特殊的頁面，有必要摒棄“圖片重于文字”的觀念。

3.5 氛圍式布局

網(wǎng)站設計的目標一直是讓瀏覽者能夠以越來越個性化的方式查看內容。漸漸地，隨著寬帶的普及，以及Flash技術在網(wǎng)頁設計中的應用，瀏覽者重新掌握了對網(wǎng)站的更多控制權。氛圍式布局滿足了瀏覽者這一需求。

3.6 儲物箱布局

網(wǎng)站排版一直有幾個獨立的先驅。他們的一些網(wǎng)站具有創(chuàng)新性，另一些則在試驗特殊布局?！皟ξ锵洹钡呐帕袥]有固定的規(guī)則。文化環(huán)境與藝術信仰息息相關。嘗試這種布局設計可能會讓一些觀眾望而卻步。

3.7 復雜型布局

有吸引力的布局結構通常是通過將不同的基本布局形狀與特殊形狀相結合來創(chuàng)建的。專業(yè)的網(wǎng)站布局能從不一樣的布局中挑選合適的布局進行拼湊；但是非專業(yè)的網(wǎng)站布局僅僅局限在白頁上機械地排列元素。

4 網(wǎng)站設計規(guī)則

4.1 網(wǎng)站類別

不同類型的網(wǎng)站都要遵循一定的規(guī)則，才能得以發(fā)展。比如門戶網(wǎng)站，大家看到門戶網(wǎng)站就會想到，由于T型布局結構是大部分瀏覽者所喜歡的布局格式，在設計網(wǎng)頁時這點也是要考慮的，這樣才能得到瀏覽者的關注。如果使用非傳統(tǒng)的網(wǎng)站設計，肯定會吸引更多的關注，但太新了，瀏覽者不會停留在頁面上，所以這類網(wǎng)站應注重功能和內容。

4.2 網(wǎng)站內容

影響網(wǎng)頁外觀的因素有很多，而內容頁面就是其一。雖然某些布局具有視覺吸引力，但這些視覺吸引力頁面通常由傳達有限信息的大圖像或圖形組成，比如表格頁面能夠傳達的信息非常有限。比如簡單的布局，而有些頁面的布局多為文字和圖片或圖形，這種情況很少見，布局是一個大考驗。因此，在考慮采用何種頁面布局時，首先要根據(jù)頁面所要表達的信息以及內容而進行設計和編寫，之后才能依據(jù)信息和內容進行相應的頁面布局形式。

4.3 網(wǎng)站的網(wǎng)民

網(wǎng)站作為信息的傳遞者，瀏覽者的體驗是網(wǎng)站創(chuàng)建者在選擇布局格式時必須考慮的對象。不同年齡段的瀏覽者對網(wǎng)站布局的感知不同。例如，傳統(tǒng)“T”型布局更容易被一些歲數(shù)偏大的瀏覽者所喜歡，因為此類頁面布局更貼近我們生活中的雜志、報紙和其他傳統(tǒng)媒體。年輕受眾更喜歡單獨的頁面布局，例如剪貼板布局或字符樣式布局。因此，我們在設計頁面布局的時候，需要對網(wǎng)站的要點進行考察和研究。

5 網(wǎng)站顏色

自然界的顏色有很多種，比如玫瑰是紅色的，大海是藍色的，橘子是橙色的。顏色基本上可以劃分為彩色、非彩色，而非彩色主要以黑、白、灰為主，其他顏色都是彩色的[3]。而每種顏色又具有三個屬性：純度、色相、明度。色相是指顏色的名稱。它是顏色最基本的特征，也是顏色與顏色之間進行區(qū)分的重要因素。明度即亮度，顏色隨著亮度的提高而越來越淺，反映顏色的明暗程度。亮度越低，顏色越深。這主要用在一些游戲頁面上，充滿神秘感。純度即顏色的清晰度。純度越高，色彩越鮮艷，純度越低，色彩會暗淡、無光。零售店經(jīng)常使用暖色來反映范圍廣泛的產品，而在兒童建筑中則經(jīng)常使用暖色來傳達能量和溫暖。建筑、博物館網(wǎng)頁大部分運用冷色系，來襯托其莊重、嚴肅的氣場。

6 網(wǎng)頁配色技巧

網(wǎng)頁配色是一項具有技術能力的工作，而且在技巧的運用上尤為重要。所以，網(wǎng)頁設計者在進行網(wǎng)頁設計時，結合網(wǎng)頁的特點的同時還要遵循色彩搭配的規(guī)律，在此基礎上，才能設計出色彩鮮明、獨樹一幟的網(wǎng)站。

在網(wǎng)頁上只使用一種顏色會顯得單調，但在網(wǎng)頁上使用所有顏色會顯得輕浮和華而不實。網(wǎng)頁色彩搭配應具有特色，才能別出一格，加深瀏覽者的印象。網(wǎng)頁設計是平面設計的一部分，但又不同于平面設計。根據(jù)藝術規(guī)律，人的生理特征也被考慮在內，色彩搭配一定要恰當，才能保證和諧舒適。使用單一或復雜色彩會使眼睛疲勞[4]。

在確定主題色時，需要考慮其他顏色與主題色的關系，以及選擇其他顏色時想要達到的效果。根據(jù)效果，決定哪個因素占主導地位。一是何為相似色，相似色就是兩個相鄰的顏色，如紫色和藍色、黃色和橙色、灰色和白色等。通過在網(wǎng)站設計中使用相近的顏色，可以避免顏色混淆，給人以愉悅自然的視覺印象，容易達到頁面的和諧統(tǒng)一。二是何為互補色，互補色是兩種相反的顏色。比如黑色和白色?；パa色的靈活、巧妙運用可以顯示重點，塑造濃烈的視覺沖擊。設計以一種顏色為主，互補色為輔，以達到最終的效果[5]。白色是網(wǎng)站上最廣泛應用的一種顏色。許多網(wǎng)站甚至留下了很大的白色空間，作為網(wǎng)絡的一部分，它是空白藝術?？諘绲目臻g給人以想象的空間，讓人心情舒暢。大自然向我們展示了一個多彩的世界，美麗的色彩設計充滿活力，能牽動瀏覽者的情緒[6]。

7 結語

網(wǎng)頁設計中最重要的兩個因素是版式和顏色匹配。因此，設計師不僅需要有一定的文字功底，還需要有一定的藝術表現(xiàn)力。良好的布局還可以防止瀏覽者在瀏覽網(wǎng)站時迷路。