前言
: l( Z0 ^& x- }" m# k 大家好,我是XX。( }5 s; S; f, \2 X' ?) Q
很榮幸,能在這裡和大家一起探討關於網站設計的問題。目前,網絡上有關網頁製作的各種教程已經相當多,可以方便地學習到最新的技術和技巧。可是,有關網頁的設計,比如設計靈感的實現,風格的確定,發展策略,技術的篩選等的文章卻比較少,許多網友往往有好的材料,卻苦惱沒有好的具有表現力的設計。受到索易主持人的鼓勵,阿捷整理了一些網頁的設計心得,在這裡和大家交流一下,也算拋磚引玉了,希望得到您的指正!
8 F! W1 g- ]/ N; J: R6 N0 f4 G 網站設計,包含的內容非常多。大體分兩個方面:
& w: l7 Q% H9 ]# d8 B. D3 D 一方面是純網站本身的設計比如文字排版,圖片製作,平面設計,三維立體設計,靜態無聲圖文,動態有聲影像等;/ _- F% K6 k3 o) G" j1 O+ g
另一方面是網站的延伸設計,包括網站的主題定位和瀏覽群的定位,智能交互,製作策劃,形象包裝,宣傳營銷等等。
8 D3 ^4 L1 W. P5 F& m 這兩方面相輔相成(感覺有點像寫辨證論文:),加之網絡技術的飛速發展,要提出一個絕對正確和權威的設計思路是不可能的,要想在一篇文章中概括出來也很難,所以阿捷根據建設一個網站的思路,將自己幾年來網站設計製作的心得整理成一個系列「講座」,告訴給大家(注意:我並不會非常具體地講某一個技術或製作技巧,重點在於思路)希望能給您一些幫助。下面是大致的提綱:9 ?0 T3 M* n% l1 T9 o5 ? g- } e/ V
V6 k- X8 ~' Z0 R* |
1.定位你的網站主題和名稱;0 t& E" a! S) G5 S: p9 V; [& D
2.定位你的網站CI形象;
+ m6 F' u" @# `9 b- W4 m/ r3.確定你的欄目和版塊;
% U/ z) N* Z* l4.網站的整體風格創意設計: Q9 Y" N( e6 n
5.網站的層次結構和鏈接結構7 M- E' o3 J* Z$ D( p( Z* k
6.首頁的設計
0 h6 M# P% C- D) u) \7.版面佈局的竅門" v: U- {0 B8 c* k7 R- m
8.色彩的搭配
% J% `1 X3 }4 p! M- W9.效果與速度 j# G% l j, p7 }3 I3 W# X
10.替瀏覽者考慮# U! r2 Y9 V* a& @' w N& k% a' o
11.細微之處見功力
' ?) Z8 { W) _- B) M# c12.建設完成度與推出時間
0 ~# m8 e/ k- H13.交互性與親和度
* z$ P+ ~3 q1 e) l% ]& ]; _14.考慮不同的瀏覽器和分辨率* ]3 X3 Q$ g( b9 O
15.字體的設置和表格的嵌套
e6 Q! Z- x* I1 C: o" x( _8 O16.新技術的運用取捨8 c+ q$ i9 d7 t4 c
17.設計好你的banner和位置8 N- _" V7 f9 i/ n) Q. h/ y. V- @
18.語句文字--融入感情, L/ L& z1 p& X
19.對網站設計初學者的建議
2 u/ F! v% @) C+ ^
) b6 u5 {6 d) Y+ y+ u( s: M7 n 以上是本「系列」文章的提綱,會根據實際撰寫情況作些變動。每星期一篇。我們開始之前,首先明確幾個前提:3 p1 ~1 w/ I5 q
一.網站設計與網站製作。我們說網站「設計」而不是網站「製作」,它們的區別在於設計是一個思考的過程,而製作只是將思考的結果表現出來。一個成功的網站首先需要一個優秀的設計,然後輔之優秀的製作。設計是網站的核心和靈魂,一個相同的設計可以有多種製作表現的方式。
/ Y7 u& F2 O$ }# ~ 二.我們說的「網站」是指有確定主題和明確目的的實用性站點,不包括純表現類或者純文字類網站。+ S2 {+ {0 {% n4 C, T7 {
三.在文章中,可能舉例說明或點評到某些具體站點。首先申明,阿捷不存在為任何站點作廣告的「嫌疑「。
8 e0 J6 S* n+ z% G: e7 o好了,廢話少說,我們進入正題:
; b# d! c, _/ }: Y) @4 g# ^- W
) ^- \% k; x8 o+ g$ _ \6 t: f========================================================
3 s: j/ @5 \* u- C
% L& y9 |% ^3 N; x7 ^一:定位你的網站主題和名稱
1 k+ z3 p+ S/ m: b& h' u4 H4 N+ ?
設計一個站點,首先遇到的問題就是定位網站主題。; r* [8 M1 L' ^6 N- M
所謂主題也就是你的網站的題材。網絡上的網站題材千奇百怪,琳琅滿目。只要你想的到,就可以把它製作出來。下面是美國《個人電腦》雜誌(PC Magazine)評出的99年度排名前100位的全美知名網站的十類題材,對我們有一些參考價值。. c/ O+ O4 D7 H
第1類:網上求職
! x2 u, H9 H' z3 H/ c V% L! _ 第2類:網上聊天/即時信息/ ICQ0 }% K3 @# e, Q% x" {6 ~% k
第3類:網上社區/討論 / 郵件列表
4 W6 k; |: {0 A& L 第4類:計算機技術6 c" l# a$ U! B+ W$ Y5 c
第5類:網頁/ 網站開發
0 d3 G4 Z# q: w9 r 第6類:娛樂網站 % a( w9 o+ t) o4 q/ f0 c% |
第7類:旅行
, d( X W) w! Q r4 O2 ~ 第8類:參考 /資訊
7 i _. \! v; l. s9 K0 \9 r E: j 第9類:家庭/教育
8 B- _) S) F9 @3 K2 \ 第10類:生活/時尚
& K* X1 R+ _- ~. B$ D( }' L4 {/ p 每個大類都可以繼續細分,比如娛樂類再分為體育 /電影/ 音樂大類,音樂又可以按格式分為MP3,VQF,Ra,按表現形式分古典,現代,搖滾等。以上都只是最常見的題材,還有許多專業的,另類的,獨特的題材可以選擇,比如中醫,熱帶魚,天氣預報等等,同時,各個題材相聯繫和交叉結合可以產生新得題材,例如旅遊論壇(旅遊+討論),經典入球播放(足球+影視)按這樣分下去,題材可以有成千上萬個,你不會再為題材重複,難以選擇而煩惱了吧8 G& L% B5 ^ m
對於題材的選擇,我的建議是:
% i3 v! j1 N4 U6 ^. Q 1.主題要小而精。定位要小,內容要精。如果你想製作一個包羅萬象的站點,把所有您認為精彩的東西都放在上面,那麼往往會事與願違,給人的感覺是沒有主題,沒有特色,樣樣有卻樣樣都很膚淺,因為您不可能有那麼多的精力去維護它。網絡的最大特點就是新和快,目前最熱門的個人主頁都是天天更新甚至幾小時更新一次。最新的調查結果也顯示,網絡上的「主題站」比「萬全站」更受人們喜愛,就好比專賣店和百貨商店,如果我需要買某方面的東西,肯定會選擇專買店。再舉個例子,我的一位網友KK希望製作文學方面的題材,但是文學也包括許多許多內容,有小說,詩歌,散文;有科幻,武俠,推理;阿捷仔細瞭解了他的擅長和想要提供的主要內容,最後將題材定位在網絡文學上,刪除了原有的一些無關的文學作品,集中擴大和整理網絡文學作品。網站推出後,很快受到大家的喜愛。# W% e% J$ X8 n2 K" X7 S
2.題材最好是你自己擅長或者喜愛的內容。比如:您對擅長編程,就可以建立一個編程愛好者網站;對足球感興趣,可以報道最新的戰況,球星動態等。這樣在製作時,才不會覺得無聊或者力不從心。興趣是製作網站的動力,沒有熱情,很難設計製作出傑出的作品。: w; n3 [3 R3 j$ m: ^
3.題材不要太濫或者目標太高。「太濫」是指到處可見,人人都有的題材;比如軟件下載,免費信息。「目標太高」是指在這一題材上已經有非常優秀,知名度很高的站點,你要超過它是很困難的。除非你下決心和有實力競爭並超過它,記住,在互聯網上只有第一,人們往往只記得最好的網站,第二第三名的印象則會淺得多。4 ~! F+ F: k( P1 R. o' _
# a; t5 C5 P# f6 I& F: W8 j OK,如果你已經有一個絕妙的主意了,那我們開始為網站起名字。(哎呀,別踢我!)您可能認為起名字與網站設計無關,阿捷在這裡浪費時間。其實網站名稱也是網站設計的一部分,而且是很關鍵的一個要素。你來看,「電腦學習室」和「電腦之家」顯然是後者簡練;「迷笛樂園」和「MIDI樂園」顯然是後者明晰;「兒童天地」和「中國幼兒園」顯然是後者大氣。我們都知道PIIICUP的中文名稱「奔騰」,如果改為「奔跑」,可能就沒有今天這麼「火」了。和現實生活中一樣,網站名稱是否正氣,響亮,易記,對網站的形象和宣傳推廣也有很大影響。一般的建議是:' _: D) q! T" k2 @
1 }$ h) t8 ]' Z, Z 1. 名稱要正。這個「正」是阿捷自己的說法,其實就是要合法,和理,和情。不能用反動的,色情的,迷信的,危害社會安全的名詞語句。! @2 Y1 C6 }9 q7 \6 v
2. 名稱要易記。根據中文網站瀏覽者的特點,除非特定需要,網站名稱最好用中文名稱,不要使用英文或者中英文混合型名稱。例如:beyond studio和超越工作室,後者更親切好記。另外,網站名稱的字數應該控制在六個字(最好四個字)以內,比如「XX閣」「XX設計室」,四個字的可以用成語,如「一網打進」。字數少還有個好處,一般友情鏈接的小logo尺寸是88X31,而六個字的寬度是78左右,適合於其他站點的鏈接排版。, g1 M* Z6 P" u+ T+ d2 Z( h
3. 名稱要有特色。名稱平實就可以接受,如果能體現一定的內涵,給瀏覽者更多的視覺衝擊和空間想像力,則為上品。這裡舉幾個阿捷認為很好的名稱:音樂前衛,網頁陶吧,天籟絕音。在體現出網站主題的同時,能點出特色之處。9 M2 b- W6 t2 l- C# j3 e
4 e2 c, Y# z$ @! j 總之,定位題材和名稱是設計一個網站的第一步,也是很重要的一部分。如果能找到一個滿意的名稱,花一天時間翻字典也是值得的
7 v2 l+ A: @- O, n& M' K 好,今天的心得就寫到這裡。因為是第一篇,所以如果您對本系列講座形式有任何建議,請速來信告訴阿捷,以便阿捷作相應更改。如果您有更好的心得,也請來信,阿捷會擇優發表。謝謝大家!下次我們討論的主題是「定位你的網站CI形象」。 |
|