網站設計風格分析論文

導語：網站設計風格分析論文一文來源于網友上傳，不代表本站觀點，若需要原創文章可咨詢客服老師，歡迎參考。

一、網站設計的風格

“風格”是指站點的整體形象給瀏覽者的綜合感受。這個“整體形象”包括站點的CI（標志，色彩，字體，標語）、版面布局、瀏覽方式、交互性、文字、語氣、內容價值等等諸多因素。風格是有人性的，不管是色彩、技術、文字、布局，還是交互方式，只要能由此讓瀏覽者明確分辨出這是本網站獨有的，這就形成了網站的“風格”。一般都要求：清純簡潔，主題鮮明，內容編排得當合理、有一定的藝術感，美觀、實用，相關鏈接正常，能體現網站的基本功能，可以從以下幾個方面來為網站設計一個獨特的風格。

1.網站標志(LOGO)

LOGO是指網站的標志，標志可以是中文、英文字母，也可以是符號、圖案等。標志的設計創意應當來自網站的名稱和內容。比如：網站內有代表性的人物、動物、植物，可以用它們作為設計的藍本，加以卡通化或者藝術化；專業網站可以以本專業有代表的物品作為標志。最常用和最簡單的方式是用自己網站的英文名稱作標志，采用不同的字體、字母的變形、字母的組合可以很容易制作好自己的標志。

2.網站色彩

網站給人的第一印象來自視覺沖擊，不同的色彩搭配產生不同的效果，并可能影響到訪問者的情緒。顏色搭配是體現風格的關鍵。“標準色彩”是指能體現網站形象和延伸內涵的色彩，要用于網站的標志、標題、主菜單和主色塊，給人以整體統一的感覺。至于其它色彩也可以使用，但應當只是作為點綴和襯托，絕不能喧賓奪主。例如IBM的深藍色，肯德基的紅色條型。一般來說，一個網站的標準色彩不超過3種，太多則讓人眼花繚亂。適合于網頁標準色的顏色有：藍色，黃/橙色，黑/灰/白色三大系列色。一般以白色和黑色的背景網頁最好做，顏色搭配最方便；亮色與暗色配合，最容易突出畫面，如黑與白，紅與黑，黃與紫；而近似的顏色的搭配，能給一種柔和的感覺，如墨藍與淡藍，深綠與淺綠。最好能給主頁定一個主色調，不要搞得花花綠綠的。

3.設計網站字體

和標準色彩一樣，標準字體是指用于標志、標題、主菜單的特有字體。一般網頁默認的字體是宋體。為了體現站點的“與眾不同”和特有風格，可以根據需要選擇一些特別字體。制作者可以根據自己網站所表達的內涵，選擇更貼切的字體。需要說明的是：使用非默認字體只能用圖片的形式，因為很可能瀏覽者的計算機里沒有安裝特別字體，他看到的只能是亂碼，那么辛苦的設計制作便付之東流了。

4.使用精煉有效的語言

現代生活節奏加快，人們往往沒有時間看大塊文章。為了節約時間，在單位時間內獲取最大量的信息，人們需要精練的信息，即信息精品，要用信息語言來表達信息內容。所謂信息語言是指以下公式：信息=基本事實＋數據描述＋專家觀點。

信息語言摒棄一切廣告性詞句、文學性修飾詞句，不歡迎一切關于意義、重要性的過分渲染。盡量采用數字說話，歡迎定量描述，反對過多的定性描述，特別是無法形成準確概念的定性描述。用信息語言描述，任何信息都應該有出處，有時間，分類準確。當然，應當滿足信息的時效性、準確性、完整性、精練性等固有的特點。在此特別注意的是，不要出現錯別字、病句。

5.設計網站宣傳語

網站的宣傳語也可以說是網站的精神、主題與中心，或者是網站的目標，用一句話或者一個詞來高度概括。用富有氣勢的話或詞語來概括網站，進行對外宣傳，可以收到比較好的結果。

二、網站設計的色彩搭配

打開一個網站，給用戶留下第一印象的既不是網站的豐富內容，也不是網站合理的版面布局，而是網站的色彩。色彩對人的視覺效果非常明顯，一個網站設計成功與否，在某種程度上取決與設計者對色彩的運用和搭配，因此專業人士把色彩制作成色系表，根據這些色系讓網站也有其自身的色系，網站的色系是瀏覽者整體的視覺觀感，若一個網站色系能有一致性，不僅會使網站看起來美觀，更能讓瀏覽者對內容不易混淆，增加了瀏覽的簡潔與方便。而網站的色系更能襯托出網站的主題，若色系能與主題合理搭配，將會增加瀏覽者的易讀性。網站的色系包含了網頁的底色、文字字型、圖片的色系、顏色等等，這不單只是將顏色搭配得當就算完美，還要配合每個內容，及網站主題。1.網頁的底色

