關於網站設計的思考[1/11] (轉)

前言
4 o# p- d) z% N" |. s9 {' E8 P3 x　　大家好，我是XX。
8 U1 P6 |# |3 Q+ v4 d/ W: }　　很榮幸，能在這裡和大家一起探討關於網站設計的問題。目前，網絡上有關網頁製作的各種教程已經相當多，可以方便地學習到最新的技術和技巧。可是，有關網頁的設計,比如設計靈感的實現，風格的確定，發展策略，技術的篩選等的文章卻比較少，許多網友往往有好的材料，卻苦惱沒有好的具有表現力的設計。受到索易主持人的鼓勵，阿捷整理了一些網頁的設計心得，在這裡和大家交流一下，也算拋磚引玉了，希望得到您的指正!
　　網站設計，包含的內容非常多。大體分兩個方面：
9 y% `' \3 W7 }& d6 Z6 D+ ]　　一方面是純網站本身的設計比如文字排版，圖片製作，平面設計，三維立體設計，靜態無聲圖文，動態有聲影像等；
" M$ G2 j  p! `. L0 n! t/ t, Q3 Z2 c　　另一方面是網站的延伸設計，包括網站的主題定位和瀏覽群的定位，智能交互，製作策劃，形象包裝，宣傳營銷等等。
　　這兩方面相輔相成（感覺有點像寫辨證論文：），加之網絡技術的飛速發展，要提出一個絕對正確和權威的設計思路是不可能的，要想在一篇文章中概括出來也很難，所以阿捷根據建設一個網站的思路，將自己幾年來網站設計製作的心得整理成一個系列「講座」，告訴給大家（注意：我並不會非常具體地講某一個技術或製作技巧，重點在於思路）希望能給您一些幫助。下面是大致的提綱：
& Q' D7 c  S5 m* T, ?
/ a% _' ?1 V+ b/ B: ~1.定位你的網站主題和名稱；
2.定位你的網站CI形象；
3.確定你的欄目和版塊；
4.網站的整體風格創意設計
5.網站的層次結構和鏈接結構
' P4 d* a3 J0 N2 P' x6.首頁的設計
7.版面佈局的竅門
8.色彩的搭配
% |  c' v" x4 W; S9.效果與速度
3 J0 c3 ?  t* K) z10.替瀏覽者考慮
11.細微之處見功力
# `" A4 J' ?* a" D12.建設完成度與推出時間
9 W  U1 E% u1 @. W. K$ k. X$ |: P13.交互性與親和度
14.考慮不同的瀏覽器和分辨率
& G4 D' u; _& A. L8 J15.字體的設置和表格的嵌套
8 z( K2 Y. b) P% r+ L; }7 Y- G16.新技術的運用取捨
17.設計好你的banner和位置
# O- [3 J/ A6 d) F' o' G18.語句文字--融入感情
% K8 p% t9 \- q8 m( M" i19.對網站設計初學者的建議

, @4 j$ o* n5 X2 p　　以上是本「系列」文章的提綱，會根據實際撰寫情況作些變動。每星期一篇。我們開始之前，首先明確幾個前提：
. p6 k1 \" Q" T/ X/ e# u$ @  `　　一．網站設計與網站製作。我們說網站「設計」而不是網站「製作」，它們的區別在於設計是一個思考的過程，而製作只是將思考的結果表現出來。一個成功的網站首先需要一個優秀的設計，然後輔之優秀的製作。設計是網站的核心和靈魂，一個相同的設計可以有多種製作表現的方式。
　　二．我們說的「網站」是指有確定主題和明確目的的實用性站點，不包括純表現類或者純文字類網站。
: c6 f- X. d# d, V& L) ?　　三．在文章中，可能舉例說明或點評到某些具體站點。首先申明，阿捷不存在為任何站點作廣告的「嫌疑「。
# X+ M' b; A" x& k5 l/ i5 H% k好了，廢話少說，我們進入正題：

========================================================
8 W! i  ]- Q+ \
* G  V9 `$ P" h% f2 ?+ p9 a8 u一：定位你的網站主題和名稱
, y) W2 O  j/ y; Q9 a5 N
( v, d) i# }! u2 a. t　　設計一個站點，首先遇到的問題就是定位網站主題。
　　所謂主題也就是你的網站的題材。網絡上的網站題材千奇百怪,琳琅滿目。只要你想的到，就可以把它製作出來。下面是美國《個人電腦》雜誌(PC Magazine)評出的99年度排名前100位的全美知名網站的十類題材，對我們有一些參考價值。
　　第1類：網上求職
+ Q) b4 ]. a: W/ f- @6 d; p　　第2類：網上聊天／即時信息/ ICQ
! w2 @7 z* K; J2 e8 O" U　　第3類：網上社區／討論 / 郵件列表
8 W0 Y: I1 t# V7 L　　第4類：計算機技術
. B& o- t; V# i7 @  ^) J1 m1 a　　第5類：網頁/ 網站開發
　　第6類：娛樂網站
4 n) _1 V0 C- x5 P; ?　　第7類：旅行
9 F  E- p. ], {% z0 y6 T- F　　第8類：參考 /資訊
　　第9類：家庭/教育
& q/ W0 A6 A- w5 k　　第10類：生活/時尚
: g. d7 g: J5 W" S　　每個大類都可以繼續細分，比如娛樂類再分為體育 /電影/ 音樂大類，音樂又可以按格式分為MP3，VQF，Ra，按表現形式分古典，現代，搖滾等。以上都只是最常見的題材，還有許多專業的，另類的，獨特的題材可以選擇，比如中醫，熱帶魚，天氣預報等等，同時，各個題材相聯繫和交叉結合可以產生新得題材，例如旅遊論壇（旅遊+討論），經典入球播放（足球+影視）按這樣分下去，題材可以有成千上萬個，你不會再為題材重複，難以選擇而煩惱了吧
　　對於題材的選擇，我的建議是：
. [3 [5 i1 h; g4 i* M# Y4 A! r　　1.主題要小而精。定位要小，內容要精。如果你想製作一個包羅萬象的站點，把所有您認為精彩的東西都放在上面，那麼往往會事與願違，給人的感覺是沒有主題，沒有特色，樣樣有卻樣樣都很膚淺，因為您不可能有那麼多的精力去維護它。網絡的最大特點就是新和快，目前最熱門的個人主頁都是天天更新甚至幾小時更新一次。最新的調查結果也顯示，網絡上的「主題站」比「萬全站」更受人們喜愛，就好比專賣店和百貨商店，如果我需要買某方面的東西，肯定會選擇專買店。再舉個例子，我的一位網友KK希望製作文學方面的題材，但是文學也包括許多許多內容，有小說，詩歌，散文；有科幻，武俠，推理；阿捷仔細瞭解了他的擅長和想要提供的主要內容，最後將題材定位在網絡文學上，刪除了原有的一些無關的文學作品，集中擴大和整理網絡文學作品。網站推出後，很快受到大家的喜愛。
. a# l3 ]2 Z  V0 E$ o$ ~　　2.題材最好是你自己擅長或者喜愛的內容。比如：您對擅長編程，就可以建立一個編程愛好者網站；對足球感興趣，可以報道最新的戰況，球星動態等。這樣在製作時，才不會覺得無聊或者力不從心。興趣是製作網站的動力，沒有熱情，很難設計製作出傑出的作品。
3.題材不要太濫或者目標太高。「太濫」是指到處可見，人人都有的題材；比如軟件下載，免費信息。「目標太高」是指在這一題材上已經有非常優秀，知名度很高的站點，你要超過它是很困難的。除非你下決心和有實力競爭並超過它，記住，在互聯網上只有第一，人們往往只記得最好的網站，第二第三名的印象則會淺得多。
9 }* z8 l( I+ _  `4 r3 J
, E2 n3 E  M0 K5 o3 M' h* A　　OK，如果你已經有一個絕妙的主意了，那我們開始為網站起名字。（哎呀，別踢我！）您可能認為起名字與網站設計無關，阿捷在這裡浪費時間。其實網站名稱也是網站設計的一部分，而且是很關鍵的一個要素。你來看，「電腦學習室」和「電腦之家」顯然是後者簡練；「迷笛樂園」和「MIDI樂園」顯然是後者明晰；「兒童天地」和「中國幼兒園」顯然是後者大氣。我們都知道PIIICUP的中文名稱「奔騰」，如果改為「奔跑」，可能就沒有今天這麼「火」了。和現實生活中一樣，網站名稱是否正氣，響亮，易記，對網站的形象和宣傳推廣也有很大影響。一般的建議是：

