15-3 關于網(wǎng)頁設計和網(wǎng)站策劃

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

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

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

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

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

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

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