【DOC】平面設(shè)計(jì)中的網(wǎng)頁(yè)設(shè)計(jì)

1、平面設(shè)計(jì)中的網(wǎng)頁(yè)設(shè)計(jì)劉 春 青網(wǎng)頁(yè)設(shè)計(jì)與傳統(tǒng)的平面設(shè)計(jì)在視覺(jué)傳達(dá)方面很大的相似之處，但是在技術(shù)實(shí)現(xiàn)方面又是有著很大的區(qū)別。網(wǎng)頁(yè)設(shè)計(jì)是傳統(tǒng)的平面設(shè)計(jì)的視覺(jué)傳達(dá)效果運(yùn)用和網(wǎng)絡(luò)技術(shù)實(shí)現(xiàn)的有機(jī)結(jié)合，我們可以說(shuō)網(wǎng)頁(yè)設(shè)計(jì)是綜合平面設(shè)計(jì)藝術(shù)和網(wǎng)絡(luò)技術(shù)的一門(mén)邊緣學(xué)科。平面設(shè)計(jì)，從軟件處理性質(zhì)來(lái)說(shuō)，分為三種，矢量圖、文字、位圖，所以平面設(shè)計(jì)軟件的采用，其實(shí)就是如讓軟件將這三種設(shè)計(jì)元素完美組合。1、 位圖處理位圖處理軟件行內(nèi)流行的有photoshop、fireworks、Paintshop、Painter四款，但是在平面設(shè)計(jì)領(lǐng)域，基本清一色的采用photoshop了，在平面設(shè)計(jì)的初級(jí)階段，PS的應(yīng)用幾乎成了很多公

2、司對(duì)你水平高低的最重要評(píng)判指標(biāo)。就曾經(jīng)有一個(gè)畢業(yè)回學(xué)校的的學(xué)生對(duì)我抱怨說(shuō)除了Photoshop，學(xué)校學(xué)的軟件外面單位基本都不用。這樣的說(shuō)法不是沒(méi)有道理，但其它的軟件如Painter，如果你是畫(huà)插畫(huà)的，那么請(qǐng)撇開(kāi)photoshop吧，因?yàn)橄鄬?duì)于電腦繪畫(huà)來(lái)說(shuō)，photoshop壓根兒就不是Painter的對(duì)手。Fireworks是用于網(wǎng)頁(yè)設(shè)計(jì)當(dāng)中的位圖處理軟件，用來(lái)處理要放在網(wǎng)頁(yè)中的位圖。和Photoshop用法差不多，但在功能上比PS卻差多了，它的強(qiáng)項(xiàng)在于處理網(wǎng)頁(yè)中的gif圖，其特點(diǎn)是快捷、方便、自由。Fireworks處理的圖片文件都比較小，正好適用于網(wǎng)頁(yè)。2、矢量圖處理軟件專業(yè)領(lǐng)域流行的有C

3、orelDraw、Illustrator、FreeHand 、PageMaker（應(yīng)該說(shuō)是文字排版軟件才對(duì)）CorelDraw在中國(guó)的知名度要比它在世界上的知名度要高，它是一款集矢量圖編輯和文字排版功能一體的軟件，優(yōu)點(diǎn)是功能強(qiáng)大，操作簡(jiǎn)單容易上手；缺點(diǎn)是對(duì)位圖支持（特別是顏色方面）有缺陷。Illustrator是一款集矢量圖編輯和文字排版功能一體的軟件，優(yōu)點(diǎn)是文字排版效果和矢量圖繪畫(huà)比較出色，和photoshop有最好的兼容性，缺點(diǎn)是排版和編輯方面有所欠缺，輸出位圖時(shí)間特長(zhǎng)FreeHand是一款集矢量圖編輯和文字排版功能一體的軟件，徒手繪圖、排版以及特效處理方面比較出色，但是對(duì)位圖支

4、持不好，F(xiàn)reeHand號(hào)稱小CorelDraw。PageMaker是一款集文字排版軟件軟件，自動(dòng)頁(yè)面設(shè)定、樣板頁(yè)面設(shè)定、文字段落設(shè)定、文字繞圖等等功能什么都有，缺點(diǎn)是操作極其不方便，連“Ctrl+Z”這種快捷鍵都不能用。而且不利于中文的排版。隨著Adobe公司對(duì)其停止開(kāi)發(fā)。它的命運(yùn)必然是被淘汰。其實(shí)很多軟件是共通的，比方說(shuō)你學(xué)了CorelDraw,基本上也熟悉了FreeHand，學(xué)習(xí)了photoshop和理解了矢量圖，Illustrator也就容易了，至于PageMaker，那更是看了就能用的軟件。網(wǎng)頁(yè)設(shè)計(jì)是一門(mén)新興的邊緣性的行業(yè)，在網(wǎng)絡(luò)產(chǎn)生以后應(yīng)運(yùn)而生。網(wǎng)頁(yè)制作又有人稱之為網(wǎng)頁(yè)排版，簡(jiǎn)單說(shuō)

