淺談網站風格設計

摘要：隨著Internet在全球的迅速發展，人們日常生活中越來越多地使用網絡來為自己的工作和學習服務。一個網站只有體現出它的獨特性和創新性，才能在網站林立之中吸引更多的用戶和贏得商機。本文主要研究和探討如何體現出一個網站的特色和實用性。

關鍵詞：網頁網站風格設計

一、網站風格設計的必要性

隨著網絡在全球的迅猛發展和普及，各種服務在網絡上得以廣泛運用，如：瀏覽新聞、收發電子郵件、網上購物、網上教育、上傳下載、參與網絡社區等等。而網站是實現這些服務的最主要形式，并且其類型也隨著用戶的需要和技術的發展而不斷發生變化。網站的制作已經不單單是把想要表達的內容擺放在網站上那么簡單，它要求體現獨特性，包含更多的設計元素，突出網站所要表達和展示的目的，并給予瀏覽者更多的視覺享受。

然而，當前國內網站卻存在不少問題，如：規模小、聯系松，各自為政；整體版面過于雜亂；安全性低；未很好地理解用戶的實際需求；沒有獨特性，無法讓使用者和瀏覽者感到耳目一新，等等。正是由于種種問題和不足，在外來強大競爭對手面前，難免心存疑慮和底氣不足。因此，對網絡資源進行整合、共享、利用是大勢所趨，引進先進的設計理念迫在眉睫。

二、國內外網頁設計的現狀

現在的網站設計開發方式主要是在瀏覽器/服務器模式下開發完成網站制作，B/S（Browser/Server）結構即瀏覽器和服務器結構。它是隨著Internet技術的興起，對C/S結構的一種變化或者改進的結構。在這種結構下，用戶工作界面是通過WWW瀏覽器來實現，極少部分事務邏輯在前端（Browser）實現，但是主要事務邏輯在服務器端（Server）實現，形成所謂三層3-tier結構。這樣就大大簡化了客戶端電腦載荷，減輕了系統維護與升級的成本和工作量，降低了用戶的總體成本（TCO）。以目前的技術看，局域網建立B/S結構的網絡應用，并通過Internet/Intranet模式下數據庫應用，相對易于把握、成本也是較低的。它能有效地保護數據平臺和管理訪問權限，服務器數據庫也很安全。特別是在JAVA這樣的跨平臺語言出現之后，B/S架構管理軟件更是方便、快捷、高效。

國外許多網站的設計都很時尚和有自身的特點，行業明確，功能全面，安全性高。例如：歐美用戶不習慣艷麗、花哨的色彩和設計風格，他們比較鐘情于簡潔、平淡而嚴謹的風格，即使許多大型網站也是如此。而韓國網站設計在世界也是相當有影響力的。韓國的商業站點在框架結構、內容排版、色彩搭配、圖片運用上達到了非常和諧的統一，設計師擁有較大的設計空間。

相對而言，國內的網站弊端則比較明顯：

第一、所有的東西看起來都像廣告。用戶已經學會了對擋在眼前的那些目的性很強的廣告采取不予理睬的態度。這也就是為何點擊率每年以半數速度下降，網絡廣告根本不起作用的原因。

第二、未改變已訪問鏈接的顏色。一個好的瀏覽歷史能夠幫助你了解目前的位置，因為那是你瀏覽的起點。知道過去和現在的位置反過來使得決定下一步去哪里變得容易了。鏈接是這些瀏覽過程中的一個關鍵因素。

第三、文字未排版。將所有文字堆積在一起是一種可怕的體驗，瀏覽這樣的文字將是痛苦的經歷。

第四、顏色過于華麗，過多的顏色在界面中到處充斥，完全找不到重點。

三、網站設計的基本思路和方法

（一）確定網站風格

網站設計風格（style）是站點的整體形象給瀏覽者的綜合感受。比如說：我們覺得迪斯尼是生動活潑的，IBM是專業嚴肅的。風格是獨特的，是站點不同于其他網站的地方。或者色彩，或者技術，或者是交互方式，能讓瀏覽者明確分辨出這是你的網站獨有的。即使只看到其中一頁，也可以分辨出是哪個網站。

（二）設計網頁整體布局

網頁的整體布局就像一張臉，可胖可瘦，可長可短，但必須和諧，因為和諧產生著美：一面網頁內容可多可少，但必須整體布局合理化、有序化、整體化。首先是確定網頁類型。主要有五種類型：檢索型、準檢索型、均衡型、印象主體型、目錄省略型。其次，要選擇最適合目標主頁的排版樣式，主要有8種，即：左右對齊式、全景式、衛星式、照片組合式、包圍式、散開式、單側齊行式、對稱式，等等。

（三）運用好的工具

工欲善其事，必先利其器。制作網頁第一件事就是選定一種網頁制作軟件。從原理上來講，雖然直接用記事本也能寫出網頁，但是對網頁制作必須具有一定的html基礎，非初學者能及，且效率也很低。用WORD也能做出網頁，但有許多效果做不出來，且垃圾代碼太多，也是不可取的。網頁平面藝術和動態設計比較常用的幾個軟件有：

1、DreamWeaver—自制動態HTML動畫的網頁

DreamWeaver是一個很酷的網頁設計軟件，它包括可視化編輯、HTML代碼編輯的軟件包，并支持ActiveX、JavaScript、Java、Flash、ShockWave等特性，而且它還能通過拖拽從頭到尾制作動態的HTML動畫，支持動態HTML（DynamicHTML）的設計。DreamWeaver的開放式設計使任何人都可以輕易擴展它的功能。

2、Photoshop——數字圖像編輯軟件

Photoshop是Adobe公司出品的數字圖像編輯軟件，是迄今在Macintosh平臺和Windows平臺上運行的最優秀的圖像處理軟件之一。其強大的功能和無限的創意空間，創作出了難以計數的神奇、迷人的藝術珍品。

3、Flash——網頁設計軟件

用Flash動畫制作軟件可以將文字、圖形、圖像、動畫、聲音、視頻集成于一體，設計出精彩有趣的網頁動畫。

作為一個業余網頁設計制作者，熟練運用上述三款軟件就能制作出優秀的網頁。

四、對未來網頁設計的展望

網絡已經不斷演進并成為現代社會不可缺少的一部分，盡管網頁設計會以人們意想不到的方式發生變化，可是我們有理由相信，人們對網頁的視覺追求永無止境，這正是推動網頁設計向前發展的主要因素。未來的網頁設計必定在完善實用性的同時，將更加注重網站風格的設計和體現，在色彩搭配和布局方面要更加具有創新和靈活性，并通過多項軟件相對界面進行設計，增加動感和趣味性，提高網站的第一眼效應，使網站更具活力和效力。

參考文獻：

[1]王建民箸.網頁設計.湖南大學出版社，2006.

[2]成朝暉箸.平面港【網頁設計】2001.

[3][美]懷特（White.A.W）箸.黃文麗，文學武翻譯.平面設計原理.上海人民美術出版社，2005.

[4]張允若.關于網絡傳播的一些理論思考.國際新聞界，2002.