前言+ N" z3 S% `$ I O
大家好,我是XX。1 y: |/ Z4 C. S% B4 g' r6 t
很荣幸,能在这里和大家一起探讨关于网站设计的问题。目前,网络上有关网页制作的各种教程已经相当多,可以方便地学习到最新的技术和技巧。可是,有关网页的设计,比如设计灵感的实现,风格的确定,发展策略,技术的筛选等的文章却比较少,许多网友往往有好的材料,却苦恼没有好的具有表现力的设计。受到索易主持人的鼓励,阿捷整理了一些网页的设计心得,在这里和大家交流一下,也算抛砖引玉了,希望得到您的指正!2 z" m1 M7 E( B
网站设计,包含的内容非常多。大体分两个方面:- K* b, Y0 B! r. E" \
一方面是纯网站本身的设计比如文字排版,图片制作,平面设计,三维立体设计,静态无声图文,动态有声影像等;" k3 f! x+ v) k' d, A
另一方面是网站的延伸设计,包括网站的主题定位和浏览群的定位,智能交互,制作策划,形象包装,宣传营销等等。) i% @/ s+ O/ D* |! x
这两方面相辅相成(感觉有点象写辨证论文:),加之网络技术的飞速发展,要提出一个绝对正确和权威的设计思路是不可能的,要想在一篇文章中概括出来也很难,所以阿捷根据建设一个网站的思路,将自己几年来网站设计制作的心得整理成一个系列“讲座”,告诉给大家(注意:我并不会非常具体地讲某一个技术或制作技巧,重点在于思路)希望能给您一些帮助。下面是大致的提纲:
* Q- X0 d9 O3 `
9 l" }6 `8 S3 S+ ~1 O T1.定位你的网站主题和名称;
6 o5 f3 p y( y% Y* B2.定位你的网站CI形象;+ p1 v) N* j; \- W! ?
3.确定你的栏目和版块;# K# Z& P% T6 ^6 P# @9 Y
4.网站的整体风格创意设计
6 W. Y C3 L' w9 ?5.网站的层次结构和链接结构& ]6 k1 ?! g4 q# ], N; T
6.首页的设计
) z' p- H4 {; ?& \7.版面布局的窍门
: l% I! f# G* q6 u* x8.色彩的搭配
& g: W S$ I8 V! L5 H9.效果与速度
4 T% N( f7 O% n- ^+ ^% o10.替浏览者考虑: {6 f. L! `; ]9 C* g6 p; u
11.细微之处见功力
% @9 d: b8 V( E12.建设完成度与推出时间
, X, ~8 I2 x9 ~13.交互性与亲和度" e+ n5 T1 q4 j7 m
14.考虑不同的浏览器和分辨率; c( q9 j2 L/ ^8 r
15.字体的设置和表格的嵌套% ]% ^! u) n) `2 x
16.新技术的运用取舍
" L, [. T: f, v1 y17.设计好你的banner和位置
+ W$ R& J" b4 q9 P: ~# D. s( E18.语句文字--融入感情
R) R5 P9 |* ^: Q/ @0 F" I19.对网站设计初学者的建议
- o7 m$ ]2 T6 M0 y& a1 T
J% E; _, a, E8 c 以上是本“系列”文章的提纲,会根据实际撰写情况作些变动。每星期一篇。我们开始之前,首先明确几个前提:- b9 l# o9 Y' I* R7 G* `
一.网站设计与网站制作。我们说网站“设计”而不是网站“制作”,它们的区别在于设计是一个思考的过程,而制作只是将思考的结果表现出来。一个成功的网站首先需要一个优秀的设计,然后辅之优秀的制作。设计是网站的核心和灵魂,一个相同的设计可以有多种制作表现的方式。
# R. Z& Y- u+ V. g 二.我们说的“网站”是指有确定主题和明确目的的实用性站点,不包括纯表现类或者纯文字类网站。
6 C& R/ _% T, E2 E \5 | 三.在文章中,可能举例说明或点评到某些具体站点。首先申明,阿捷不存在为任何站点作广告的“嫌疑“。0 n. |' R$ a& Y1 H! r( u5 K: |/ _
好了,废话少说,我们进入正题:
& e3 S/ N! L) o6 [4 R# k
" @. A& C/ \* V$ p========================================================3 ~; H: E" s. @7 Y7 T" L- _( j
. ^( _# e& d2 D4 A一:定位你的网站主题和名称4 e1 j$ L( }" }* u! X
$ ?" ?5 q% ?3 Y+ |: E. q 设计一个站点,首先遇到的问题就是定位网站主题。/ ?- H" p+ p& q3 {
所谓主题也就是你的网站的题材。网络上的网站题材千奇百怪,琳琅满目。只要你想的到,就可以把它制作出来。下面是美国《个人电脑》杂志(PC Magazine)评出的99年度排名前100位的全美知名网站的十类题材,对我们有一些参考价值。
& @4 e; Z, [( X 第1类:网上求职
& I: j6 E/ q* R. F; s* f 第2类:网上聊天/即时信息/ ICQ
0 s- D3 q$ w/ h 第3类:网上社区/讨论 / 邮件列表
4 V4 B, ^9 I7 m2 |. R 第4类:计算机技术! i$ n& o& _8 `6 C9 Q
第5类:网页/ 网站开发
2 v+ E0 L% `* z% T3 K4 X 第6类:娱乐网站
% b' Q" H0 {$ I; b: Z0 I 第7类:旅行
7 o- G2 t L* e F3 X 第8类:参考 /资讯
+ B; d2 } @8 d& @# Q# I" X 第9类:家庭/教育 9 C6 \ k! E1 I& W- X. z. ]
第10类:生活/时尚 1 p$ |: x5 t7 X4 {. f- B" l
每个大类都可以继续细分,比如娱乐类再分为体育 /电影/ 音乐大类,音乐又可以按格式分为MP3,VQF,Ra,按表现形式分古典,现代,摇滚等。以上都只是最常见的题材,还有许多专业的,另类的,独特的题材可以选择,比如中医,热带鱼,天气预报等等,同时,各个题材相联系和交叉结合可以产生新得题材,例如旅游论坛(旅游+讨论),经典入球播放(足球+影视)按这样分下去,题材可以有成千上万个,你不会再为题材重复,难以选择而烦恼了吧
0 G I4 m+ e$ f/ x: v W 对于题材的选择,我的建议是:, _# J* _0 Z; Z0 W) T/ y
1.主题要小而精。定位要小,内容要精。如果你想制作一个包罗万象的站点,把所有您认为精彩的东西都放在上面,那么往往会事与愿违,给人的感觉是没有主题,没有特色,样样有却样样都很肤浅,因为您不可能有那么多的精力去维护它。网络的最大特点就是新和快,目前最热门的个人主页都是天天更新甚至几小时更新一次。最新的调查结果也显示,网络上的“主题站”比“万全站”更受人们喜爱,就好比专卖店和百货商店,如果我需要买某方面的东西,肯定会选择专买店。再举个例子,我的一位网友KK希望制作文学方面的题材,但是文学也包括许多许多内容,有小说,诗歌,散文;有科幻,武侠,推理;阿捷仔细了解了他的擅长和想要提供的主要内容,最后将题材定位在网络文学上,删除了原有的一些无关的文学作品,集中扩大和整理网络文学作品。网站推出后,很快受到大家的喜爱。
/ a) Y3 G+ O! M1 W# N/ h 2.题材最好是你自己擅长或者喜爱的内容。比如:您对擅长编程,就可以建立一个编程爱好者网站;对足球感兴趣,可以报道最新的战况,球星动态等。这样在制作时,才不会觉得无聊或者力不从心。兴趣是制作网站的动力,没有热情,很难设计制作出杰出的作品。& _: M+ q6 X3 S# P3 g/ N
3.题材不要太滥或者目标太高。“太滥”是指到处可见,人人都有的题材;比如软件下载,免费信息。“目标太高”是指在这一题材上已经有非常优秀,知名度很高的站点,你要超过它是很困难的。除非你下决心和有实力竞争并超过它,记住,在互联网上只有第一,人们往往只记得最好的网站,第二第三名的印象则会浅得多。
& t; S0 g) m8 E- e9 m' n. |
2 L7 V6 V1 q+ L; G1 L5 Y8 h OK,如果你已经有一个绝妙的主意了,那我们开始为网站起名字。(哎呀,别踢我!)您可能认为起名字与网站设计无关,阿捷在这里浪费时间。其实网站名称也是网站设计的一部分,而且是很关键的一个要素。你来看,“电脑学习室”和“电脑之家”显然是后者简练;“迷笛乐园”和“MIDI乐园”显然是后者明晰;“儿童天地”和“中国幼儿园”显然是后者大气。我们都知道PIIICUP的中文名称“奔腾”,如果改为“奔跑”,可能就没有今天这么“火”了 。和现实生活中一样,网站名称是否正气,响亮,易记,对网站的形象和宣传推广也有很大影响。一般的建议是:8 l# j9 ?/ ?. [! _. C5 Z0 z0 D
- L' p q' d2 H' y! S 1. 名称要正。这个“正”是阿捷自己的说法,其实就是要合法,和理,和情。不能用反动的,色情的,迷信的,危害社会安全的名词语句。 i, m& s) n7 K+ @0 m
2. 名称要易记。根据中文网站浏览者的特点,除非特定需要,网站名称最好用中文名称,不要使用英文或者中英文混合型名称。例如:beyond studio和超越工作室,后者更亲切好记。另外,网站名称的字数应该控制在六个字(最好四个字)以内,比如“XX阁”“XX设计室”,四个字的可以用成语,如“一网打进”。字数少还有个好处,一般友情链接的小logo尺寸是88X31,而六个字的宽度是78左右,适合于其他站点的链接排版。
: k/ E1 I; Y2 X+ ]/ f; w 3. 名称要有特色。名称平实就可以接受,如果能体现一定的内涵,给浏览者更多的视觉冲击和空间想象力,则为上品。这里举几个阿捷认为很好的名称:音乐前卫,网页陶吧,天籁绝音。在体现出网站主题的同时,能点出特色之处。0 [6 m1 q- I- h2 G5 Y
- V$ t x" h5 ?% V6 ? 总之,定位题材和名称是设计一个网站的第一步,也是很重要的一部分。如果能找到一个满意的名称,花一天时间翻字典也是值得的
4 P! U* R& d/ t. Z1 Z8 u9 f; O 好,今天的心得就写到这里。因为是第一篇,所以如果您对本系列讲座形式有任何建议,请速来信告诉阿捷,以便阿捷作相应更改。如果您有更好的心得,也请来信,阿捷会择优发表。谢谢大家!下次我们讨论的主题是“定位你的网站CI形象”。 |