企業(yè)網(wǎng)站模板設計風格色彩

一、網(wǎng)站設計的風格

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

1.網(wǎng)站標志(LOGO)

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

2.網(wǎng)站色彩

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

3.設計網(wǎng)站字體

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

4.使用精煉有效的語言

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

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

5.設計網(wǎng)站宣傳語

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

二、網(wǎng)站設計的色彩搭配

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

1.網(wǎng)頁的底色

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

2.文字字型

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

3.圖片的色系

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

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

4.網(wǎng)頁的顏色

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

三、網(wǎng)頁的美化設計

1.使用CSS優(yōu)化網(wǎng)頁外觀

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

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

2.用表格美化頁面布局

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

更多相關資訊：