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