前言. r4 H# Q1 f' s! Y6 C
大家好,我是XX。! X5 U/ m/ Y1 I q* b* ^6 a. n
很荣幸,能在这里和大家一起探讨关于网站设计的问题。目前,网络上有关网页制作的各种教程已经相当多,可以方便地学习到最新的技术和技巧。可是,有关网页的设计,比如设计灵感的实现,风格的确定,发展策略,技术的筛选等的文章却比较少,许多网友往往有好的材料,却苦恼没有好的具有表现力的设计。受到索易主持人的鼓励,阿捷整理了一些网页的设计心得,在这里和大家交流一下,也算抛砖引玉了,希望得到您的指正!
& g- h6 |% h8 j 网站设计,包含的内容非常多。大体分两个方面:
) [ U7 e! t1 Z% v7 Y 一方面是纯网站本身的设计比如文字排版,图片制作,平面设计,三维立体设计,静态无声图文,动态有声影像等;
7 u; V. L3 B* d K" h 另一方面是网站的延伸设计,包括网站的主题定位和浏览群的定位,智能交互,制作策划,形象包装,宣传营销等等。9 V. b7 G+ U6 Q9 Y4 S2 N
这两方面相辅相成(感觉有点象写辨证论文:),加之网络技术的飞速发展,要提出一个绝对正确和权威的设计思路是不可能的,要想在一篇文章中概括出来也很难,所以阿捷根据建设一个网站的思路,将自己几年来网站设计制作的心得整理成一个系列“讲座”,告诉给大家(注意:我并不会非常具体地讲某一个技术或制作技巧,重点在于思路)希望能给您一些帮助。下面是大致的提纲:
) j3 a% a' j8 F: t1 p! |
: l4 q. O6 y' n3 }1.定位你的网站主题和名称;' h2 `! Y$ v: U
2.定位你的网站CI形象;' Y M1 Q3 K9 R4 t9 d8 |0 k- L
3.确定你的栏目和版块;4 p& v. ^( f9 N9 w
4.网站的整体风格创意设计
! c, f: H9 O5 r% Y- {( K: f5 _5.网站的层次结构和链接结构
' ~/ m6 x8 s, Z4 p! p5 m7 h c6.首页的设计7 P) i/ V1 F" _, J
7.版面布局的窍门
# G. M: K* ~( r ~. x) M( A# V8.色彩的搭配' R6 L; |% t( s: x! ~' W% c0 [$ Q
9.效果与速度
$ K& e. I$ M& `" P0 U4 z* l10.替浏览者考虑
+ ?# Y4 [2 S# w- y11.细微之处见功力) K* U" ^6 H3 O7 i' {
12.建设完成度与推出时间+ ]0 \4 D G) v7 {6 t; ?4 \
13.交互性与亲和度
: C8 @ e( a- P% U3 t14.考虑不同的浏览器和分辨率
) H' Q" g, C9 j( w/ V15.字体的设置和表格的嵌套
- L' ~+ f) H; k16.新技术的运用取舍
& \! V2 I9 [8 A& N, t17.设计好你的banner和位置
7 Q5 f5 @1 h0 }) {5 X18.语句文字--融入感情
6 p; [$ s& X2 o19.对网站设计初学者的建议
: n, l W+ f6 P& t! B2 {
' x+ W0 w4 I' J* m 以上是本“系列”文章的提纲,会根据实际撰写情况作些变动。每星期一篇。我们开始之前,首先明确几个前提:
/ d1 A* i4 d' B 一.网站设计与网站制作。我们说网站“设计”而不是网站“制作”,它们的区别在于设计是一个思考的过程,而制作只是将思考的结果表现出来。一个成功的网站首先需要一个优秀的设计,然后辅之优秀的制作。设计是网站的核心和灵魂,一个相同的设计可以有多种制作表现的方式。' i! Q3 M& x+ t
二.我们说的“网站”是指有确定主题和明确目的的实用性站点,不包括纯表现类或者纯文字类网站。+ n3 M+ _4 M1 B( Q
三.在文章中,可能举例说明或点评到某些具体站点。首先申明,阿捷不存在为任何站点作广告的“嫌疑“。
; g$ r7 l7 |: U; d( K* {好了,废话少说,我们进入正题:
) U2 \' j* I! K
. z: ]( ]) e7 S+ ^========================================================
( y4 W- l! C C
) ?6 |# s d: }! l: ]/ C: f一:定位你的网站主题和名称
) A! `2 X2 X, V: m! J/ D5 ]! {: f/ H+ z% H J
设计一个站点,首先遇到的问题就是定位网站主题。
D& E+ e: v& E: m 所谓主题也就是你的网站的题材。网络上的网站题材千奇百怪,琳琅满目。只要你想的到,就可以把它制作出来。下面是美国《个人电脑》杂志(PC Magazine)评出的99年度排名前100位的全美知名网站的十类题材,对我们有一些参考价值。
/ N+ u% w0 _. C) T& ] 第1类:网上求职
$ M/ D) w5 K" a) o, Q5 _: x$ C 第2类:网上聊天/即时信息/ ICQ
5 m. G: y h* B$ w, E; W 第3类:网上社区/讨论 / 邮件列表1 Y3 Z, D0 A+ }; @( R3 w+ z
第4类:计算机技术% `' X1 }/ G3 j
第5类:网页/ 网站开发 1 W: z u2 R$ B
第6类:娱乐网站
! u1 u7 L, ^8 `' L 第7类:旅行
: v2 D. e& @% @ 第8类:参考 /资讯/ o& @$ y( c1 O0 C( D4 K7 u
第9类:家庭/教育 % F; G& j6 ]9 F# T
第10类:生活/时尚
6 {1 t5 a3 Q6 b0 [4 X! {# i/ r8 k 每个大类都可以继续细分,比如娱乐类再分为体育 /电影/ 音乐大类,音乐又可以按格式分为MP3,VQF,Ra,按表现形式分古典,现代,摇滚等。以上都只是最常见的题材,还有许多专业的,另类的,独特的题材可以选择,比如中医,热带鱼,天气预报等等,同时,各个题材相联系和交叉结合可以产生新得题材,例如旅游论坛(旅游+讨论),经典入球播放(足球+影视)按这样分下去,题材可以有成千上万个,你不会再为题材重复,难以选择而烦恼了吧 5 \( |8 a$ z7 h$ R1 g1 k, e5 u
对于题材的选择,我的建议是:1 a' r$ i2 G) }6 k" \) v: g% p- M9 `: x
1.主题要小而精。定位要小,内容要精。如果你想制作一个包罗万象的站点,把所有您认为精彩的东西都放在上面,那么往往会事与愿违,给人的感觉是没有主题,没有特色,样样有却样样都很肤浅,因为您不可能有那么多的精力去维护它。网络的最大特点就是新和快,目前最热门的个人主页都是天天更新甚至几小时更新一次。最新的调查结果也显示,网络上的“主题站”比“万全站”更受人们喜爱,就好比专卖店和百货商店,如果我需要买某方面的东西,肯定会选择专买店。再举个例子,我的一位网友KK希望制作文学方面的题材,但是文学也包括许多许多内容,有小说,诗歌,散文;有科幻,武侠,推理;阿捷仔细了解了他的擅长和想要提供的主要内容,最后将题材定位在网络文学上,删除了原有的一些无关的文学作品,集中扩大和整理网络文学作品。网站推出后,很快受到大家的喜爱。& }% X& T% Q% x4 }) h% E
2.题材最好是你自己擅长或者喜爱的内容。比如:您对擅长编程,就可以建立一个编程爱好者网站;对足球感兴趣,可以报道最新的战况,球星动态等。这样在制作时,才不会觉得无聊或者力不从心。兴趣是制作网站的动力,没有热情,很难设计制作出杰出的作品。
) \, D: F" e4 I% Y/ F" W3.题材不要太滥或者目标太高。“太滥”是指到处可见,人人都有的题材;比如软件下载,免费信息。“目标太高”是指在这一题材上已经有非常优秀,知名度很高的站点,你要超过它是很困难的。除非你下决心和有实力竞争并超过它,记住,在互联网上只有第一,人们往往只记得最好的网站,第二第三名的印象则会浅得多。7 V5 L y% ]! A) L, V" G7 Q% x1 \2 v
& P# u2 Z+ F, L1 ]
OK,如果你已经有一个绝妙的主意了,那我们开始为网站起名字。(哎呀,别踢我!)您可能认为起名字与网站设计无关,阿捷在这里浪费时间。其实网站名称也是网站设计的一部分,而且是很关键的一个要素。你来看,“电脑学习室”和“电脑之家”显然是后者简练;“迷笛乐园”和“MIDI乐园”显然是后者明晰;“儿童天地”和“中国幼儿园”显然是后者大气。我们都知道PIIICUP的中文名称“奔腾”,如果改为“奔跑”,可能就没有今天这么“火”了 。和现实生活中一样,网站名称是否正气,响亮,易记,对网站的形象和宣传推广也有很大影响。一般的建议是:
$ _+ r% V3 }6 A% }- j. m5 c! B( U) @- A
1. 名称要正。这个“正”是阿捷自己的说法,其实就是要合法,和理,和情。不能用反动的,色情的,迷信的,危害社会安全的名词语句。
4 b, X: E2 h0 O7 A4 b; }& w 2. 名称要易记。根据中文网站浏览者的特点,除非特定需要,网站名称最好用中文名称,不要使用英文或者中英文混合型名称。例如:beyond studio和超越工作室,后者更亲切好记。另外,网站名称的字数应该控制在六个字(最好四个字)以内,比如“XX阁”“XX设计室”,四个字的可以用成语,如“一网打进”。字数少还有个好处,一般友情链接的小logo尺寸是88X31,而六个字的宽度是78左右,适合于其他站点的链接排版。
$ X. A5 q) J$ |8 _/ c) h; l 3. 名称要有特色。名称平实就可以接受,如果能体现一定的内涵,给浏览者更多的视觉冲击和空间想象力,则为上品。这里举几个阿捷认为很好的名称:音乐前卫,网页陶吧,天籁绝音。在体现出网站主题的同时,能点出特色之处。- [& X4 M/ g2 \/ b! @
0 k' @& g2 X% f' u# O 总之,定位题材和名称是设计一个网站的第一步,也是很重要的一部分。如果能找到一个满意的名称,花一天时间翻字典也是值得的 ' N6 |8 k! c, B! X6 k2 X9 m6 [% \6 g
好,今天的心得就写到这里。因为是第一篇,所以如果您对本系列讲座形式有任何建议,请速来信告诉阿捷,以便阿捷作相应更改。如果您有更好的心得,也请来信,阿捷会择优发表。谢谢大家!下次我们讨论的主题是“定位你的网站CI形象”。 |