5、就是說(shuō)將文字、圖片和動(dòng)畫(huà)按照一定的個(gè)人審美觀念在頁(yè)面上進(jìn)行排版的過(guò)程。網(wǎng)頁(yè)如門(mén)面，小到個(gè)人主頁(yè)，大到大公司、大的政府部門(mén)以及國(guó)際組織等在網(wǎng)絡(luò)上無(wú)不以網(wǎng)頁(yè)作為自己的門(mén)面。當(dāng)點(diǎn)擊到網(wǎng)站時(shí)，首先映入眼簾的是該網(wǎng)頁(yè)的界面設(shè)計(jì)，如內(nèi)容的介紹、按鈕的擺放、文字的組合、色彩的應(yīng)用、使用的引導(dǎo)等等。這一切都是網(wǎng)頁(yè)設(shè)計(jì)的范疇，都是網(wǎng)頁(yè)設(shè)計(jì)者的工作。所以我們不難看出網(wǎng)頁(yè)設(shè)計(jì)和平面設(shè)計(jì)的概念異曲同工。網(wǎng)頁(yè)設(shè)計(jì)的軟件可謂五花八門(mén)，因?yàn)榫W(wǎng)頁(yè)在網(wǎng)絡(luò)上傳輸?shù)氖谴a，只要你喜歡，甚至可以用記事本來(lái)編輯它。而專業(yè)領(lǐng)域內(nèi)流行的網(wǎng)頁(yè)設(shè)計(jì)軟件一般有：DreamWeaver，F(xiàn)rontPage，HomeSite三種。DreamWeav

6、er是一款可視化的網(wǎng)頁(yè)制作工具，它非常適合那些美工出身的網(wǎng)頁(yè)設(shè)計(jì)人員，他們有較強(qiáng)的美術(shù)感覺(jué)，喜歡用快捷工具制作頁(yè)面特效，但他們對(duì)HTML代碼的掌握比較生疏，特別是他們希望一些后臺(tái)的程序代碼能和他的前臺(tái)頁(yè)面設(shè)計(jì)分開(kāi)，對(duì)此DreamWeaver確實(shí)有很多優(yōu)勢(shì)。FrontPage也是一款網(wǎng)頁(yè)設(shè)計(jì)工具，它的特點(diǎn)是體積龐大，其安裝文件就約360 Mb；同時(shí)功能也復(fù)雜，即是網(wǎng)頁(yè)設(shè)計(jì)工具，又是站點(diǎn)管理 工具，而且還可以外掛第三方電子商務(wù)插件（注：這種插件都是付費(fèi)的）提供快速的電子商務(wù)功能HomeSite5.5也是Macromedia公司的一款網(wǎng)頁(yè)設(shè)計(jì)軟件，但它的特點(diǎn)與DreamWeaver就有很大不同了，首

7、先它不是可視化的網(wǎng)頁(yè)制作工具，它的 使用者通常是那些對(duì)HTML代碼和CGI程序非常熟悉的設(shè)計(jì)人員，這些人大多是早期的Web開(kāi)發(fā)者，他們看著一行行的HTML代碼就如同瀏覽頁(yè)面一樣 ，因此HomeSite對(duì)于那些喜歡使用源代碼、或者不僅僅使用HTML代碼來(lái)編程的開(kāi)發(fā)人員來(lái)說(shuō)具有特殊的吸引力。作為一個(gè)中職院校畢業(yè)的學(xué)生來(lái)說(shuō)，要掌握編寫(xiě)大量動(dòng)態(tài)網(wǎng)頁(yè)代碼的技術(shù)是不現(xiàn)實(shí)的。而DreamWeaver這個(gè)軟件不需要理會(huì)后臺(tái)程序代碼，而且非常適合有美工基礎(chǔ)的設(shè)計(jì)者。因此Macromedia公司的網(wǎng)頁(yè)三劍客（DreamWeaver、Flash、Fireworks）成為中等職業(yè)學(xué)校網(wǎng)頁(yè)制作專業(yè)的首選教材。其中三個(gè)軟

