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

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

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

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

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

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

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

馬上開(kāi)始你們自己的大師之路吧！祝大家一切順利！我們后會(huì)有期！