1、色调的选择
, F; S' j U, R5 q4 U
3 N/ O$ y5 ^8 l 什么样主题的网站有不同的色调搭配,这个网上有专门的教程的。我只是想强调几点,第一个是,网站上的主色调只能有一个。第二点,网站的搭配颜色不要超过3个,重要的是,不能喧宾夺主。在这点上很多网站设计新手都不注意。" V! e1 B! }0 X0 B, _1 z" j6 E
( m; u# O5 U& A; W0 i
2、内容为王
, q' d+ r1 s; X- S7 Y8 O i5 C8 \0 d9 U1 k: m
一个优秀的网站要以内容为王,而界面模板只不过是衬托内容的载体。但是有很多人在设计的时候注重界面的美观而忽略内容的重要性。尤其是使用大面积的flash动画。我承认flash技术的出现是非常而且相当重要的。但我始终认为,flash只是点缀,是网站的点心。而我们真正要吃的,是米饭。把网站做了自己孤芳自赏肯定是不行的。' @: P3 q" F7 U- Y
% ]( q* j$ p0 b- ? [" H2 J: e
3、整洁和干净
/ D+ X3 } i2 [8 V3 Y" j ]
4 m. [6 |0 @2 s5 d( } 网站是面子。一个网站设计的好孬在不同的人的眼里是不一样的。正如我看新浪网的首页感觉设计得还是不错的,但是更多人认为那些很凌乱,很不好。但是无论网站采用什么风格,什么颜色,什么搭配,一定要整洁,干净。/ w# g$ D2 o! H) u" l' ^: {
% p- Y6 B+ c1 H6 `; X
整洁那就是网站的区块设置的宽度保持一致,间距保持一致。这里需要特别说明的是,以前在网站设计中的间距一般都是8px,而现在,则流行的是10px。我个人认为10px比较理想,视觉上感受更好一些。( W) D: {6 j( G7 {& z! {
* M9 _1 S. O& S8 H0 q 但是这不是死的,如果是白色的底色的情况下,部分内容我们可以加大间距,留下空白,那样更舒服。但是,只能点到即止。关于这些怎么用,建议多去看看其他的网站是怎么做的,会对自己有很好的帮助。
5 V7 F' L& ^- U: y5 {' S8 u/ `- _( i4 @! m+ K7 f. q
4、字体和字号 2 a* q) }: [5 }* G, z8 t4 J' \
) k% v& h. S1 J! ]9 L8 M8 D
网站上的字体作为中文来说,只能是宋体。你使用什么隶书、黑体等等虽然能显示出来,但是文字是有毛边的。为什么呢?因为浏览器不支持文字的磨边处理。而所有的字体中只有宋体是可以完美支持的。更重要的是,几乎所有的中文操作系统都是以宋体为主字体的。
) F' |' n8 Z6 u/ ^ J! k! S/ h o2 m2 d4 p5 z- m2 S
另外,新出的vista系统有一种新的字体,叫做微软雅黑。很好很漂亮的字体。但是由于有了这种字体我们就特别需要在css中制定网页默认的字体是宋体了。为什么呢?有几个方面,第一是微软雅黑的标点符号不是很标准,如果网页全部都是微软雅黑的话,这些标点符号是会很难看的,另外呢,就是微软雅黑对空格的理解和宋体不一样,宋体中一个空格=半个汉字,而微软雅黑中不是这样的。这造成了大量的文章的段落前面的空格显示不正常。
8 s6 O. w9 ]5 u2 r' P
7 \ V! o; S' b2 U 关于这个分段问题,我一直强调使用css解决,很简单的。那样会更方便。
8 p5 c2 g, _2 h1 k4 k6 C: K7 ~! u9 T$ V, }' _- W
关于微软雅黑最后一个问题就是,目前vista系统的普及率很不好,评价更不好,因此,微软雅黑的普及率会大大降低。因此,使用宋体是必要而且必须的。
4 ]( V9 ]) ~/ j; Y% v# k2 {! l& F9 Q5 W
关于字号方面,则必须重要的说了,过去通用的字号是12px或者9pt。但是现在液晶显示器开始普及,各种分辨率的显示器都有,而现在液晶显示器往点距越来越小发展,因此造成了网页上的字体在这种显示器上的显示效果不理想。显示普遍偏小。那么怎么解决呢?
& F% A& D: Z0 F) `7 k H J ]; f7 O
% ^, h9 j3 ]1 d7 Y 使用14px的字体可以比较好的解决这个问题。建议在重要的链接和文章内容上使用14px的字体。+ H' r# X) a8 ~1 S
1 M6 O. @( H% E' n5 Z1 c3 d9 F
在需要使用比较特殊的字体的时候,建议使用图片来替代。那样可以达到最好的显示效果。; W* o; E% g4 U0 N- m- h
9 A6 ~! z, M' [. T! X
5、图片背景化 / l, h$ ?3 I7 [+ e6 R
, }3 l- m( L8 D; }
自从div+css开始被大家熟知并认可。大量的网页开始使用这种新的技术来制作。但是我相信很多的网页设计者和我一样,都是从table转过来的,因此,在table中一些不好的习惯也被带到了这种新的技术中来。
) B; M0 b c8 r; u7 b1 b% p5 \9 u; f6 X7 _2 c+ S: n
因此,我建议,将要使用的图片都使用到背景中去,用css控制。而在网页中,除了必须出现的图片为没有多余的图片在网页中。这点有利于网页的减肥,也更有利于seo。7 f ]/ m. L* y
1 n- @0 [ ~ Y7 [ 另外,大家应该注意到,现在很多的大网站都将需要使用的小图片做在一张大图片上,然后用css分别调用里面不同的位置造成不同的效果。很好,虽然我现在还没使用这种技术,但是我认为这是一个趋势。使用这种技术做网站,那么网页的整体大小将会变得很小,这样更加有利于访问者打开自己的网页。
8 b* r) C0 j0 @; X* }% i" R本文由(源码营 http://www.yuanmaying.com/)发布 |