8、件各有分工，F(xiàn)ireworks 處理網(wǎng)頁(yè)中的圖片DreamWeaver承擔(dān)站點(diǎn)編輯和頁(yè)面排版的任務(wù)、至于Flash，不用解釋也知道是制作網(wǎng)頁(yè)中的動(dòng)畫(huà)效果。Macromedia公司的想法可謂是天衣無(wú)縫，可惜卻事與愿違。由于DreamWeaver的頁(yè)面編輯功能十分的惡心，例如圖層作為唯一的一個(gè)能在網(wǎng)頁(yè)上隨意定位的工具，出來(lái)的效果卻往往是所見(jiàn)不所得。要想排列美觀，還是得用表格，就象早先手繪時(shí)要先“打格子”。十分的不方便。美工出身的網(wǎng)頁(yè)設(shè)計(jì)人員從Fireworks提供切片功能當(dāng)中找到靈感，用PS這種更加專業(yè)的圖象處理工具來(lái)做切片豈不是更好。于是平面設(shè)計(jì)的代表軟件Photoshop成為了網(wǎng)頁(yè)設(shè)計(jì)的主要工

9、具，而DreamWeaver就淪落到只是進(jìn)行站點(diǎn)的管理和頁(yè)面之間的超連接。功能雖然不多，但卻是必不可少。至于三個(gè)軟件中最受歡迎，最有前途的Flash，好象是絕對(duì)不和平面設(shè)計(jì)的軟件同流合污的。其實(shí)仔細(xì)看看我們不難發(fā)現(xiàn)Flash里所有會(huì)動(dòng)的元素都是矢量圖，F(xiàn)lash本身的繪圖功能有多強(qiáng)大大家都心知肚明。而Illustrator制作出的AI文件卻可以直接導(dǎo)入到Flash的Symbol庫(kù)中，是Flash的堅(jiān)強(qiáng)后盾。所以它們之間的關(guān)系是密不可分的。以上我們不難看出，網(wǎng)頁(yè)設(shè)計(jì)可以說(shuō)是平面設(shè)計(jì)中的旁支，作為一個(gè)平面設(shè)計(jì)人員你可以不懂網(wǎng)頁(yè)是何物，而如果你作為一個(gè)網(wǎng)頁(yè)設(shè)計(jì)人員，一點(diǎn)都不懂平面設(shè)計(jì)的話，無(wú)論從理論

10、還是從實(shí)際的軟件操作看。你都是一個(gè)跛腳的網(wǎng)頁(yè)設(shè)計(jì)者。而一個(gè)出色的平面設(shè)計(jì)者也不能說(shuō)一定是出色的網(wǎng)頁(yè)設(shè)計(jì)者。因?yàn)閭鹘y(tǒng)的平面設(shè)計(jì)作品是以向人們傳達(dá)某種信息或訴求為目的；而網(wǎng)頁(yè)設(shè)計(jì)除了擁有平面設(shè)計(jì)作平的功能以外，還有重要的向?qū)Ш瓦B接功能，即網(wǎng)頁(yè)具有很強(qiáng)的可操作性和互動(dòng)性。例如很多人在設(shè)計(jì)網(wǎng)站的時(shí)候會(huì)有這樣的一個(gè)現(xiàn)象，做出來(lái)的網(wǎng)站是很漂亮，但是讓訪問(wèn)的人無(wú)從下手來(lái)進(jìn)行訪問(wèn)，想從這個(gè)網(wǎng)站里找點(diǎn)自己感興趣的內(nèi)容但就是怎么也找不到，但也不是說(shuō)這個(gè)網(wǎng)站里沒(méi)有這些內(nèi)容，有是有，但就是找不到或者找起來(lái)很麻煩。這說(shuō)明了一個(gè)問(wèn)題，即向?qū)院涂刹僮餍?。另外，?dòng)靜結(jié)合是網(wǎng)頁(yè)設(shè)計(jì)的另一重要特色，這點(diǎn)在平面設(shè)計(jì)里是無(wú)法實(shí)現(xiàn)的?？偟膩?lái)說(shuō)，網(wǎng)頁(yè)設(shè)計(jì)應(yīng)該隸屬于平面設(shè)計(jì)，之所以分開(kāi)來(lái)談是因?yàn)椤捌矫嬖O(shè)計(jì)”名詞出現(xiàn)的時(shí)候還沒(méi)有網(wǎng)頁(yè)設(shè)計(jì)。我覺(jué)得兩者只是載體不一樣，一個(gè)依賴于印刷和傳統(tǒng)的媒體，設(shè)計(jì)出的色彩模式是C、M、Y、K。而網(wǎng)頁(yè)是靠互聯(lián)