網站風格概論

　　一個人擁有自己獨特的風格，是一般人所沒有的，就會讓人注意到那個人的特別，若那個人的風格是正面的，甚至就會引起別人的羨慕與注意，或是贊賞。就如同一個網站，擁有別的網站所沒有的風格，就會讓浏覽者願意多停留些時間，細細品嘗該站的內容，甚至該站會得到多人的鼓勵與注目，粗略的說，網站風格可以從以下幾個方向來探討，而每一項都是有關聯性的：

　　1. 色系：網頁的底色、文字字型、圖片的色系、顏色等等。

　　2. 排版：表格、框架的應用、文字縮排、段落等等。

　　3. 窗口：窗口效果，例如：全屏幕窗口、特效窗口等。

　　4. 程序：網頁互動程序，例如：ASP . PHP . XML . CGI等等。

　　5. 特效：讓網頁看起來生動活潑的各種應用，如：Flash . Java script . Java applets . DHTML等等。

　　6. 架構：目錄規劃、層次淺顯易懂、選單應用等等。

　　7. 內容：網站主題、整體實用性、文件關聯性、內容切合度、是否有不必要的檔案等等。

　　8. 走向：對於網站的未來規劃、網站整體內容走向等。

　　以上這些項目都與網頁風格有密切的關系，網頁的風格不是某一項相同，網站就是有整體感，而是要各項目的配合應用，才能達到完美的網站風格設計。接下來的段落，將會為每個項目做簡單的介紹。

　　【一、色系 】

　　網站的色系是浏覽者整體的視覺觀感，若一個網站色系能有一致性，不僅會使網站看起來美觀，更能讓浏覽者對內容不易混淆，增加了浏覽的簡潔與方便。而網站的色系更能襯托出網站的主題，若色系能與主題合理搭配，將會增加浏覽者的易讀性。網站的色系包含了網頁的底色、文字字型、圖片的色系、顏色等等，這不單只是將顏色搭配得當就算完美，還要配合每個內容，及網站主題。對於網站的色系，應該要在網站開始制作前，做好規劃及設計，才不會到著手制作網站時，難以搭配，甚至造成混亂的設計。

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

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

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

　　選擇圖片該以何作為標准呢?舉例來說，若網站內容為科學探討，當然不能以卡通圖片來作為插圖，試想，當您正在浏覽一個有關天文學的網站，卻滿是皮卡丘的可愛圖片，不是很不協調嗎?再舉個例子，如果一個教學網站，裡頭卻盡是明星圖片，看上去根本就不像是教學網站，而是大雜匯的明星相片網。很多人喜歡將自己欣賞的明星照放上自己的網頁中，如果僅是個人網站倒也還好，因為個人網站本就無主題居多，也就沒有所謂的符不符合主題的顧慮，但若是有主題的網站，豈不糟糕?

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

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

　　一個有自己風格，且閱讀起來舒適大方的網頁，並不可能一次就寫好，而是需要經過不厭其煩的修正、調色，才能達到最佳浏覽效果的，所以制作網頁也一定要有相當大的耐心。

　　【二、排版 】

　　網站的排版是讓網頁浏覽者閱讀方便，且內容主題明確的重要指針，若網站的排版經過精心規劃，將會使浏覽者更能迅速的找到所需的資料。就如同一本書，編排得當將會使讀者一目了然，且更能了解該書所要闡述的內容。而網站的排版，就如同書冊的排版一般重要。網站的排版包含了表格、框架的應用、文字縮排、段落等等，而排版並不是整齊就好，還要有明確的分類，以及主題的適當規劃。

　　表格的應用是一般大型網站最常見到的編排方式，表格能使多段文字統合整理，達到清楚易懂的效果。表格不見得是有形的表格，何位有形的表格?一般常見的有形表格，多為有框線，或是有底色。表格可多形式的運用，如圖形與文字間的排版，表格可將圖形與文字做最恰當的編排，充分結合於網頁上。

　　然而表格的底色或底圖，應避免與文字起沖突。常見表格中用的底圖或底色因顏色過重，而文字不清楚，表格的重點當然仍是在於文字，不是在作為配角的底圖或底色。當底圖只是襯飾的作用時，就應讓其中的文字清楚明了。而表格的整體配色更是重要，框線及底色都應與網頁整體配色為主，若是以表格作為同一網頁編排，應盡量使各表格間不致差異太大。當有需要特別彰顯內容的表格，才有其必要性作不同的配色。

　　框架的應用，對於架設於較慢的網站空間之網頁，較適合框架的應用，框架可避免相同網頁重復讀取，拖累下載速度。但框架因切割整個畫面，造成浏覽的內頁空間大幅度減小，故再使用框架務必要注意到內容主頁的易看性。框架編排，最需要注意的是左右滾動條應盡量避免，若一個網頁在閱讀上，要不斷的移動滾動條往右又往左移，將會對浏覽者造成很大的不便。

　　另，框架也需要注意到連結的正確性，常看到以框架為主體的網頁，竟然按下選單框架頁中的連結，不是顯示在內容框架頁中，而是另開窗口，這真是脫著褲子放屁-多此一舉!且框架過多的網頁，會造成浏覽者不知如何找尋資料的窘境。舉個最常見的例子，很多小型的個人網站，常喜歡以多框架來架構網站，數一數甚至框架頁達五六個以上，有時按了左側的選單，以為內容會出現在內容框架頁，卻竟然是顯示在右上角的某個小角落，這不是特有風格，既不美觀也不實際，更難以找到資料!

　　框架與表格皆為網頁整體編排利器，該如何運用與走出自己風格，就是需要長時間的修飾版面、觀摩學習(但絕非模仿抄襲)與經驗了。　　窗口效果的妥善運用，可以使網頁有特色，但過度的應用反而會使人厭惡，甚至關閉網頁不再造訪，若真的因窗口的不當運用，造成浏覽者不便而不想再繼續浏覽，那就是非常可惜的事了。

　　全屏幕窗口，通常不為浏覽者所喜愛，尤其是強制性的全屏幕浏覽，一般上網者對於不同的浏覽方式並非都能欣然接受。對於圖片浏覽的網站，若圖片很大可以采用此種方式，以方便一窺全圖，但必須於連結前先注明將會開啟全屏幕窗口，較不會引起浏覽者的反感。

　　現有許多個人網站，都特別喜愛使用無工具列窗口，有的網站是將整個無工具列窗口放大至全屏幕，有的網站則是過小的超迷你窗口。前一種會使人難以跳開網頁浏覽做其它動作，造成很大的不方便;後一種更是糟糕，窗口小到幾乎無法浏覽，字體小、圖形小、內容更少，這種窗口讓浏覽者的第一感覺就是網站沒內涵，又小家子氣。且這兩種網站，幾乎都有一個最大的共通點，鎖鼠標右鍵功能。這樣的鎖定，對於網站本身並無多大助益，除了讓浏覽者不方便外，其實浏覽者根本也無意於抄襲該網站，只會讓人覺得網頁很沒內容又要怕別人抄襲。看到這種網站，大部分的浏覽者並不會覺得有風格，若是覺得有風格，也不過是流於通俗的「小氣風格」。

　　另外則是有些許初學者的網站，特別喜好濫用窗口特效，舉凡網頁震動、閃爍等等，這些對於內容及個人風格上也無實質助益，能避免應盡量避免。畢竟有規模、有內涵的網站，根本不會有這樣亂七八糟的特效。這樣的特效的確也造成了某部分的特殊效果，即是網頁混亂的特別效果。且越容易濫用窗口特效的網站，大多都無內容，想利用這些來混淆視聽，試圖造成浏覽者的錯覺，