文章出處：阿捷《網(wǎng)頁設(shè)計(jì)師》前 言 大家好，我是阿捷�！ 『軜s幸，能在這里和大家一起探討關(guān)于網(wǎng)站設(shè)計(jì)的問題。目前，網(wǎng)絡(luò)上有關(guān)網(wǎng)頁制作的各種教程已經(jīng)相當(dāng)多，可以方便地學(xué)習(xí)到的技術(shù)和技巧。可是，有關(guān)網(wǎng)頁的設(shè)計(jì),比如設(shè)計(jì)靈感的實(shí)現(xiàn)，風(fēng)格的確定，發(fā)展策略，技術(shù)的篩選等的文章卻比較少，許多網(wǎng)友往往有好的材料，卻苦惱沒有好的具有表現(xiàn)力的設(shè)計(jì)。受到索易主持人的鼓勵(lì)，阿捷整理了一些網(wǎng)頁的設(shè)計(jì)心得，在這里和大家交流一下，也算拋磚引玉了，希望得到您的指正，如果您有好的建議和心得，也請(qǐng)發(fā)稿給我ajie@soim.com,在此先道一聲謝謝！ 網(wǎng)站設(shè)計(jì)，包含的內(nèi)容非常多。大體分兩個(gè)方面： 一方面是純網(wǎng)站本身的設(shè)計(jì)比如文字排版，圖片制作，平面設(shè)計(jì)，三維立體設(shè)計(jì)，靜態(tài)無聲圖文，動(dòng)態(tài)有聲影像等； 另一方面是網(wǎng)站的延伸設(shè)計(jì)，包括網(wǎng)站的主題定位和瀏覽群的定位，智能交互，制作策劃，形象包裝，宣傳營銷等等�！ ∵@兩方面相輔相成（感覺有點(diǎn)象寫辨證論文：），加之網(wǎng)絡(luò)技術(shù)的飛速發(fā)展，要提出一個(gè)正確和權(quán)威的設(shè)計(jì)思路是不可能的，要想在一篇文章中概括出來也很難，所以阿捷根據(jù)建設(shè)一個(gè)網(wǎng)站的思路，將自己幾年來網(wǎng)站設(shè)計(jì)制作的心得整理成一個(gè)系列“講座”，告訴給大家（注意：我并不會(huì)非常具體地講某一個(gè)技術(shù)或制作技巧，重點(diǎn)在于思路）希望能給您一些幫助。下面是大致的提綱：1.定位你的網(wǎng)站主題和名稱；2.定位你的網(wǎng)站CI形象；3.確定你的欄目和版塊；4.網(wǎng)站的整體風(fēng)格創(chuàng)意設(shè)計(jì)5.網(wǎng)站的層次結(jié)構(gòu)和鏈接結(jié)構(gòu)6.首頁的設(shè)計(jì)7.版面布局的竅門8.色彩的搭配9.效果與速度10.替瀏覽者考慮11.細(xì)微之處見功力12.建設(shè)完成度與推出時(shí)間13.交互性與親和度14.考慮不同的瀏覽器和分辨率15.字體的設(shè)置和表格的嵌套16.新技術(shù)的運(yùn)用取舍17.設(shè)計(jì)好你的banner和位置18.語句文字--融入感情19.對(duì)網(wǎng)站設(shè)計(jì)初學(xué)者的建議 以上是本“系列”文章的提綱，會(huì)根據(jù)實(shí)際撰寫情況作些變動(dòng)。每星期一篇。我們開始之前，首先明確幾個(gè)前提： 一．網(wǎng)站設(shè)計(jì)與網(wǎng)站制作。我們說網(wǎng)站“設(shè)計(jì)”而不是網(wǎng)站“制作”，它們的區(qū)別在于設(shè)計(jì)是一個(gè)思考的過程，而制作只是將思考的結(jié)果表現(xiàn)出來。一個(gè)成功的網(wǎng)站首先需要一個(gè)的設(shè)計(jì)，然后輔之的制作。設(shè)計(jì)是網(wǎng)站的核心和靈魂，一個(gè)相同的設(shè)計(jì)可以有多種制作表現(xiàn)的方式�！ 《覀冋f的“網(wǎng)站”是指有確定主題和明確目的的實(shí)用性站點(diǎn)，不包括純表現(xiàn)類或者純文字類網(wǎng)站�！ ∪谖恼轮�，可能舉例說明或點(diǎn)評(píng)到某些具體站點(diǎn)。首先申明，阿捷不存在為任何站點(diǎn)作廣告的“嫌疑“。好了，廢話少說，我們進(jìn)入正題：========================================================一：定位你的網(wǎng)站主題和名稱 設(shè)計(jì)一個(gè)站點(diǎn)，首先遇到的問題是定位網(wǎng)站主題。 所謂主題也是你的網(wǎng)站的題材。網(wǎng)絡(luò)上的網(wǎng)站題材千奇百怪,琳瑯滿目。只要你想的到，可以把它制作出來。下面是美國《個(gè)人電腦》雜志(PC Magazine)評(píng)出的99年度排名前100位的全美知名網(wǎng)站的十類題材，對(duì)我們有一些參考價(jià)值。第1類：網(wǎng)上求職 第2類：網(wǎng)上聊天／即時(shí)信息/ ICQ 第3類：網(wǎng)上社區(qū)／討論 / 郵件列表 第4類：計(jì)算機(jī)技術(shù) 第5類：網(wǎng)頁/ 網(wǎng)站開發(fā) 第6類：娛樂網(wǎng)站 第7類：旅行 第8類：參考 /資訊 第9類：家庭/教育 第10類：生活/時(shí)尚 每個(gè)大類都可以繼續(xù)細(xì)分，比如娛樂類再分為體育 /電影/ 音樂大類，音樂又可以按格式分為MP3，VQF，Ra，按表現(xiàn)形式分古典，現(xiàn)代，搖滾等。以上都只是最常見的題材，還有許多專業(yè)的，另類的，獨(dú)特的題材可以選擇，比如中醫(yī)，熱帶魚，天氣預(yù)報(bào)等等，同時(shí)，各個(gè)題材相聯(lián)系和交叉結(jié)合可以產(chǎn)生新得題材，例如旅游論壇（旅游+討論），經(jīng)典入球播放（足球+影視）按這樣分下去，題材可以有成千上萬個(gè)，你不會(huì)再為題材重復(fù)，難以選擇而煩惱了吧:) 對(duì)于題材的選擇，我的建議是： 1.主題要小而精。定位要小，內(nèi)容要精。如果你想制作一個(gè)包羅萬象的站點(diǎn)，把所有您認(rèn)為精彩的東西都放在上面，那么往往會(huì)事與愿違，給人的感覺是沒有主題，沒有特色，樣樣有卻樣樣都很膚淺，因?yàn)槟豢赡苡心敲炊嗟木θゾS護(hù)它。網(wǎng)絡(luò)的特點(diǎn)是新和快，目前最熱門的個(gè)人主頁都是天天更新甚至幾小時(shí)更新一次。的調(diào)查結(jié)果也顯示，網(wǎng)絡(luò)上的“主題站”比“萬全站”更受人們喜愛，好比專賣店和百貨商店，如果我需要買某方面的東西，肯定會(huì)選擇專買店。再舉個(gè)例子，我的一位網(wǎng)友KK希望制作文學(xué)方面的題材，但是文學(xué)也包括許多許多內(nèi)容，有小說，詩歌，散文；有科幻，武俠，推理；阿捷仔細(xì)了解了他的擅長和想要提供的主要內(nèi)容，將題材定位在網(wǎng)絡(luò)文學(xué)上，刪除了原有的一些無關(guān)的文學(xué)作品，集中擴(kuò)大和整理網(wǎng)絡(luò)文學(xué)作品。網(wǎng)站推出后，很快受到大家的喜愛。 2.題材是你自己擅長或者喜愛的內(nèi)容。比如：您對(duì)擅長編程，可以建立一個(gè)編程愛好者網(wǎng)站；對(duì)足球感興趣，可以報(bào)道的戰(zhàn)況，球星動(dòng)態(tài)等。這樣在制作時(shí)，才不會(huì)覺得無聊或者力不從心。興趣是制作網(wǎng)站的動(dòng)力，沒有熱情，很難設(shè)計(jì)制作出杰出的作品。3.題材不要太濫或者目標(biāo)太高�！疤珵E”是指到處可見，人人都有的題材；比如軟件下載，免費(fèi)信息。“目標(biāo)太高”是指在這一題材上已經(jīng)有非常，知名度很高的站點(diǎn)，你要超過它是很困難的。除非你下決心和有實(shí)力競(jìng)爭(zhēng)并超過它，記住，在互聯(lián)網(wǎng)上只有，人們往往只記得的網(wǎng)站，第二第三名的印象則會(huì)淺得多�！ K，如果你已經(jīng)有一個(gè)絕妙的主意了，那我們開始為網(wǎng)站起名字。（哎呀，別踢我�。┠赡苷J(rèn)為起名字與網(wǎng)站設(shè)計(jì)無關(guān)，阿捷在這里浪費(fèi)時(shí)間。其實(shí)網(wǎng)站名稱也是網(wǎng)站設(shè)計(jì)的一部分，而且是很關(guān)鍵的一個(gè)要素。你來看，“電腦學(xué)習(xí)室”和“電腦之家”顯然是后者簡練；“迷笛樂園”和“MIDI樂園”顯然是后者明晰；“兒童天地”和“中國幼兒園”顯然是后者大氣。我們都知道PIIICUP的中文名稱“奔騰”，如果改為“奔跑”，可能沒有這么“火”了:)。和現(xiàn)實(shí)生活中一樣，網(wǎng)站名稱是否正氣，響亮，易記，對(duì)網(wǎng)站的形象和宣傳推廣也有很大影響。一般的建議是： 1. 名稱要正。這個(gè)“正”是阿捷自己的說法，其實(shí)是要合法，和理，和情。不能用反動(dòng)的，色情的，迷信的，危害社會(huì)的名詞語句。 2. 名稱要易記。根據(jù)中文網(wǎng)站瀏覽者的特點(diǎn)，除非特定需要，網(wǎng)站名稱用中文名稱，不要使用英文或者中英文混合型名稱。例如：beyond studio和超越工作室，后者更親切好記。另外，網(wǎng)站名稱的字?jǐn)?shù)應(yīng)該控制在六個(gè)字（四個(gè)字）以內(nèi)，比如“XX閣”“XX設(shè)計(jì)室”，四個(gè)字的可以用成語，如“一網(wǎng)打進(jìn)”。字?jǐn)?shù)少還有個(gè)好處，一般友情鏈接的小logo尺寸是88X31，而六個(gè)字的寬度是78左右，適合于其他站點(diǎn)的鏈接排版。 3. 名稱要有特色。名稱平實(shí)可以接受，如果能體現(xiàn)一定的內(nèi)涵，給瀏覽者更多的視覺沖擊和空間想象力，則為上品。這里舉幾個(gè)阿捷認(rèn)為很好的名稱：音樂前衛(wèi)，網(wǎng)頁陶吧，天籟絕音。在體現(xiàn)出網(wǎng)站主題的同時(shí)，能點(diǎn)出特色之處�！ 】傊�，定位題材和名稱是設(shè)計(jì)一個(gè)網(wǎng)站的步，也是很重要的一部分。如果能找到一個(gè)滿意的名稱，花時(shí)間翻字典也是值得的:)
上一篇：
確定網(wǎng)站的欄目和版塊
下一篇：
網(wǎng)頁制作之“事不過三”