|
随风
管理员
- UID
- 62
- 帖子
- 1906
- 精华
- 12
- 积分
- 1126
- 贡献
- 9
- 云币
- 3353 云币
- 阅读权限
- 255
|
1#
大
中
小
发表于 2007-5-24 14:13
只看该作者
网站设计的原则
网站设计的原则 4 c/ \# G8 S; I% q* P2 Y
: v; X) D) @6 I! }+ }
网站中有哪些关键技巧？有哪些陷阱？在这里，世界上一流的网站设计专家，让你共享他们的秘密，告诉你：使网站赋予情趣的诀窍、应该避免做什么、应使用什么工具软件以及他们喜爱和厌恶的网站。
( R6 b: p4 A5 x# g$ t. Z4 l
1 x; h D' m. N; n; i% C01 明确内容
1 P) u' {3 g0 w9 W
6 R" X3 q3 E; i0 S如果你想成为一个网站设计者，并正想建一个网站的话，首先应该考虑网站的内容，包括网站功能和你的用户需要什么。你的整个设计都应该围绕这些方面来进行。
1 H0 u/ Y( v4 c0 n$ h8 |; I" y, e: }# T+ c7 R( ?7 G/ h8 @# B0 G( C! q7 s
02 抓住用户
7 t s: e( k' H4 j7 O
! s6 v. B3 R2 I C+ f" k如果用户不能够迅速地进入你的网站，或操作不便捷，网站设计就是失败的。不要让用户失望而转向你的对手的网站。 3 c9 X3 J( f% s$ V
1 ^- P8 u3 E* D& J9 C( \1 u5 }
03 优化内容
- O0 a/ p/ T0 t @, J/ ]* ^5 j: O- {$ k m" {, D. Y" u, l- @# f
内容是核心。大约在两年以前，企业网站就像一本广告册子，更槽糕的是，网站使用了大量的图片，似乎要几个世纪才能下载完。7 B* e( M: K' t3 g. O& k
# T" A. x! E- R* C
04 快速下载 ( a( G U, @& o
+ U, k& q7 U9 G$ x8 A没有什么比要花很长时间下载页面更槽糕的了。作为一条经验，一个标准的网页应不大于60K，通过56K调制解调器加载花30秒的时间。有的设计者说网页加载应在15秒内。 ; x. i; M9 a" F. Z# y2 k! r3 r% q7 W
% V+ {5 Q6 _5 b
05 网站升级 3 J: Z0 T! g$ S/ u3 E
% }# t: I; ^4 q0 F+ b( C7 I' \" n时刻注意网站的运行状况。性能很好的主机随着访问人数的增加，可能会运行缓慢。但是，如果你不想失去访问者的话，一定要仔细计划好你的升级计划。
# E, i- ?7 Q3 m9 l" E6 [" \, N! h, m: X& }6 y
06 坚持基本原则
$ ~3 `8 A' x4 x" j/ h; _5 w, v$ M: V7 v
即使你不懂HTML语言，你只需购买一个有版权的所见即所得的网页设计工具，如Adobe PageMill 或 Microsoft FrontPage Express，就可以创建一个看起来很合理的网站。但是，在设计时，这些软件包虽然不需要HTML，却使网站速度下降。为了成功地设计网站，你必须理解HTML是如何工作的。大多数的网站设计者建议网络新手应从有关HTML的书中去寻找答案，用Notepad制作网页。 ( {: \& K! R0 I3 J2 t8 ~+ p
& ]% x" y5 e, i: O) R; J
07 学习HTML
; H. _) u/ T. j
( L+ D, ^" ^5 ?% M+ j2 W8 m用HTML设计网站，可以控制设计的整个过程。但是，如果你仅仅是网站设计的新手，你应该寻找一个允许修改HTML的软件包。HomeSite4是一个很好的Web设计工具。在设计过程中，HomeSite4能帮助你学习HTML。它还允许你切换到所见即所得的模式，以便你在把网站发送到Web之前，预览你的网站。
7 w. z) L9 u+ g7 i5 n$ b: D5 C
6 K/ ~1 Q5 L7 n& T08 用笔画一个网站的框架
+ q: x8 {/ G0 ^9 Y9 G; f+ y% c. G! z
圣人云：笔比剑更强大。在用计算机之前，用笔画一个网站的框架，显示出所有网页的相互关系。计划好你的用户如何以最少的时间浏览你的网站。
n* ?* U/ P; `+ Q' U3 S( E
$ p7 h# q7 }: n) h- B {% d09 “在计算机上永远也找不到好的方案”。 ——专家忠告
2 D; Y3 E# E3 D, a# x# N* v2 ~) {& G4 p5 P2 s" S9 h
10 网站地图
9 L$ ^! P. \6 ?( S& K4 v8 ]/ }- e" l
许多设计者把他们的网站地图放在网站上，这种做法，却是弊大于利。绝大部分的访问者上网是寻找一些特别的信息，他们对于你的网站是如何工作的，并没有兴趣。如果你觉得你的网站需要地图，那很可能是需要改进你的导航和工具条。 8 h' H, w3 q+ b3 }% C0 e( t4 ]0 \
# N" K2 J# O6 `
11 “睁大你的眼睛，留意所有的事情。对最不相关的东西的观察可以得到最好的灵感。观察一个站点的结构和设计。理解站点结构的关键元素，确保你的设计是围绕站点浏览进行的。” ——专家忠告 ! x$ j& h) _" |4 P6 _, r7 g, \
9 ]9 l4 ^7 P' g# s1 V' L# X12 点击规则 , L6 {+ o# h, q. p( o
- Y( g9 [, ^" E$ }5 w# f
听说过3次点击规则吗？对于小型网站，在你的主页上，没有任何一条信息，需要点击次数超过3次的。对于大型网站，使用导航和工具条来改善操作。 8 f: |, v- ]! p- e8 s" M2 b
: i1 W. f& L* ?) W5 }+ e* }
13 特殊字体的应用
( w+ n& o5 z1 E/ l" G% j; q# C: j' u% J4 A/ Q8 p
虽然你可以在你的HTML中使用特殊的字体，但是，你不可能预测你的访问者在他们的计算机上将看到什么。在你的计算机里看起来相当好的页面，在另一个不同的平台上看起来可能非常糟糕。一些网站设计员喜欢使用来定义特性，这虽然允许你使用特殊的字体，但是仍需要一些变通的方法，以免你所选择的字体在访问者的计算机上不能显示。级联风格表CSS有助于解决这些问题，但是只有最新版的浏览器才支持CSS。 7 w# ]2 Y; `- d1 {" w3 R
; |) ]0 P! D5 |0 h9 T; V* u, ~% W
14 “使用切合实际的简便的命名规则。” ——专家忠告
2 ^3 h n5 |! w* W$ R2 H; {2 ^$ @9 I; @/ q. d+ x+ l$ d9 x' A
( B7 y% U: U- R# L* A* k4 O( S; Z. M9 A
15 检查错别字
' A6 [. q; g7 k. B0 p: ^. o/ ]& z
T* p5 h2 l& [ e. v& u好的拼写是人们一生中重要的技能。但是遗憾的是，许多设计者都缺少这种技能。确保你拼写正确，并且格外注意平常容易误写的错别字。
/ x5 Q" G9 r ^6 T# d8 }" \9 I% ?& b+ U+ `* s9 L" R
16 避免长文本页面 2 d0 f7 L7 a2 c9 R) {
1 H h- P! e, d- _
在一个站点上有许多只有文本的页面，是令人乏味的，且也浪费Web的潜力。如果你有大量的基于文本的文档，应当以Adobe Acrobat格式的文件形式来放置，以便你的访问者能离线阅读。
: |" U4 A+ W# I) K: u4 e2 A) s% a2 Y3 g) ]
17 不要使用卷滚条 人们厌恶在网上使用卷滚条。
7 k4 m( d, a u- h$ q" ]' M$ ^4 r, E" c
18 专家最喜爱的Web设计工具
+ E6 e' R5 K8 z( B. d) o2 d* V7 i
1.Adobe Photoshop
$ T7 H: l, |- m. D+ c6 x0 l: l/ e2 j' j
2.Macromedia Flash
+ P, b+ Z# l3 \) F; B3 @
1 Z# f( \& h+ a( @( `; ]2 Z6 U3 l3.Adobe Illustrator : m& Q: v8 Y4 v- w0 v7 U
. D( |, _+ @) a. ~( [3 |- n9 y
4.Adobe ImageRead
8 V% a, u6 g- O- _" Z7 ?) \4 B F3 l* P6 r8 a+ Y" V
5.Dreamweaver
. v5 `5 `. r }: |( _. _1 E7 j. W* t6 J7 C/ l
6.Macromedia Fireworks
# w9 P. @* ?+ P% h" U; B
6 f5 U s! m5 P4 p L7. Allaire Homesites
3 e( J2 b- r: n2 G5 i# M
# d2 ?# w) _# N3 K% K# R8.Microsoft Notepad
4 O+ n4 k+ p/ F% {! @" `% F
! U4 \* H/ h3 s' B; W# O9 X" u9. Macromedia Director
3 h# C+ T0 ^8 T6 \# F& x: d! N4 r
0 B, j& f! T4 y2 c. R, I2 L3 G10. Lightwave
3 v# o/ F3 p9 m. Z% w5 y
" d1 U8 ]* | t7 N% _9 `11. Macromedia Freehand 0 Y* T/ D" D8 j1 @* s/ A
% u; p/ P+ s4 d {! Z: w12．其它：Adobe Acrobat Exchange，Allaire ColdFusion,BBEdit,HTML Validator等。 5 \. I6 Q" g8 c) T
3 m, s1 h% v( O. X' q# `- g& z8 {19 网站介绍 5 A7 Y$ n, ?7 D3 n% `$ }7 m
2 ^! r* T1 ?- H& Z你应当有一个很清晰的网站介绍，告诉访问者你的网站能够提供些什么，以便访问者能找到想要的东西。但是，许多设计者都没有这样做。有效的导航条和搜索工具使人们很容易找到有用的信息，这对访问者很重要。告诉访问者你所提供的正是他们想要的信息。 # X: W5 d, K1 I# B' a N
7 l' J$ ]* X2 u1 J20 “网站一旦发布，网站设计的优点和缺陷全都公布于世。没有什么方法使你能够比从自己的错误、倾听其他人的建议和用户反馈意见中学到更多的东西。” ——专家忠告
0 D$ `3 j7 }+ M( a+ n0 M9 b0 |; f( D* B2 e$ E' r) k7 w
21 闪烁让人头痛 , I: b3 J u! Z' }: N. a
( }2 p6 O ?) P d9 B通过使用标识可以吸引访问者对你的主页特殊部分的注意，但这也让你的访问者头痛。如果你想使访问者再次光顾你的网站，就少用此方法。
4 q6 F, D) q; U& M; t9 E' T( W$ A+ x" ~3 f
22 背景颜色
. C# j9 z) R8 [- v1 u+ f; t1 A5 @' ?5 q8 e
背景颜色也会产生一些问题，可能会使网页难于阅读。你应当坚持使用白色的背景和黑色的文本，另外还应当坚持使用通用字体。
: |0 v+ T& s( D* x+ j5 G# n% H& F; B- F* b8 J' ~
23 向前和向后按钮
& G; D( }+ ]2 w3 F0 r! I" ~/ y2 c8 G6 |! L! A
应当避免强迫用户使用向前和向后按钮。你的设计应当使用户能够很快地找到他们所要的东西。绝大多数好的站点在每一页同样的位置上都有相同的导航条，使浏览者能够从每一页上访问网站的任何部分。
1 |7 l0 v d6 ~$ S8 R" K! U1 J& t& A% g# g
24 “坚持你的信念。严格遵守各种规则。避免想当然。绝不停止学习。” ——专家忠告
3 ]# ]$ Y. n* h7 C# Y
, Q: o" m$ c! {! V' R25 点击记数器 ) b- \( C3 l: O+ \1 l# @( v% W* j9 Q
8 m/ z, ^2 a' I不要轻易考虑在你的网站上放置一个醒目的点击记数器。你设计网站是为了给访问者提供服务，而不是推销你自己认为重要的东西。大多数浏览者认为计数器毫无意义，它们很容易被做假，浏览者也不想看广告。如果你显示你的网站是多么受欢迎，你最好提供一个链接，显示访问日志。 7 F4 u" k) j4 e8 `/ Q
6 P- ^2 F9 ]! W' p
26 不要用框架 3 }' s, M5 g. N) l2 ? {
& c6 m" `( x8 O5 a- z
与记数器一样，框架在网页上越来越流行。在大多数网站上，在屏幕的左边有一个框架。但是设计者立刻就发现，在使用框架时产生了许多的问题。使用框架时如果没有17英寸的显示屏几乎不可能显示整个网站。框架也使得网站内个人主页不能够成为书签。也许更重要的是，搜索引擎常常被框架混淆，从而不能列出你的网站。搜索更多相关主题的帖子:
网站设计 原则 秘密 软件 用户
|
