網(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. 對網(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è)優(yōu)秀的設(shè)計(jì)，然后輔之優(yōu)秀的制作。設(shè)計(jì)是網(wǎng)站的核心和靈魂，一個(gè)相同的設(shè)計(jì)可以有多種制作表現(xiàn)的方式。

二．我們說的“網(wǎng)站”是指有確定主題和明確目的的實(shí)用性站點(diǎn)，不包括純表現(xiàn)類或者純文字類網(wǎng)站。

三．在文章中，可能舉例說明或點(diǎn)評到某些具體站點(diǎn)。

定位你的網(wǎng)站主題和名稱

設(shè)計(jì)一個(gè)站點(diǎn)，首先遇到的問題就是定位網(wǎng)站主題。

所謂主題也就是你的網(wǎng)站的題材。網(wǎng)絡(luò)上的網(wǎng)站題材千奇百怪，琳瑯滿目。只要你想的到，就可以把它制作出來。下面是美國《個(gè)人電腦》雜志 (PC Magazine) 評出的 99 年度排名前 100 位的全美知名網(wǎng)站的十類題材，對我們有一些參考價(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ù)，難以選擇而煩惱了吧 :)

對于題材的選擇，我的建議是：

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)容。比如：您對擅長編程，就可以建立一個(gè)編程愛好者網(wǎng)站；對足球感興趣，可以報(bào)道最新的戰(zhàn)況，球星動(dòng)態(tài)等。這樣在制作時(shí)，才不會(huì)覺得無聊或者力不從心。興趣是制作網(wǎng)站的動(dòng)力，沒有熱情，很難設(shè)計(jì)制作出杰出的作品。

3. 題材不要太濫或者目標(biāo)太高。“太濫”是指到處可見，人人都有的題材；比如軟件下載，免費(fèi)信息。“目標(biāo)太高”是指在這一題材上已經(jīng)有非常優(yōu)秀，知名度很高的站點(diǎn)，你要超過它是很困難的。除非你下決心和有實(shí)力競爭并超過它，記住，在互聯(lián)網(wǎng)上只有第一，人們往往只記得最好的網(wǎng)站，第二第三名的印象則會(huì)淺得多。

OK ，如果你已經(jīng)有一個(gè)絕妙的主意了，那我們開始為網(wǎng)站起名字。您可能認(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)站名稱是否正氣，響亮，易記，對網(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í)間翻字典也是值得的。