網頁的底色是整個網站風格的重要指針。舉例來說，以黑色作為背景顏色的網頁，因黑色本對人的視覺上會造成黯淡的感覺，若是拿來用作活潑的兒童網站，就是不適合了。因為小孩子是天真無邪的、活潑的、有朝氣的，與黑色的沉穩、黯淡，很難聯想在一起。當然，每個人的審美觀不同，可能也會對顏色的代表性看法不同，但既然網站不是只寫給自己看的，就應該要注意到大部分人可能會有的觀點，然后以眾人居多的觀點出發，來設計網頁。

2.文字字型

文字字型上的設計，最好的網站是以所有瀏覽者都能看到的字型為主。常會看到有許多網站要求瀏覽者須自行下載某種字型，才能達到最佳瀏覽效果，這是種非常奇怪的行為。畢竟瀏覽者只是來找資料或是來看網站的內容，不可能會因為這種“為達最佳瀏覽效果”，而自行下載所需要的字型。當所要求的字型若不下載，并不會影響到網站內容上的瀏覽與不便，那么對瀏覽者的要求就微乎其微不可能發生任何作用。這么一來，對于網頁設計者來說，無非是非常可惜的，因為當初的設計風格卻未能讓瀏覽者一窺全貌，豈不是白費心思的嗎？

3.圖片的色系

以色彩學簡單的區分，色系可分為冷色系與暖色系，再詳細一點的區分，又可分出各種顏色的色系，而色系的區分，就在于主觀瀏覽意識上的差異了。如何將圖片的色系與網站整體色系相對應，就是比較困難的地方了。要繪制一張圖并非易事，要繪制一張符合自己網頁風格的圖，更是困難重重。大部分的網頁制作者，并不大可能駕輕就熟的使用影像處理軟件或繪圖軟件，于是乎，網頁素材的網站就開始盛行了。當然，不會使用繪圖軟件并不代表網頁就不能設計的很出色，若是能將網絡上的素材資源妥善利用，網站也是可以走出自己的風格的。而該怎么選擇適合自己網站的圖片，就是門很大的學問了。

以圖片內容來說，能切合網站主題最好，若不能，也別差異太多。以顏色來說，若一個網頁是藍色的底色，但整個網頁的圖片卻亂七八糟，各種顏色紛紛出籠，更糟的是，藍色是屬于冷色系的顏色，若以藍色為底的網頁，卻盡都是大紅色、橘色的圖片，那將會使整張網頁看起來就像垃圾堆，雜亂無章。所以，可以簡單的歸納出，網頁與圖檔的顏色，色系一致或是視覺效果一致，將會使網頁看起來更為美觀且有自己的風格。

4.網頁的顏色

網頁的顏色，并非單一就圖文件、文字顏色、或是底色為主，而是以瀏覽者的角度來觀看，整體網頁看上去是偏向哪種色系。常常見到許多網站雖然色系搭配的很好，但卻是沒有自己的風格。以目前流行的柔色系、粉色系網站來說，就是失了自己獨到的風格。因為使用粉色系的網站，不外乎都有相同的特點，文字顏色淺，底色也以淺色系為主，這樣除了沒有自己的風格外，看起來既不大方也難登大雅之堂。以各大搜尋網站來說，根本不會做這樣的設計，因為文字顏色淡，加上底色淺，對瀏覽者來說，閱讀上非常吃力，所以這樣的設計風格也應盡量避免。一個有自己風格，且閱讀起來舒適大方的網頁，并不可能一次就寫好，而是需要經過不厭其煩的修正、調色，才能達到最佳瀏覽效果的。

三、網頁的美化設計

1.使用CSS優化網頁外觀

使用CSS來獲得對整個站點所有WEB頁面的外觀控制。設置頁邊空白，頁面填充，邊界，顏色和背景。對任意網頁元素設置字體大小及改變字體外觀。創建動態活動鏈接。創建CSS風格的完全兼容的網頁。

CSS的主要好處就在于，你不用去修改網頁文件，只要修改這個頁面連接的CSS文件，就可以實現不同的顯示效果，包括底色、背景圖片、文字大小、顏色、邊框……等等。網站的版面、布局要求，不能占用較大的邊幅放欄目圖片，正文的位置不能少，圖片與文章的搭配要平衡，過多使用大圖片，大大增加了傳輸流量，影響了網站瀏覽者閱讀的速度，要優化網頁就盡可能使用CSS實現，靈活地使用CSS，可以使頁面精致漂亮而又不會占用過多的系統資源，所以很有必要花些時間研究一下。

2.用表格美化頁面布局

表格布局好像已經成為一個標準，隨便瀏覽一個站點，它們一定是用表格布局的。表格布局的優勢在于它能對不同對象加以處理，而又不用擔心不同對象之間的影響。而且表格在定位圖片和文本上比起用CSS更加方便。表格布局唯一的缺點是，當你用了過多表格時，頁面下載速度受到影響。對于表格布局，你可以隨便找一個站點的首頁，然后保存為HTML文件，利用網頁編輯工具打開它(要所見即所得的軟件)，你會看到這個頁面是如何利用表格的。