一分钟网页设计技巧
一、保持网页的朴素 Y+ f2 y3 @/ m* j) F5 H0 `
0 U; g* {/ \* r: c8 X9 z6 h# W, m! Z
一个好的网站最重要的一点就是界面的简单、朴素。你听说过"KISS"法则吗？ "Keep It Simple Silly."适用于所有的站点。
" \" D3 |+ o& `. w# l. Z
: Z5 A: ]0 E% s& x+ ^ 制作者们很容易掉入这样一个陷阱，即把所有可能用到的网页技巧，例如：框架、表格、字体、GIF动画等等都用上，这当然是好的，但如果多了的话就会让你的访问者眼花缭乱，不知所措，也不会给他们留下很深的印象。
+ w/ K: D! r6 e0 t% R2 m6 o; q8 O5 Q* @4 x! A, Q
记住，只是因为你可以创建一个效果，但并不意味着你必须创建这个效果。先问一问你自己：我在网页上加入这个技术有什么价值？是否能更好的向访问者表达我的主题？
9 \3 o1 D, j: d, ]0 z9 _1 r: Z ]8 g* D: o# \ z6 U
0 M% A' J. D4 r4 n0 t7 j T
+ \6 P2 x: ^% t) m" R7 y& I8 J3 N6 B7 ~二、简单并不等于乏味
+ z) o7 u6 y7 u
1 Q! i/ {' Z5 _$ m/ q 简单的真正含义并不是迟钝和乏味。许多人会被网站多余的奇特效果所迷惑，而忽视了信息的有效性。* K% ?" a! L! M2 F9 Z ?# Q" w
. b8 X- `$ i% q
保持简单的真正含义就是：想一想如何使自己网站的信息与你的访问者所期待和所需要的一样。应该把技术和效果用在适当的地方，用在有效信息上，让访问者关注他们想关注的东西。
7 R/ s" O, S( O8 J7 Y$ ^
. Q' Y8 r+ m( i2 `, G/ q" ? 清晰的设计＋有效的技术＝一个好的站点0 i; \7 I. d" ?- C3 \8 ~& H8 Y5 @5 Z
- _8 n r( M/ M" d) N. C
4 z$ x- ~5 a( u8 n3 P三、了解你的读者
9 G" j" Z0 U G, C6 [
/ u& g$ x. m" p+ X X: o/ M 你不是在真空里制作你的网页，也不是作给你自己看的。如果是这样，你还不如把它放在自己的电脑里。你发布你的网站是希望某些人停下来参观它。而这些人就是你的读者。7 D! W3 W: \# u5 ~3 ~+ C! B: A
, Z, E: S; L* N; g4 A
你越了解你的读者，你的网站影响力就会越大。你的读者是否有个慢猫？那你最好应当特别的注意网页的大小；他们希望听到音乐片断吗？你就要想想网页上的音乐格式。你的读者是纺织工人？那么血红色和黑色最好不要选择；或者他们是骨灰级游戏玩家？你就要避免用柔和的颜色和图案了。
! N0 }! P! s" A0 S" G0 o0 a/ ?$ e* ]/ `5 V4 i
一个好站点的定义：" x6 G8 d( p6 ~; k$ {6 K
# U( J! q, N1 Z- D4 D- }通过典雅的风格设计提供给潜在读者高质量的信息。
+ c8 A5 p0 h7 v I
) T" J+ i$ k, t$ O
' M( o# }4 e H% D) M1 z5 p四、五个"手指"0 [" U2 W0 Y6 J* v' `- |9 p2 j- M
9 {) y C6 F) } C4 O 对一个好的网站来说，清晰的导航也是最起码的标准。应该让访问者知道自己当时在网站中的位置，并且愉快的通过你的指引而遍览你的网站。例如，你可以做到的一件事情就是："下一步"的选择数目尽量少，以便人们不会迷失在长长的选择项目列表中。: X5 q& w1 f' n" X, Y' d
$ K! K6 i- _0 y" Q, X4 H
你知道吗?一般人的大脑把五个或更少的项目看作一组，但是当所面对的项目超过五个，它就必须把他们划分成较小的次组来处理，所以说，保持你的选择项归类在五组或五组以内就变得很有意义了。你的访问者能够快速的找到自己想选择的项目。
: v7 s% u9 q8 U5 {. \( A7 t9 o' U% Z) x5 X- G! u6 \) R) s$ J C/ n
" Y+ [9 I4 R2 f五、三次点击1 M. A c( I; S G! D& s
2 ~# M; F8 F- _$ G) m4 q
对网站制作者来说，访问者就是上帝，讨好上帝的另一个方法就是让他们在获取信息时不要超过三次点击。想想，当你在访问一个网站时，点击。。。点击。。。点击。。。再点击。。。再。。。才找到你想要的信息，或者还没找到，你会怎么想呢？
7 F+ ^7 D6 I7 Q
7 E6 R+ l% V7 X 加之，当你的访问者深入网站查找需要的信息最后却摸不着头脑了，会怎么办？他们肯定不会原地兜圈，他们会离开你的主页去别的地方继续冲浪，可能也就再也不会回来了。
- t9 ^2 B9 C3 O; V9 `$ |/ u2 S- X% I
- G4 c' X! v' l4 L" w8 e
9 F3 \$ S9 Z( H- t8 p& A5 K" i: V六、 三十秒的等待时间
# s3 ~; M$ M+ s5 S* q% E% s* E% K# g0 ] F) z
访问者进入你的站点后，他应该可以不费力的找到所需要的资料。有一条不成文的法则：当访问者在决定下一步该去哪之前，不要让他现在所看的页面下载的时间超过30秒钟。如果超过了这个时间，你就会开始失去你的"上帝"了。
1 U, b# P x7 `- [' L4 z6 A- G* R) G
保证你的页面有个适度的大小而不会无限制的下载。如果你的大多数访问者使用Modem的话，试着保持总的页面大小（包括页面图像）在45K一下。; v" }( ~" n4 h* y9 V8 k% ^, ?
( p4 ^7 q9 g; ]0 m/ [. N* v/ O' V& e 确保你的页面设计规划清晰明了，让访问者只需快速的扫视就能把握你的网站导航，知道自己"下一步"该选择的项目。6 |) y. ^7 L/ m t6 k
" ~% p y0 I$ U) \7 _
3 {' ?! D& i$ b9 \) |
七、平衡4 h+ R4 n, C( |& }: B
' f/ g5 `0 W3 i2 R1 t2 F 平衡是一个好网站设计的重要部分。
( C: r4 y& j- {. ` U3 Z
) V- z/ J \6 T. K. w; ~ D 文本和图像之间的平衡。除非内容决定了这是个完全文本或者完全图像的网站，你需要用直觉和审美观来作判断，以便其中的一个不会淹没另外一个。
# L& k* y* I' t# a: L6 W( v2 ^* ]4 j# q1 {5 k) O# X7 x
下载时间和页面内容之间的平衡。当然你希望有个漂亮的页面，但你也必须平衡你的页面内容，因为你的很多访问者正在通过modem阅读它。难道你网站的图片真的值得等待那么久吗？
( p' z2 R9 A7 j9 S" E, e( ^: A* A5 G* R" t5 Q! m
背景和前景之间的平衡。我们能在白纸上画出美丽的图案，网页上，如果能制作出漂亮的结构和背景是很令人激动的。但也容易使你的内容淹没在你的背景里面。, _" p' ~+ D0 @# P+ [" r
# M2 _% c3 |" A; ]; `# }* g% ?+ Q& T6 ]
' G% Y7 U3 F6 A/ j" L7 Z八、适度的帧
~- `0 {0 A& }* S% s. I! p
" z+ V( d( V- n 适度的的帧对于你的网页是很好的补充，然而就像所有网站的元素所具有的特性一样，你绝对不要滥用他们！
: W) ~3 f' ?' h/ _7 N+ n; C1 M# k) I# ~6 ]8 A
如果你想创建一个可以看得到的导航结构，比如说一个表格目录，帧就是一个很合适的途径，例如，这页有三个帧－－你现在所看到的内容，导航条在右边，题目、广告和说明栏在顶部。: ^% [0 o9 s! N$ f6 Z1 L3 G
7 O& H6 ~/ T# b* O' | 但是帧不是"万金油"。比如说，如果你想用行或列来显示信息的话，表格会更好。
+ k8 b7 r2 S$ [5 {" L H4 j) r7 ~
/ N' f! f3 b; L
) X ]2 z- z5 k7 ~九、坚持学习
+ r0 e5 r& j/ O, ~
$ c+ H g6 ?, O' Y7 \4 } 创建网页是一个不断学习的过程。推出你网站的第一个版本还只是一个开始！技术和工具在不断的进步，而我们对人们如何利用网上资源的方式的了解也是在不断的变化，要创建一个好网站你就不能陶醉在过去的成绩上。- p" ~' P5 `1 h g2 `" z, p
4 y) s. G+ a' ^
看看其他的网站。如果你想成为一个出色的小说家的话，你必须不断阅读其他好的作品。如果你想成为一个出色的剧作家的话你必须多看好的电影。同样，如果你想设计一个出色的网站的话，你必须多看其他好的网站。但你在看一个网站的时候，你能找到这个网站的优缺点，注意哪些是你该学习的，而哪些错误是你要避免的。
& W% d4 c. L/ f( ]1 i$ O' [
" e* y1 R( k6 f9 {) ? 查看原文件。当你看到某些你喜欢的东西，使用你浏览器上的查看原文件的功能，看看这个效果是如何作出来的。在页面之后你能发现令你惊奇的东西。
* ]$ f; }& r0 F: \3 o1 D# {( o% |* f9 {$ t+ q9 Z
阅读和学习。学习你尽可能学到的技术和设计方法。
