阿七
级别: 未验证会员
精华:
0
发帖: 909
威望: 0 点
金钱: 2161 RMB
贡献值: 0 点
在线时间:512(小时)
注册时间:2006-03-29
最后登录:2008-08-07
|
一分钟网页设计技巧
一、保持网页的朴素 R_=6G ZH$G
IK*0
7h/!
二、简单并不等于乏味 KZ~*Nz+H2
k~j P'aD
三、了解你的读者 ~zJ?H<>
go'-5 in(
四、五个“手指” ,M^P!
b/C`J p
五、三次点击 )i !o 8YB
~ xft
六、三十秒的等待时间 0V'nK V"|
r
vXWcu-"
七、平衡 IW@PF7
ha(Z<
八、适度的帧 ]
:BX!<
Q\
U:~g3
九、坚持学习
SVO3821
"a8j"lPJ
)6|yb65ZUX
]3K hgK%c8
l i0i"
M;p
em<
一、保持网页的朴素 oAP b*;}
2@%$;.
^OstR`U3
<xgTS[k
一个好的网站最重要的一点就是界面的简单、朴素。你听说过“KISS”法则吗？ L"{JR bh[
“Keep It Simple Silly.”适用于所有的站点。 ]8 f ms(
?sMP~RHQ
制作者们很容易掉入这样一个陷阱，即把所有可能用到的网页技巧，例如：框架、表格、字体、GIF动画等等都用上，这当然是好的，但如果多了的话就会让你的访问者眼花缭乱，不知所措，也不会给他们留下很深的印象。 ~:3QBMk::
34d3 g
,0hA'cp
记住，只是因为你可以创建一个效果，但并不意味着你必须创建这个效果。先问一问你自己：我在网页上加入这个技术有什么价值？是否能更好的向访问者表达我的主题？ N(y\dL=v
89wU -Aggq
ub;ZtsM,%
/XhIx\40 l
2UFv9
(Nx;0"5IX
J,AR5@)1
+=.W<b
二、简单并不等于乏味 n(L\||#+
XI
9js{p
`kU/NKq
=9"W@n[>W
简单的真正含义并不是迟钝和乏味。许多人会被网站多余的奇特效果所迷惑，而忽视了信息的有效性。 j &
<i&
G=A,9@+c
JXu$ew>q
[&nh5 |f
S p^9& ^
w*|7!iM
保持简单的真正含义就是：想一想如何使自己网站的信息与你的访问者所期待和所需要的一样。应该把技术和效果用在适当的地方，用在有效信息上，让访问者关注他们想关注的东西。 Qbyv{/
y^}6! >Ou:
j 'BMAn ?
7
<Q5;J&;
w );6K[+;
tc!wLnhG
/ Ne<V2AX
清晰的设计＋有效的技术＝一个好的站点 ?HV`|
Cw
5GPo*Q pl
M>>qn_yq4
v0ES
;
Top +C(/ Lyo}
bLd#xXl
SJ};TEA
6 ^c>,.R
三、了解你的读者 i6 (a@KRY
OKvPL=~
V]vc(rH
jvV9eA:zl
你不是在真空里制作你的网页，也不是作给你自己看的。如果是这样，你还不如把它放在自己的电脑里。你发布你的网站是希望某些人停下来参观它。而这些人就是你的读者。 v !FMs<
8-Hsg f.*
l $jxLZ
nY t/U\n!
你越了解你的读者，你的网站影响力就会越大。你的读者是否有个慢猫？那你最好应当特别的注意网页的大小；他们希望听到音乐片断吗？你就要想想网页上的音乐格式。你的读者是纺织工人？那么血红色和黑色最好不要选择；或者他们是骨灰级游戏玩家？你就要避免用柔和的颜色和图案了。 zBP> jM(8
Q lHd,w
viAMr"z
j $TwL ;
一个好站点的定义： UEzb^(
8>
_C+b]r/E
60)iw4<wf
d)"?mD:m/M
通过典雅的风格设计提供给潜在读者高质量的信息。 5zIAhg@o:q
5&e<#"
Y2[A2Uy$ef
bI y sl
$L2%u8}8:
o8Z[+;
b Lnrbid
& BvZF
V&|!RxWK
四、五个“手指” /2 m?15c+
fbkd"7u
!gmH$1w
0i lCS[`b
对一个好的网站来说，清晰的导航也是最起码的标准。应该让访问者知道自己当时在网站中的位置，并且愉快的通过你的指引而遍览你的网站。例如，你可以做到的一件事情就是：“下一步”的选择数目尽量少，以便人们不会迷失在长长的选择项目列表中。 Zv_jy@k
er.CDKD%L
1H,g=Y
4f%
8v)_6p(<x8
O`$#Pg
你知道吗?一般人的大脑把五个或更少的项目看作一组，但是当所面对的项目超过五个，它就必须把他们划分成较小的次组来处理，所以说，保持你的选择项归类在五组或五组以内就变得很有意义了。你的访问者能够快速的找到自己想选择的项目。 3<?XTv-
iHp\o=#
2F8|I7R
=]>NDWqpHN
Top -[Qvg49jy
YOAn4]j
3?E&}J<n
#2:a[
~Lf
五、三次点击 4{qB X?
XTDE53Js&
?Mp1~{ 8
to6;?uC+|i
对网站制作者来说，访问者就是上帝，讨好上帝的另一个方法就是让他们在获取信息时不要超过三次点击。想想，当你在访问一个网站时，点击。。。点击。。。点击。。。再点击。。。再。。。才找到你想要的信息，或者还没找到，你会怎么想呢？ 6TH!vuQ1(
7rHS^8'H&
!?[oIQ)h
AA:no=
*g;-H&`
加之，当你的访问者深入网站查找需要的信息最后却摸不着头脑了，会怎么办？他们肯定不会原地兜圈，他们会离开你的主页去别的地方继续冲浪，可能也就再也不会回来了。 LihjGkj\g
Z7jX9e"L
[k]|Qi nk
Yn
9j -`
Iwpbf Z
xiyxr R;
XV'fW~j\
L<(VG{)Z
k*-NsNPw$
六、 三十秒的等待时间 ~k'V*ERNSj
y7<&vIEC
!a x;5@J
}iI bc A
访问者进入你的站点后，他应该可以不费力的找到所需要的资料。有一条不成文的法则：当访问者在决定下一步该去哪之前，不要让他现在所看的页面下载的时间超过30秒钟。如果超过了这个时间，你就会开始失去你的“上帝”了。 NE"jh_m-
T`$KeuL
p-GT`D
G5Q!L;3HZ
保证你的页面有个适度的大小而不会无限制的下载。如果你的大多数访问者使用Modem的话，试着保持总的页面大小（包括页面图像）在45K一下。 l9{#sas
H]&!'\aUz
G+)?^QTn
{@M14)-x>_
确保你的页面设计规划清晰明了，让访问者只需快速的扫视就能把握你的网站导航，知道自己“下一步”该选择的项目。 Xy#V Q{!
u9![6$R
Rq7p 29w
.R5/8VuHF
Top lVeH+"M?
/aUFc'5
CKTrZxR"
<<3+g"enno
七、平衡 7o{*Z
]Sta]}VQ
wL<j:>Ke[3
v`{:~ q*
平衡是一个好网站设计的重要部分。 =|y|P80w
tE!'dpG5)
#t5juX9Ho9
QAvWJydb
文本和图像之间的平衡。除非内容决定了这是个完全文本或者完全图像的网站，你需要用直觉和审美观来作判断，以便其中的一个不会淹没另外一个。 !cCg/
/!b x`cKG
R^9"N?Q7;`
下载时间和页面内容之间的平衡。当然你希望有个漂亮的页面，但你也必须平衡你的页面内容，因为你的很多访问者正在通过modem阅读它。难道你网站的图片真的值得等待那么久吗？ ?"@ET9
(G5T%[/U
9 kd.j@C
背景和前景之间的平衡。我们能在白纸上画出美丽的图案，网页上，如果能制作出漂亮的结构和背景是很令人激动的。但也容易使你的内容淹没在你的背景里面。 ",ad7Y7i
=mJ F_Ri
n.;3X
R+^zy"~
z 1vni'%J
-~'k P /E^
&^ceOV0+
八、适度的帧 &9 h
9&(.x8d,a
,%='>A
jmPp-} tS7
适度的的帧对于你的网页是很好的补充，然而就像所有网站的元素所具有的特性一样，你绝对不要滥用他们！ nB}e1
/_y
)GCLK<,swu
y(a}IM3~
Z`"n:
'&
如果你想创建一个可以看得到的导航结构，比如说一个表格目录，帧就是一个很合适的途径，例如，这页有三个帧－－你现在所看到的内容，导航条在右边，题目、广告和说明栏在顶部。 / T#o<D
#]5)]LF1q
7`+UB>8
#[(0 tc/
但是帧不是“万金油”。比如说，如果你想用行或列来显示信息的话，表格会更好。
Ris-tdg
.6I%64 m
}Y$VB%&Hy
}amE6
"
xxXZGUp
tQ6 |PV
Z0z)
%SFw~%@3&~
九、坚持学习 W -!dMa
T)O]:v
X~#@rg!"
td`wNy\
创建网页是一个不断学习的过程。推出你网站的第一个版本还只是一个开始！技术和工具在不断的进步，而我们对人们如何利用网上资源的方式的了解也是在不断的变化，要创建一个好网站你就不能陶醉在过去的成绩上。 ~CJYQFt
}K+\8em
H|'$dO)W
;?#i]Bh>S
看看其他的网站。如果你想成为一个出色的小说家的话，你必须不断阅读其他好的作品。如果你想成为一个出色的剧作家的话你必须多看好的电影。同样，如果你想设计一个出色的网站的话，你必须多看其他好的网站。但你在看一个网站的时候，你能找到这个网站的优缺点，注意哪些是你该学习的，而哪些错误是你要避免的。 \J\vp0[nO}
r$Kh3EEF`E
8Q +TE;
~'|&{-<
查看原文件。当你看到某些你喜欢的东西，使用你浏览器上的查看原文件的功能，看看这个效果是如何作出来的。在页面之后你能发现令你惊奇的东西。 WoJ]@Me8
AZ}%MA; q
..]B9M.
b<48#Qy~l
阅读和学习。学习你尽可能学到的技术和设计方法。
|
|
|
|
[楼 主]
|
Posted: 2006-04-04 09:47 |
| |
常州五颜六色网络技术有限公司 -> 网站建设 -> 一分钟网页设计技巧
