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

[IT资讯] 苏州云客网在网站建设中的那些排版技巧

[复制链接]
何必在意呢 发表于 2016-01-26 17:35:05 | 显示全部楼层 |阅读模式
  排版在网页设计中经常会被设计师忽略的,其实这样是得不偿失的,因为注重网页排版可以提高你的网页设计水平和可读性。苏州云客网总结出了几个非常有用的排版技巧让你的网站吸引更多的用户。$ J" `' g) H$ X7 X& d- R2 y
  1、纠正行高
6 Y* \0 n0 {, B& J  最常见的网页布局错误之一是定义了不正确的行高。行高是定义一行文本的高度,所以我们必须按照文本字体大小来设定行高。一般来说,在设置文本行高的时候,小编经常在字体大小的基础上加上7个像素(对12-17像素的字体而言)。& m- t2 P5 C% A& f3 \- j  `
  2、纠正标题margin值
' L. v0 q2 R  Z$ ~8 t  另外一个常见的错误是标题周围不正确的margin值。标题其实是与它下面的段落是相关联的,而不仅仅是两个段落的分割符,这就是为什么标题的margin-top比margin-bottom要宽。
- a% a* ?% ~+ s, V" ~  3、不要使用过多的字体# S0 p% @, Q$ K" L: O
  为了保证网站的可读性和专业性,你的网页上最好不要使用超过3种字体。使用过多的字体会干扰你的用户,还会让你的网站看起来很乱。相反,较少的字体让你的网站显得干净易读。一般情况下,我们推荐标题使用一种字体,正文使用一种字体,logo或副标题使用另外的字体。9 W5 |& M+ w; c( J
  4、关注对比度
: v- i9 o! p+ e; v  如果你的网站已经有很好的排版了,另一个需要注意的是对比。如果你的页面背景是中灰色,那么不要使用深灰色的文本,否则你的内容很难看清,尤其是对一些年纪比较大的或视力差的人。总之,除非你的网站是关于黑客或者是黑帽seo的,不然你应该使用浅色背景和深色字体来保证清晰的对比度来增加你网站的可读性。
3 e) w5 L$ j+ Y. r6 k8 p* g: C- m  5、只给链接的文本加下划线! l# Y8 |) a# @* }' y
  一般情况下,浏览器用在链接的默认样式一直是蓝色文本加下划线。虽然这个蓝色经常被改成另外的颜色,但下划线一直被当做是链接的常规样式,这就是为什么除了链接你不要给其他的东西加上下划线的原因,否则这可能对你的用户造成很大的困惑。' s, T1 f& ~$ s- O

! e( V1 d" t" g' l7 \0 }: M) ?

暂时无法加载帖子列表

回复

使用道具 举报

骑猪寻茶 发表于 2016-01-26 17:36:06 | 显示全部楼层
本人严正声明:此帖在全世界只有一个沙发。沙发两边的扶手同属于一个沙发。任何企图想制造两个或两个以上沙发的行为都必将遭到包括本人在内的全世界人民的反对和强烈谴责!
回复

使用道具 举报

3545354 发表于 2026-01-16 06:31:25 | 显示全部楼层
学习到了,之前一直没注意过这个点,受教了
回复

使用道具 举报

夕颜Z 发表于 2026-01-16 22:10:17 | 显示全部楼层
分析得很透彻,很多细节都说到点子上了~
回复

使用道具 举报

太郎心 发表于 2026-06-13 22:48:32 | 显示全部楼层
蹲了这么久,终于看到有价值的讨论,支持一下!
回复

使用道具 举报

小鱼爱吃猫 发表于 2026-08-04 21:31:37 | 显示全部楼层
刚好遇到类似问题,看完这个帖子心里有底了
回复

使用道具 举报

Jm94318 发表于 2026-09-06 15:32:23 | 显示全部楼层
完全赞同,我也是这么认为的,英雄所见略同~
回复

使用道具 举报

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

    本版积分规则

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

    GMT+8, 2026-9-13 05:33 , Processed in 0.049433 second(s), 26 queries , Gzip On.

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

    Powered by Discuz! X3.5

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