|
随风
管理员
- UID
- 62
- 帖子
- 1906
- 精华
- 12
- 积分
- 1126
- 贡献
- 9
- 云币
- 3353 云币
- 阅读权限
- 255
|
1#
大
中
小
发表于 2007-5-29 13:50
只看该作者
网站设计的原则
网站设计的原则 Q6 ]0 K0 @; X1 W u
" R. X9 O5 i* A/ m
网站中有哪些关键技巧？有哪些陷阱？在这里，世界上一流的网站设计专家，让你共享他们的秘密，告诉你：使网站赋予情趣的诀窍、应该避免做什么、应使用什么工具软件以及他们喜爱和厌恶的网站。 ! g$ L. h6 A+ Y( A& z* O7 `6 K
* f" X7 X( x3 y V) a! [
01 明确内容
) b8 s8 C& G8 x; J+ J+ d5 H5 D' @; r3 \& R: m- k
如果你想成为一个网站设计者，并正想建一个网站的话，首先应该考虑网站的内容，包括网站功能和你的用户需要什么。你的整个设计都应该围绕这些方面来进行。
2 H* ~ H4 d. W5 P
' I0 W! x# k6 r3 T7 x$ o; h02 抓住用户 7 P* ]) X) I! p$ c0 O3 f O5 }6 u& f
1 Q0 c8 S6 U4 Z
如果用户不能够迅速地进入你的网站，或操作不便捷，网站设计就是失败的。不要让用户失望而转向你的对手的网站。 % V+ I2 t+ i, I5 c; c9 \
% B X/ D/ F: R9 ?, O
03 优化内容
, x7 A5 q6 T2 M ]8 q& i+ H# |1 ~) A, T9 u$ K5 j
内容是核心。大约在两年以前，企业网站就像一本广告册子，更槽糕的是，网站使用了大量的图片，似乎要几个世纪才能下载完。0 B4 P4 H: v* J
! c1 L1 Y7 f+ x5 P# I04 快速下载
" |. O0 V" T6 {4 G2 H' x* B
% `2 A. E2 t$ y没有什么比要花很长时间下载页面更槽糕的了。作为一条经验，一个标准的网页应不大于60K，通过56K调制解调器加载花30秒的时间。有的设计者说网页加载应在15秒内。
1 ]* D) w' \; Y6 [8 f4 |
4 x5 r5 ^. r8 x" E5 d1 z05 网站升级
& z& d/ g0 g6 V: l
0 o9 ]. R7 h" ~5 E9 u \# J+ ~时刻注意网站的运行状况。性能很好的主机随着访问人数的增加，可能会运行缓慢。但是，如果你不想失去访问者的话，一定要仔细计划好你的升级计划。 / l2 {1 @# s" r X% j7 @* {
* }" r8 ^ \ B" z+ X06 坚持基本原则
) y; x* ^, O' P( V4 v# U9 d
! N6 U9 n% z; w1 L* J4 R即使你不懂HTML语言，你只需购买一个有版权的所见即所得的网页设计工具，如Adobe PageMill 或 Microsoft FrontPage Express，就可以创建一个看起来很合理的网站。但是，在设计时，这些软件包虽然不需要HTML，却使网站速度下降。为了成功地设计网站，你必须理解HTML是如何工作的。大多数的网站设计者建议网络新手应从有关HTML的书中去寻找答案，用Notepad制作网页。 2 |4 t* b. Z; R. ^3 }- l" h' L- R
$ m8 e1 v* a! F' l2 O9 L: e Z/ v07 学习HTML ! W/ q' i+ B7 d7 T, r! m0 I) e; y2 t
9 b! [% R* h- M! S
用HTML设计网站，可以控制设计的整个过程。但是，如果你仅仅是网站设计的新手，你应该寻找一个允许修改HTML的软件包。HomeSite4是一个很好的Web设计工具。在设计过程中，HomeSite4能帮助你学习HTML。它还允许你切换到所见即所得的模式，以便你在把网站发送到Web之前，预览你的网站。 4 N2 R+ \" S8 f: M
* O) r K* g/ |, O: \& i08 用笔画一个网站的框架 ) _+ c1 U+ |" E, \6 D7 E5 m
9 H# r- S0 v2 M0 }. d9 w% X: \圣人云：笔比剑更强大。在用计算机之前，用笔画一个网站的框架，显示出所有网页的相互关系。计划好你的用户如何以最少的时间浏览你的网站。 $ c1 S3 i0 f4 |& c t
3 f3 f$ Q1 d2 q8 ?09 “在计算机上永远也找不到好的方案”。 ——专家忠告 ; q, g) D/ M3 r8 y5 u4 |, [& ?
9 l5 S, C" A, V/ k$ I% m10 网站地图 ! J. _. f# t, {3 P! i' Z6 O
( w: ` G% y7 B
许多设计者把他们的网站地图放在网站上，这种做法，却是弊大于利。绝大部分的访问者上网是寻找一些特别的信息，他们对于你的网站是如何工作的，并没有兴趣。如果你觉得你的网站需要地图，那很可能是需要改进你的导航和工具条。 $ S; J! [- M3 q B! C: A
$ x- y4 ]* I6 V+ G: ~
11 “睁大你的眼睛，留意所有的事情。对最不相关的东西的观察可以得到最好的灵感。观察一个站点的结构和设计。理解站点结构的关键元素，确保你的设计是围绕站点浏览进行的。” ——专家忠告
: z: e8 Q6 j1 d5 |4 o0 P3 y- R5 M+ X) H, p% S; U
12 点击规则
, x% Z4 b1 `# A
+ N' ^, V! J$ }; ~; f听说过3次点击规则吗？对于小型网站，在你的主页上，没有任何一条信息，需要点击次数超过3次的。对于大型网站，使用导航和工具条来改善操作。 M/ f/ q _" x# s% w) e" U
* Y3 ~9 J' U! `
13 特殊字体的应用 2 _) ]& i/ ~% W2 V6 f( l0 w
& E4 m7 j1 s( \# Z虽然你可以在你的HTML中使用特殊的字体，但是，你不可能预测你的访问者在他们的计算机上将看到什么。在你的计算机里看起来相当好的页面，在另一个不同的平台上看起来可能非常糟糕。一些网站设计员喜欢使用来定义特性，这虽然允许你使用特殊的字体，但是仍需要一些变通的方法，以免你所选择的字体在访问者的计算机上不能显示。级联风格表CSS有助于解决这些问题，但是只有最新版的浏览器才支持CSS。 - E1 ~) h' T4 `6 [2 y
. r& u7 B" x( [
14 “使用切合实际的简便的命名规则。” ——专家忠告
: `/ l5 C v) K0 ?. v
* y S; [! {" A* n- c
6 L* z: r! K: e5 G& @15 检查错别字 ' W6 t8 \4 W) l
5 n4 x2 \, x9 I% U8 x: ?
好的拼写是人们一生中重要的技能。但是遗憾的是，许多设计者都缺少这种技能。确保你拼写正确，并且格外注意平常容易误写的错别字。 0 Z6 S% L) t) G( j# k
% O& \ O4 y0 m
16 避免长文本页面
) q7 }9 n6 Y: N7 o$ u( X% Y0 z" `/ ~; A3 Y$ h) q& B1 U
在一个站点上有许多只有文本的页面，是令人乏味的，且也浪费Web的潜力。如果你有大量的基于文本的文档，应当以Adobe Acrobat格式的文件形式来放置，以便你的访问者能离线阅读。 0 O2 z; c" K2 y# P
8 @! H3 F$ W4 H. u! \
17 不要使用卷滚条 人们厌恶在网上使用卷滚条。
' Q2 h d. ~) R, u& P: Z8 Q {
. w( y) u7 ?% y* k* l% K: ^18 专家最喜爱的Web设计工具
- d% G' P: @9 k& _* z0 I
7 e! X$ e' L% z1.Adobe Photoshop
8 l. a }5 d7 f, C: ^+ ?* @/ E% X; c
% |) b1 S9 f3 F* n% I2.Macromedia Flash 9 @& e8 f" l3 A+ P
" V7 P4 u$ ?4 F* }% l
3.Adobe Illustrator % v- ]6 J) {6 m* V; A
! h9 v& E+ ]: D, t+ a
4.Adobe ImageRead
( q: L% f+ O( s" K, Z% c! x, R: ~0 L( ?, F1 C4 T
5.Dreamweaver ; i {/ @* q- ?
' G" j' x( @' w) C& {. z0 R6.Macromedia Fireworks
. m2 N& c/ p/ m& x- y. q4 Q# o, o" {
7. Allaire Homesites ' ]2 r% R! x+ n4 A
2 c' O5 e" h% m, l! {8.Microsoft Notepad
" v6 a& s7 |6 O7 r3 g0 t1 b/ ]( Q& z8 P6 |( O1 }/ ^( v: Y
9. Macromedia Director
! d: M' P# _9 u* o* N4 x4 X
7 Y1 ^; p' A' A9 a' K% o$ `0 V) F10. Lightwave 1 o, r6 h' q) Z! o$ Z
1 Y7 _6 |6 A' @11. Macromedia Freehand
$ z9 Z5 [2 Z1 H) \3 p$ E3 O/ {: a P
12．其它：Adobe Acrobat Exchange，Allaire ColdFusion,BBEdit,HTML Validator等。 # }' u, N- [8 d0 c; i" k
7 C, @' O _7 @0 t* k19 网站介绍
/ k" b4 v6 O" T+ A% ~) k, k# i" v& A7 Y7 i+ T
你应当有一个很清晰的网站介绍，告诉访问者你的网站能够提供些什么，以便访问者能找到想要的东西。但是，许多设计者都没有这样做。有效的导航条和搜索工具使人们很容易找到有用的信息，这对访问者很重要。告诉访问者你所提供的正是他们想要的信息。 + X9 D0 W4 }/ k* T
0 |6 @$ }0 d8 J" o4 }. e20 “网站一旦发布，网站设计的优点和缺陷全都公布于世。没有什么方法使你能够比从自己的错误、倾听其他人的建议和用户反馈意见中学到更多的东西。” ——专家忠告
|& J# l4 l0 s
" T" ^5 O4 ~0 i1 V! e3 @) ?21 闪烁让人头痛 9 h% O4 ^% D5 o
4 f+ s) L' n8 N3 a通过使用标犊梢晕梦收叨阅愕闹饕程厥獠糠值淖⒁猓庖踩媚愕姆梦收咄吠础Ｈ绻阆胧狗梦收咴俅喂夤四愕耐荆蜕儆么朔椒ā?" p: e5 U' f& X5 y" F
2 M0 Z$ K9 ^ e f$ x
22 背景颜色
) n6 d. ]' c; I* b& J6 }4 Y# `- B0 c2 @9 w0 B
背景颜色也会产生一些问题，可能会使网页难于阅读。你应当坚持使用白色的背景和黑色的文本，另外还应当坚持使用通用字体。
2 r" C( g3 b$ ?9 `# \5 i6 E& o3 H! A8 X9 _" F" ^5 e2 s- Z
23 向前和向后按钮
( y4 l c# B: \6 `3 ]
# A ]$ x& D! p. N3 l$ g应当避免强迫用户使用向前和向后按钮。你的设计应当使用户能够很快地找到他们所要的东西。绝大多数好的站点在每一页同样的位置上都有相同的导航条，使浏览者能够从每一页上访问网站的任何部分。 * c2 P, G# j0 ]! `3 B5 c0 W& r
; r0 Q( P/ V* k9 K* B$ W24 “坚持你的信念。严格遵守各种规则。避免想当然。绝不停止学习。” ——专家忠告 $ A$ h2 c, V- d
; k# ?2 x) U, B+ j
25 点击记数器
( E. M( a) P/ r- f9 k- T4 B& r6 r5 D* o; z: K
不要轻易考虑在你的网站上放置一个醒目的点击记数器。你设计网站是为了给访问者提供服务，而不是推销你自己认为重要的东西。大多数浏览者认为计数器毫无意义，它们很容易被做假，浏览者也不想看广告。如果你显示你的网站是多么受欢迎，你最好提供一个链接，显示访问日志。
) R: B7 ~3 _. N9 k# Q* l1 x( }5 I
$ B0 w4 H" _& ]3 q; o4 G26 不要用框架
8 D. y+ \' n7 U6 x5 G: Q& h3 }& U2 w A3 a& A& T( }
与记数器一样，框架在网页上越来越流行。在大多数网站上，在屏幕的左边有一个框架。但是设计者立刻就发现，在使用框架时产生了许多的问题。使用框架时如果没有17英寸的显示屏几乎不可能显示整个网站。框架也使得网站内个人主页不能够成为书签。也许更重要的是，搜索引擎常常被框架混淆，从而不能列出你的网站。搜索更多相关主题的帖子:
网站设计 原则 秘密 软件 用户
|