　　1. 名稱要正。這個「正」是阿捷自己的說法，其實就是要合法，和理，和情。不能用反動的，色情的，迷信的，危害社會安全的名詞語句。
　　2. 名稱要易記。根據中文網站瀏覽者的特點，除非特定需要，網站名稱最好用中文名稱，不要使用英文或者中英文混合型名稱。例如：beyond studio和超越工作室，後者更親切好記。另外，網站名稱的字數應該控制在六個字（最好四個字）以內，比如「XX閣」「XX設計室」，四個字的可以用成語，如「一網打進」。字數少還有個好處，一般友情鏈接的小logo尺寸是88X31，而六個字的寬度是78左右，適合於其他站點的鏈接排版。
4 j% _7 H  A4 @0 @1 S　　3. 名稱要有特色。名稱平實就可以接受，如果能體現一定的內涵，給瀏覽者更多的視覺衝擊和空間想像力，則為上品。這裡舉幾個阿捷認為很好的名稱：音樂前衛，網頁陶吧，天籟絕音。在體現出網站主題的同時，能點出特色之處。
$ k! x% x, e, a, {0 t9 R' d; J- a" m7 W
" D) J7 P% q0 m　　總之，定位題材和名稱是設計一個網站的第一步，也是很重要的一部分。如果能找到一個滿意的名稱，花一天時間翻字典也是值得的
　　好，今天的心得就寫到這裡。因為是第一篇，所以如果您對本系列講座形式有任何建議，請速來信告訴阿捷，以便阿捷作相應更改。如果您有更好的心得，也請來信，阿捷會擇優發表。謝謝大家！下次我們討論的主題是「定位你的網站CI形象」。

我頂！！

等待第二篇

原帖由 z1syy 於 2005-11-7 00:10 發表
等待第二篇

& B4 G' S3 o8 k4 m 頂老貼？