1、色调的选择
( }& K s* U' R. [% D: h& e! C5 e+ |. n8 K+ j; I5 X
什么样主题的网站有不同的色调搭配，这个网上有专门的教程的。我只是想强调几点，第一个是，网站上的主色调只能有一个。第二点，网站的搭配颜色不要超过3个，重要的是，不能喧宾夺主。在这点上很多网站设计新手都不注意。* q% \) K4 y, m2 Y: }. x
! }2 v4 d- a. k) A) ~
2、内容为王
4 m5 F6 y: p1 j: w/ a' G$ G/ e! t- H& i3 L/ x5 F& ]7 J
一个优秀的网站要以内容为王，而界面模板只不过是衬托内容的载体。但是有很多人在设计的时候注重界面的美观而忽略内容的重要性。尤其是使用大面积的flash动画。我承认flash技术的出现是非常而且相当重要的。但我始终认为，flash只是点缀，是网站的点心。而我们真正要吃的，是米饭。把网站做了自己孤芳自赏肯定是不行的。6 w* a( ]$ a+ p, \- Q k4 Q( c7 r
" C" L0 Z! z+ U+ n
3、整洁和干净
! j4 g9 C3 e( P& e5 K5 [4 O/ t) B$ D: e Z/ O" S& ?; H
网站是面子。一个网站设计的好孬在不同的人的眼里是不一样的。正如我看新浪网的首页感觉设计得还是不错的，但是更多人认为那些很凌乱，很不好。但是无论网站采用什么风格，什么颜色，什么搭配，一定要整洁，干净。. w! U0 ^3 E; X: P( A
6 w+ T# S9 t% _7 D- c
整洁那就是网站的区块设置的宽度保持一致，间距保持一致。这里需要特别说明的是，以前在网站设计中的间距一般都是8px，而现在，则流行的是10px。我个人认为10px比较理想，视觉上感受更好一些。
) g4 r6 _( S" Z. {4 @% i+ r" t% D. }2 L' |/ q8 G
但是这不是死的，如果是白色的底色的情况下，部分内容我们可以加大间距，留下空白，那样更舒服。但是，只能点到即止。关于这些怎么用，建议多去看看其他的网站是怎么做的，会对自己有很好的帮助。/ L) ?( T7 I, l' z3 c9 A' u: q
( ^ c0 f' H; K ~! |8 Z 4、字体和字号
# W" H: E4 o3 z( n) ~9 i V: [) Y8 s+ Y h) _ h$ I, N: ]
网站上的字体作为中文来说，只能是宋体。你使用什么隶书、黑体等等虽然能显示出来，但是文字是有毛边的。为什么呢?因为浏览器不支持文字的磨边处理。而所有的字体中只有宋体是可以完美支持的。更重要的是，几乎所有的中文操作系统都是以宋体为主字体的。
0 o5 e1 K* C6 |+ A
( O) Y' o/ m- H 另外，新出的vista系统有一种新的字体，叫做微软雅黑。很好很漂亮的字体。但是由于有了这种字体我们就特别需要在css中制定网页默认的字体是宋体了。为什么呢?有几个方面，第一是微软雅黑的标点符号不是很标准，如果网页全部都是微软雅黑的话，这些标点符号是会很难看的，另外呢，就是微软雅黑对空格的理解和宋体不一样，宋体中一个空格=半个汉字，而微软雅黑中不是这样的。这造成了大量的文章的段落前面的空格显示不正常。5 N9 s6 I& V, r( V; w/ }1 ?- m
' a+ d" l; t9 U1 ~5 m) @: ^
关于这个分段问题，我一直强调使用css解决，很简单的。那样会更方便。+ P& C0 h8 o, m- O: I
2 X3 | ] x( G4 r A) h( T. Y3 T 关于微软雅黑最后一个问题就是，目前vista系统的普及率很不好，评价更不好，因此，微软雅黑的普及率会大大降低。因此，使用宋体是必要而且必须的。, {4 t7 t1 t+ }% z5 ]0 m l
/ U# l( ?8 H8 i6 N2 B
关于字号方面，则必须重要的说了，过去通用的字号是12px或者9pt。但是现在液晶显示器开始普及，各种分辨率的显示器都有，而现在液晶显示器往点距越来越小发展，因此造成了网页上的字体在这种显示器上的显示效果不理想。显示普遍偏小。那么怎么解决呢?; ~) C0 W1 k; G6 g
7 r# H' ?. }8 [) I6 i 使用14px的字体可以比较好的解决这个问题。建议在重要的链接和文章内容上使用14px的字体。
& F1 N1 X" K! s$ z
2 z, k) f# E' _- G 在需要使用比较特殊的字体的时候，建议使用图片来替代。那样可以达到最好的显示效果。
E% B4 f" ^+ ?5 |# i9 g# U9 G1 o8 I
, J4 A. N8 U/ N2 K 5、图片背景化
% D1 q- S2 F$ [% R; `3 g9 k
8 w6 S( d4 }! W9 @ 自从div+css开始被大家熟知并认可。大量的网页开始使用这种新的技术来制作。但是我相信很多的网页设计者和我一样，都是从table转过来的，因此，在table中一些不好的习惯也被带到了这种新的技术中来。. c( B# p! e/ U' B; c% w
9 |6 L2 d7 T+ V5 O# H3 g- U5 \
因此，我建议，将要使用的图片都使用到背景中去，用css控制。而在网页中，除了必须出现的图片为没有多余的图片在网页中。这点有利于网页的减肥，也更有利于seo。
' [& Z, B% h+ |7 n2 Y) E' I2 W3 R& I% S2 p4 c( ^+ k5 h/ H! w: z
另外，大家应该注意到，现在很多的大网站都将需要使用的小图片做在一张大图片上，然后用css分别调用里面不同的位置造成不同的效果。很好，虽然我现在还没使用这种技术，但是我认为这是一个趋势。使用这种技术做网站，那么网页的整体大小将会变得很小，这样更加有利于访问者打开自己的网页。 9 \) R6 y" D% h. F2 Q
本文由（源码营 http://www.yuanmaying.com/）发布 |
