最新信息
您的位置:网站首页  » 网站改版 » 正文

网页排版的技巧和十年美工的心得

2019-07-02阅览次数: 112次
排版在网页设计中经常被忽略。其实这是很傻逼的,因为注重网页排版确实可以提高你的网页设计水平和可读性。下面,我列出了10个非常有用的排版技巧让你的网站看起来更好。

1、纠正行高

最常见的网页布局错误之一是定义了不正确的行高。行高是定义一行文本的高度,所以我们必须按照文本字体大小来设定行高。

一般来说,在设置文本行高的时候,我经常在字体大小的基础上加上7个像素(对12-17像素的字体而言)

2、纠正标题margin值

另外一个常见的错误是标题周围不正确的margin值。标题其实是与它下面的段落是相关联的,而不仅仅是两个段落的分割符。这就是为什么标题的margin-top比margin-bottom要宽。

3、不要使用过多的字体

为了确保可读性和专业性,你的网页上不应该使用超过3种字体。使用过多的字体会干扰你的用户而且让你的网站看起来很乱。相反,较少的字体让你的网站显得干净易读。你可以标题使用一种字体,正文使用一种字体,最后logo或副标题使用另外的字体。

4、代码部分使用等宽字体

如果你是一位开发者(就像大部分读这篇博客的人)你可能想贴一些代码在你的博客里。如果是这样,请使用等宽字体。那么,什么是等宽字体?它就是字母和字符占相同水平宽度的字体。

那么在网站的代码段你应该使用哪种字体呢?到目前为止courier字体是最流行的,那么尝试一下最新的一些字体像consolas或monaco怎么样呢?那你一定要看看这里咯。这里

5、关注对比

即使你的网站有很好的排版了,另一个需要注意的是对比。如果你的页面背景是中灰色(#999999),那么不要使用深灰色(#333333)的文本,否则你的内容很难看清,尤其是对一些年纪比较大的或视力差的人。

总之,除非你的网站是关于黑客、黑帽seo或哥特摇滚的,不然你应该使用浅色背景和深色字体来保证清晰的对比度增加你网站的可读性。

相关阅读
客服明星网站建设
  • 精灵,WEBOSS的共同所有者,专注Web服务器/用户体验设计师和前端开发,梦幻般的设计,注重细节蓝精灵,亚[详细]

  • 闵哥,能讲很标准的普通话,我们感觉比电台还好听。他总是戴耳机,时刻再听音乐...闵哥,网络资深从业[详细]

  • 蓝蓝,主要负责平面排版工作。一个有才华的设计师,她结合了她十多年作为销售和市场营销专业的经验蓝蓝[详细]

关于我们 - 联系我们 - 诚聘英才 - 网站文化 - 法律服务 - 网站地图 - 友情链接

合作伙伴 - 网站留言 - 留言列表 - 结算方式 - 在线订单 - 网站投票 - 网站地图

备案编号:鄂ICP备18023717号

©中国网站原创联盟服务机构·亚荣软件·宜昌网站制作

April Media is an independent Media Organization based in Yichang, China.

宜昌亚荣软件开发有限公司 ©版权所有

Copyright © 2010 - 2019 April Media. All Rights Reserved

TEL:13986805302;0717-8866860

UNID:91420506MA48BM2C2J

E-MAIL:web@mrtx.cn

在线下单    13986805302袁工/ 13581492345 闵工/营销中心:0717-8866860 QQ:84486631
网站测试期间,网站文字,图片,及其他资源,若侵犯您的权力,请联系我们!
  • 在线沟通,请点我在线咨询

  • 咨询热线:
    139868O53O2
    客服qq:
    84486631