找回密码
 加入怎通
查看: 623|回复: 6

[其他] 网站制作中的一些经典小经验分享

[复制链接]
feiying12345 发表于 2012-07-29 21:54:52 | 显示全部楼层 |阅读模式
       1、色调的选择
/ H$ T, o4 m5 ~% y
: c- ^5 S1 d+ {7 R/ j  什么样主题的网站有不同的色调搭配,这个网上有专门的教程的。我只是想强调几点,第一个是,网站上的主色调只能有一个。第二点,网站的搭配颜色不要超过3个,重要的是,不能喧宾夺主。在这点上很多网站设计新手都不注意。7 c, m# ?1 z  X0 E
; A, a: }* C; Q# Z
  2、内容为王
& y- d$ L' G2 ]' p- u# i- _4 P8 r7 ^. E$ U4 Z! N! \! V
  一个优秀的网站要以内容为王,而界面模板只不过是衬托内容的载体。但是有很多人在设计的时候注重界面的美观而忽略内容的重要性。尤其是使用大面积的flash动画。我承认flash技术的出现是非常而且相当重要的。但我始终认为,flash只是点缀,是网站的点心。而我们真正要吃的,是米饭。把网站做了自己孤芳自赏肯定是不行的。
* K4 v2 \( X# z* E& g9 q- f0 l* F+ Q+ a
  3、整洁和干净
: I, n: r  X" N% s, f0 Q2 c% J" ^" o: n5 G5 ]2 w  G; s$ ~. u
  网站是面子。一个网站设计的好孬在不同的人的眼里是不一样的。正如我看新浪网的首页感觉设计得还是不错的,但是更多人认为那些很凌乱,很不好。但是无论网站采用什么风格,什么颜色,什么搭配,一定要整洁,干净。+ c# W9 P" W) o! h

$ [7 `6 {2 E& p  整洁那就是网站的区块设置的宽度保持一致,间距保持一致。这里需要特别说明的是,以前在网站设计中的间距一般都是8px,而现在,则流行的是10px。我个人认为10px比较理想,视觉上感受更好一些。2 P6 K) w: @8 J+ O9 v# ^& T

+ z  A) c% Q/ O, B1 a6 m0 D  但是这不是死的,如果是白色的底色的情况下,部分内容我们可以加大间距,留下空白,那样更舒服。但是,只能点到即止。关于这些怎么用,建议多去看看其他的网站是怎么做的,会对自己有很好的帮助。5 o" y% z* d( I% X% d5 X
! h! U- j" [% d% o/ t
  4、字体和字号
+ C; l: N3 i, u; s5 Q/ d4 l: ]( p+ d& J9 G) N' T
  网站上的字体作为中文来说,只能是宋体。你使用什么隶书、黑体等等虽然能显示出来,但是文字是有毛边的。为什么呢?因为浏览器不支持文字的磨边处理。而所有的字体中只有宋体是可以完美支持的。更重要的是,几乎所有的中文操作系统都是以宋体为主字体的。
+ G/ @7 _" A- t) B3 `7 X3 v
& ?* ]5 h/ n% t( M  另外,新出的vista系统有一种新的字体,叫做微软雅黑。很好很漂亮的字体。但是由于有了这种字体我们就特别需要在css中制定网页默认的字体是宋体了。为什么呢?有几个方面,第一是微软雅黑的标点符号不是很标准,如果网页全部都是微软雅黑的话,这些标点符号是会很难看的,另外呢,就是微软雅黑对空格的理解和宋体不一样,宋体中一个空格=半个汉字,而微软雅黑中不是这样的。这造成了大量的文章的段落前面的空格显示不正常。6 J2 w3 B; c# b  L8 m! K  A% [

/ U/ R; S5 e+ F/ z  C, l4 s9 [  关于这个分段问题,我一直强调使用css解决,很简单的。那样会更方便。
5 ]; l0 B3 c. n' K6 x5 C
( H1 ?6 O# ~- B& W1 i+ q  关于微软雅黑最后一个问题就是,目前vista系统的普及率很不好,评价更不好,因此,微软雅黑的普及率会大大降低。因此,使用宋体是必要而且必须的。4 {# W, R3 s- u* f1 D# K4 a$ Q9 b- Z- A
; f6 V, C! K# Z
  关于字号方面,则必须重要的说了,过去通用的字号是12px或者9pt。但是现在液晶显示器开始普及,各种分辨率的显示器都有,而现在液晶显示器往点距越来越小发展,因此造成了网页上的字体在这种显示器上的显示效果不理想。显示普遍偏小。那么怎么解决呢?
0 @4 Q/ A+ S1 u' A  e6 y! U
  E' E/ W) U% Y- l& I8 n; @  使用14px的字体可以比较好的解决这个问题。建议在重要的链接和文章内容上使用14px的字体。
. o; n6 T. z6 k1 C2 O
) H4 O. W* C8 I: I" u8 Q3 E( F  在需要使用比较特殊的字体的时候,建议使用图片来替代。那样可以达到最好的显示效果。. I, U2 ?* q" g, m$ L$ `
& @" [# a4 V3 `! x+ t! I, l
  5、图片背景化
0 X5 W* Y* L, ?5 S. _$ G% N' N" a( a$ c8 e. d4 [5 R
  自从div+css开始被大家熟知并认可。大量的网页开始使用这种新的技术来制作。但是我相信很多的网页设计者和我一样,都是从table转过来的,因此,在table中一些不好的习惯也被带到了这种新的技术中来。1 U3 [  }9 h  z6 ^7 @
7 W) z" A( l& ]! U$ R
  因此,我建议,将要使用的图片都使用到背景中去,用css控制。而在网页中,除了必须出现的图片为没有多余的图片在网页中。这点有利于网页的减肥,也更有利于seo。
# S$ \5 A. g6 s7 S9 `# B$ D: m& ]* l8 `  p6 b" d( h
  另外,大家应该注意到,现在很多的大网站都将需要使用的小图片做在一张大图片上,然后用css分别调用里面不同的位置造成不同的效果。很好,虽然我现在还没使用这种技术,但是我认为这是一个趋势。使用这种技术做网站,那么网页的整体大小将会变得很小,这样更加有利于访问者打开自己的网页。
  l+ N4 p" W, o1 U本文由(源码营 http://www.yuanmaying.com/)发布

暂时无法加载帖子列表

回复

使用道具 举报

柳村 发表于 2026-03-16 10:05:55 | 显示全部楼层
楼主太厉害了,整理得这么详细,必须支持
回复

使用道具 举报

未完 发表于 2026-05-25 23:10:44 | 显示全部楼层
这个思路很新颖,打开了新世界的大门,谢谢分享
回复

使用道具 举报

xiaoben 发表于 2026-08-06 21:07:05 | 显示全部楼层
蹲了这么久,终于看到有价值的讨论,支持一下!
回复

使用道具 举报

紫色的珊瑚 发表于 2026-08-09 14:53:32 | 显示全部楼层
说得很实在,没有夸大其词,这种真实分享太难得了
回复

使用道具 举报

seoto 发表于 2026-09-18 20:23:23 | 显示全部楼层
楼主辛苦了,整理这么多内容,必须点赞收藏
回复

使用道具 举报

小娅" 发表于 2026-10-17 14:17:43 | 显示全部楼层
完全赞同,我也是这么认为的,英雄所见略同~
回复

使用道具 举报

    您需要登录后才可以回帖 登录 | 加入怎通

    本版积分规则

    QQ|手机版|小黑屋|网站地图|真牛社区 ( 苏ICP备2023040716号-2 )

    GMT+8, 2026-11-1 00:37 , Processed in 0.043939 second(s), 30 queries , Gzip On.

    免责声明:本站信息来自互联网,本站不对其内容真实性负责,如有侵权等情况请联系420897364#qq.com(把#换成@)删除。

    Powered by Discuz! X3.5

    快速回复 返回顶部 返回列表