|
前言9 m; ]6 H* d2 {9 m) m
大家好,我是XX。) n6 q1 U4 e7 ]7 S8 D! g8 S
很荣幸,能在这里和大家一起探讨关于网站设计的问题。目前,网络上有关网页制作的各种教程已经相当多,可以方便地学习到最新的技术和技巧。可是,有关网页的设计,比如设计灵感的实现,风格的确定,发展策略,技术的筛选等的文章却比较少,许多网友往往有好的材料,却苦恼没有好的具有表现力的设计。受到索易主持人的鼓励,阿捷整理了一些网页的设计心得,在这里和大家交流一下,也算抛砖引玉了,希望得到您的指正!, ?3 d' N& E N+ `
网站设计,包含的内容非常多。大体分两个方面:- n, N, b/ m7 k7 H0 i4 g. ^% h
一方面是纯网站本身的设计比如文字排版,图片制作,平面设计,三维立体设计,静态无声图文,动态有声影像等;. n$ r/ _4 M# _3 s+ [
另一方面是网站的延伸设计,包括网站的主题定位和浏览群的定位,智能交互,制作策划,形象包装,宣传营销等等。
- _6 M1 l1 C4 A( K/ {: I 这两方面相辅相成(感觉有点象写辨证论文:),加之网络技术的飞速发展,要提出一个绝对正确和权威的设计思路是不可能的,要想在一篇文章中概括出来也很难,所以阿捷根据建设一个网站的思路,将自己几年来网站设计制作的心得整理成一个系列“讲座”,告诉给大家(注意:我并不会非常具体地讲某一个技术或制作技巧,重点在于思路)希望能给您一些帮助。下面是大致的提纲:
. B" w$ Y( w8 u4 @: ?7 C" Y. t
1.定位你的网站主题和名称;5 W6 f4 Z: g; {; [( ~- J" |! o# R4 t( y
2.定位你的网站CI形象;
, n5 E" B& W) k, s5 M2 v; q* h) j1 ?3.确定你的栏目和版块;8 A( [" ?. X- F9 w ^
4.网站的整体风格创意设计
! D' z( X9 B6 f3 t5.网站的层次结构和链接结构
0 H" l( I0 M( V6.首页的设计
0 I# O' u2 z' `2 X. r7.版面布局的窍门
% p8 \' G: C5 k% C8.色彩的搭配$ F* n- n# j7 c5 j: c
9.效果与速度) b; t1 ~: b+ d' ]0 Z% d
10.替浏览者考虑5 H# V: S9 k2 y3 o6 H, p7 N9 ^; n0 u
11.细微之处见功力* W5 k0 S4 q9 Y6 d8 @( N5 ? W7 Y
12.建设完成度与推出时间8 F& Z9 b3 a1 G$ Z. i. h4 Q
13.交互性与亲和度4 V; X! g7 C: r" v' S
14.考虑不同的浏览器和分辨率* s. o @; v7 |! w9 q! i& s0 a; \% R
15.字体的设置和表格的嵌套/ ? |! l' W7 L, ?: T
16.新技术的运用取舍
4 r+ K6 @6 V# ?' V17.设计好你的banner和位置
, k+ C/ ]( [7 i9 x4 e2 V. @9 l18.语句文字--融入感情) C/ D$ i. o6 @" t) D
19.对网站设计初学者的建议
( q( n$ M& r- e0 p- x1 F, ^
; _9 B" }" ?8 @# m% L8 r% r6 E 以上是本“系列”文章的提纲,会根据实际撰写情况作些变动。每星期一篇。我们开始之前,首先明确几个前提:
7 u, C* w! u/ k$ ` 一.网站设计与网站制作。我们说网站“设计”而不是网站“制作”,它们的区别在于设计是一个思考的过程,而制作只是将思考的结果表现出来。一个成功的网站首先需要一个优秀的设计,然后辅之优秀的制作。设计是网站的核心和灵魂,一个相同的设计可以有多种制作表现的方式。7 ~' U. M, z$ g" Z# R
二.我们说的“网站”是指有确定主题和明确目的的实用性站点,不包括纯表现类或者纯文字类网站。
' a0 u/ F1 V* {+ P! j3 ^ J' e 三.在文章中,可能举例说明或点评到某些具体站点。首先申明,阿捷不存在为任何站点作广告的“嫌疑“。
- J( e- M5 q% f4 \9 S好了,废话少说,我们进入正题:6 A* A* _% D! r
! V& H, f$ f, |/ D( ~3 Y========================================================
# _; z7 _, v2 @! W3 Q6 }& U) q
1 U$ R0 _) a* K7 v m1 k一:定位你的网站主题和名称9 @" F0 U. M/ Y; Z# S
! f' g4 @+ C# p8 [: g 设计一个站点,首先遇到的问题就是定位网站主题。
" @6 Z6 ]7 y' G3 ^- `( T 所谓主题也就是你的网站的题材。网络上的网站题材千奇百怪,琳琅满目。只要你想的到,就可以把它制作出来。下面是美国《个人电脑》杂志(PC Magazine)评出的99年度排名前100位的全美知名网站的十类题材,对我们有一些参考价值。2 S- o& g! ?# f/ t E$ i9 _( ]
第1类:网上求职
( W' ~% ?5 r& P9 y 第2类:网上聊天/即时信息/ ICQ1 d' P$ o% v" [( r2 T0 V- b
第3类:网上社区/讨论 / 邮件列表* l# y& j7 r1 V9 V! w# q+ D
第4类:计算机技术- ^' Q, j$ x" f7 ^0 i8 i
第5类:网页/ 网站开发 f* K. g# y$ f
第6类:娱乐网站
8 d0 y$ n/ }9 ` 第7类:旅行 $ }7 f# t X' j4 N3 N* w
第8类:参考 /资讯- J* T0 i; c# U% U0 {5 }
第9类:家庭/教育
9 s" E0 R8 G; l" P 第10类:生活/时尚 . q3 N' [5 A C/ Y3 V2 [
每个大类都可以继续细分,比如娱乐类再分为体育 /电影/ 音乐大类,音乐又可以按格式分为MP3,VQF,Ra,按表现形式分古典,现代,摇滚等。以上都只是最常见的题材,还有许多专业的,另类的,独特的题材可以选择,比如中医,热带鱼,天气预报等等,同时,各个题材相联系和交叉结合可以产生新得题材,例如旅游论坛(旅游+讨论),经典入球播放(足球+影视)按这样分下去,题材可以有成千上万个,你不会再为题材重复,难以选择而烦恼了吧' p. Y; T% _+ G9 N0 D
对于题材的选择,我的建议是:4 g7 \: ]2 ~6 C8 s% }7 Y
1.主题要小而精。定位要小,内容要精。如果你想制作一个包罗万象的站点,把所有您认为精彩的东西都放在上面,那么往往会事与愿违,给人的感觉是没有主题,没有特色,样样有却样样都很肤浅,因为您不可能有那么多的精力去维护它。网络的最大特点就是新和快,目前最热门的个人主页都是天天更新甚至几小时更新一次。最新的调查结果也显示,网络上的“主题站”比“万全站”更受人们喜爱,就好比专卖店和百货商店,如果我需要买某方面的东西,肯定会选择专买店。再举个例子,我的一位网友KK希望制作文学方面的题材,但是文学也包括许多许多内容,有小说,诗歌,散文;有科幻,武侠,推理;阿捷仔细了解了他的擅长和想要提供的主要内容,最后将题材定位在网络文学上,删除了原有的一些无关的文学作品,集中扩大和整理网络文学作品。网站推出后,很快受到大家的喜爱。
6 P! i$ B! ?1 b, F; W 2.题材最好是你自己擅长或者喜爱的内容。比如:您对擅长编程,就可以建立一个编程爱好者网站;对足球感兴趣,可以报道最新的战况,球星动态等。这样在制作时,才不会觉得无聊或者力不从心。兴趣是制作网站的动力,没有热情,很难设计制作出杰出的作品。) n# N+ e8 i/ e8 ^+ N9 b
3.题材不要太滥或者目标太高。“太滥”是指到处可见,人人都有的题材;比如软件下载,免费信息。“目标太高”是指在这一题材上已经有非常优秀,知名度很高的站点,你要超过它是很困难的。除非你下决心和有实力竞争并超过它,记住,在互联网上只有第一,人们往往只记得最好的网站,第二第三名的印象则会浅得多。" `$ }! i0 A/ A8 l: I
) H% Z2 M- J7 a) p8 n* \1 k1 R. o
OK,如果你已经有一个绝妙的主意了,那我们开始为网站起名字。(哎呀,别踢我!)您可能认为起名字与网站设计无关,阿捷在这里浪费时间。其实网站名称也是网站设计的一部分,而且是很关键的一个要素。你来看,“电脑学习室”和“电脑之家”显然是后者简练;“迷笛乐园”和“MIDI乐园”显然是后者明晰;“儿童天地”和“中国幼儿园”显然是后者大气。我们都知道PIIICUP的中文名称“奔腾”,如果改为“奔跑”,可能就没有今天这么“火”了。和现实生活中一样,网站名称是否正气,响亮,易记,对网站的形象和宣传推广也有很大影响。一般的建议是:- P% q% W+ T# R& X* q5 u V
) C5 H6 d$ i0 V# e0 [+ X4 I9 M! L
1. 名称要正。这个“正”是阿捷自己的说法,其实就是要合法,和理,和情。不能用反动的,色情的,迷信的,危害社会安全的名词语句。
. W% X7 L" u K- e# b 2. 名称要易记。根据中文网站浏览者的特点,除非特定需要,网站名称最好用中文名称,不要使用英文或者中英文混合型名称。例如:beyond studio和超越工作室,后者更亲切好记。另外,网站名称的字数应该控制在六个字(最好四个字)以内,比如“XX阁”“XX设计室”,四个字的可以用成语,如“一网打进”。字数少还有个好处,一般友情链接的小logo尺寸是88X31,而六个字的宽度是78左右,适合于其他站点的链接排版。
7 {9 A# b1 V% J$ r- w; u 3. 名称要有特色。名称平实就可以接受,如果能体现一定的内涵,给浏览者更多的视觉冲击和空间想象力,则为上品。这里举几个阿捷认为很好的名称:音乐前卫,网页陶吧,天籁绝音。在体现出网站主题的同时,能点出特色之处。$ E& `. n7 O' u. G, z
$ Y! M: p" c: a3 g/ y1 v 总之,定位题材和名称是设计一个网站的第一步,也是很重要的一部分。如果能找到一个满意的名称,花一天时间翻字典也是值得的. B9 n* O8 i6 F* O
好,今天的心得就写到这里。因为是第一篇,所以如果您对本系列讲座形式有任何建议,请速来信告诉阿捷,以便阿捷作相应更改。如果您有更好的心得,也请来信,阿捷会择优发表。谢谢大家!下次我们讨论的主题是“定位你的网站CI形象”。 |
|