15-3 關于網頁設計和網站策劃

下面我們就網頁設計這個領域做一些專門介紹，這些內容按照原計劃應該包含在本書中，由于篇幅所限不得不取消。不過沒關系，我們會繼續制作相應的教程繼續供大家學習。Photoshop和Illustrator都可以制作網頁設計稿，但我個人覺得Photoshop在這方面更出色一些，主要是因為圖層樣式較為豐富，可以很容易地制作出各種流行的效果。因此我都是用它進行網頁設計。但是如果需要制作徽標或一些插畫風格的人物，就需要Illustrator去完成。而同樣的工作讓Photoshop去完成就較為吃力。就好比讓使刀的選手參加劍術比賽一樣，吃力卻不討好。如果網頁設計稿是以插畫風格為主，如當下流行的一些韓國風格的手繪人物、風景等，那就需要大量使用Illustrator進行繪制。將繪制的結果輸入到Photoshop中進行頁面整體規劃。

在初學階段，都傾向于使用Photoshop進行設計和圖片切割，然后直接輸出為html的網頁文件，可以直接在瀏覽器中查看。這種方法的優勢很明顯，那就是簡單易行，不需要你具備網頁基礎知識就可以完成網頁制作。但缺點也很明顯，頁面結構單一死板，缺乏靈活性，修改時往往牽一發而動全身。對其中一個小部分修改也要整體重新輸出一次。因此只適合用來制作單頁的，基本不再需要修改的網頁。一些單頁的設計稿，如海報等，本來就沒有多少內容，將來也沒有什么機會修改，就可以采取這種方式直接搞定。

在熟練階段，不再以html的形式，而只是單純輸出各個圖片，然后在網頁制作軟件中，利用網頁元素進行重組。在我們教程網站上GoLive基礎視頻教程中的方法就屬于此類。所謂網頁元素就是表格、背景、浮動層、CSS樣式等。通過這種方式制作出來的網頁，就具備靈活的布局，方便修改。并且可以很好地與數據庫及編程人員進行工作交接，由他們完成網頁中與數據庫和腳本相關聯的動態部分。

在大師階段，就不再以Photoshop進行布局設計，完全使用網頁制作軟件，以網頁元素來構建所需要的頁面。我們的教程網站就是按照這種方式在GoLive中建立的。這種網頁及網站的風格一般都較為簡明，專注于內容的傳播，沒有過多的裝飾。此時大家應該是具備非常豐富的網頁制作經驗，且具備良好的網站策劃能力，能判斷在整個頁面中，哪個欄目重要哪個次要，并在布局上適當分配，較好地引導瀏覽者。到了這個階段，就基本與Photoshop無關了，只有在遇到一些需要處理或需要制作的圖片時才偶爾使用。

在我們的后續教程體系中，關于網頁設計制作的內容就是按照上述的三個階段進行。一開始并不涉及其他軟件，重點講述Photoshop的使用。雖然名為初學，卻是通往更高階段的必經之路。而在以后Photoshop的比重就會下降，逐漸淡出，重點轉向講述網頁制作軟件的使用以及整體的策劃思維。這樣大家就能同時具備平面設計和網站策劃兩種能力，雖然實際上它們分屬不同領域。因為我本人就是以上這樣一個過程，所以希望傾我所學將這些經驗告訴大家。

感謝大家的堅持，到這里基礎教程部分全部完成了。如果是從頭到尾看完的讀者，你們現在已經具備了非常全面的能力了。今后請盡可能地幫助遇到問題的初學者，不要因為他們的問題過于簡單而不加理會。知識要分享才有價值。

馬上開始你們自己的大師之路吧！祝大家一切順利！我們后會有期！