15-3 關(guān)于網(wǎng)頁設(shè)計(jì)和網(wǎng)站策劃

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

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

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

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

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

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

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