1、色调的选择
0 @( M* y. v/ r( M" @4 o1 H8 N* ` u1 C! [( \& h* b9 Y% d6 T
什么样主题的网站有不同的色调搭配，这个网上有专门的教程的。我只是想强调几点，第一个是，网站上的主色调只能有一个。第二点，网站的搭配颜色不要超过3个，重要的是，不能喧宾夺主。在这点上很多网站设计新手都不注意。( }3 z6 k/ E' S0 q/ o
$ G4 \4 x, ~! n- i/ z6 h5 ~ 2、内容为王
8 w8 w/ L* b! ]( S; H* I$ O
1 |: w) h: J3 H5 k$ h$ v3 e# a 一个优秀的网站要以内容为王，而界面模板只不过是衬托内容的载体。但是有很多人在设计的时候注重界面的美观而忽略内容的重要性。尤其是使用大面积的flash动画。我承认flash技术的出现是非常而且相当重要的。但我始终认为，flash只是点缀，是网站的点心。而我们真正要吃的，是米饭。把网站做了自己孤芳自赏肯定是不行的。
* M/ x2 c2 r0 g* L* c9 ~. i- f$ E! H1 }. |, f8 M. q
3、整洁和干净
( G4 a K# v; y& f. X: g5 X, }2 s% L7 s
网站是面子。一个网站设计的好孬在不同的人的眼里是不一样的。正如我看新浪网的首页感觉设计得还是不错的，但是更多人认为那些很凌乱，很不好。但是无论网站采用什么风格，什么颜色，什么搭配，一定要整洁，干净。
' Q7 l7 q: _9 R' H& ?. M' l8 d7 V' o9 A) \$ w
整洁那就是网站的区块设置的宽度保持一致，间距保持一致。这里需要特别说明的是，以前在网站设计中的间距一般都是8px，而现在，则流行的是10px。我个人认为10px比较理想，视觉上感受更好一些。1 i9 Y# A+ ?, b5 e. E* L
# _' G1 o# U, |- G9 Q5 ~
但是这不是死的，如果是白色的底色的情况下，部分内容我们可以加大间距，留下空白，那样更舒服。但是，只能点到即止。关于这些怎么用，建议多去看看其他的网站是怎么做的，会对自己有很好的帮助。) G" T0 E2 @4 z: E, h& G4 s
9 t8 r" O# l- }: H! l6 m2 m1 [( q' m& [ 4、字体和字号 ( g6 c- Y) _% O+ R7 p
* U9 Q. s# l! |" ]# T3 ? 网站上的字体作为中文来说，只能是宋体。你使用什么隶书、黑体等等虽然能显示出来，但是文字是有毛边的。为什么呢?因为浏览器不支持文字的磨边处理。而所有的字体中只有宋体是可以完美支持的。更重要的是，几乎所有的中文操作系统都是以宋体为主字体的。
0 Z. u1 W+ m0 I- z) u$ r3 n4 v, }, m( `5 H" Y8 u2 o3 G
另外，新出的vista系统有一种新的字体，叫做微软雅黑。很好很漂亮的字体。但是由于有了这种字体我们就特别需要在css中制定网页默认的字体是宋体了。为什么呢?有几个方面，第一是微软雅黑的标点符号不是很标准，如果网页全部都是微软雅黑的话，这些标点符号是会很难看的，另外呢，就是微软雅黑对空格的理解和宋体不一样，宋体中一个空格=半个汉字，而微软雅黑中不是这样的。这造成了大量的文章的段落前面的空格显示不正常。
( Z( E7 A4 L3 T4 w' `& A/ q9 Z
U& E" i/ u6 p" h# a' [ 关于这个分段问题，我一直强调使用css解决，很简单的。那样会更方便。
- W5 ?) G9 W5 {6 j" |+ C. {
7 Q" p1 n2 q" P7 b5 R1 z 关于微软雅黑最后一个问题就是，目前vista系统的普及率很不好，评价更不好，因此，微软雅黑的普及率会大大降低。因此，使用宋体是必要而且必须的。3 ^0 l4 m7 ?9 c, y3 y @$ T1 P
7 f! p/ p8 v8 j( d& A/ g
关于字号方面，则必须重要的说了，过去通用的字号是12px或者9pt。但是现在液晶显示器开始普及，各种分辨率的显示器都有，而现在液晶显示器往点距越来越小发展，因此造成了网页上的字体在这种显示器上的显示效果不理想。显示普遍偏小。那么怎么解决呢?0 s# y! e5 T: z3 v! s
1 S& T. ~- y6 y4 \' D4 Y( ~6 C' e' {
使用14px的字体可以比较好的解决这个问题。建议在重要的链接和文章内容上使用14px的字体。4 L8 D1 l9 h/ ?- U
9 ~8 a% V, \! _* G: K
在需要使用比较特殊的字体的时候，建议使用图片来替代。那样可以达到最好的显示效果。& d# `' i! Q% M9 g5 u
% s# y7 X4 j) }( W7 p 5、图片背景化
2 H, u$ Y! i: T K" |% M% b; W8 m; R: Y
自从div+css开始被大家熟知并认可。大量的网页开始使用这种新的技术来制作。但是我相信很多的网页设计者和我一样，都是从table转过来的，因此，在table中一些不好的习惯也被带到了这种新的技术中来。+ t* q3 i- i5 `' x& V
+ D# n7 Y; ?) l2 L# n
因此，我建议，将要使用的图片都使用到背景中去，用css控制。而在网页中，除了必须出现的图片为没有多余的图片在网页中。这点有利于网页的减肥，也更有利于seo。, _: K! w. j# w! X% L/ t' ?
0 f8 o6 ^' B8 V( e' N Z- O) O* S 另外，大家应该注意到，现在很多的大网站都将需要使用的小图片做在一张大图片上，然后用css分别调用里面不同的位置造成不同的效果。很好，虽然我现在还没使用这种技术，但是我认为这是一个趋势。使用这种技术做网站，那么网页的整体大小将会变得很小，这样更加有利于访问者打开自己的网页。
) ~$ N; z, _9 b本文由（源码营 http://www.yuanmaying.com/）发布 |
