• 欢迎光临猴哥软件
  • 官方微信
  • 设为首页
  • 加入收藏
  • 网站地图
  • 新浪微博
  • 腾讯微博
  • iSuos官网
猴哥软件

让企业信息化,智能化管理
从这里开始!

,

Email:info@monkin.cn
服务热线:
  • 猴哥首页
  • 营销型网站
  • 手机APP
  • 微信软件
  • 软件定制开发
  • 网络营销推广
  • 营销方案
  • 客户服务
  • 新闻资讯
  • 关于猴哥
  • 建站流程
  • 建站咨询
  • 营销策划
  • 网络优化
  • 营销资讯
  • 常见问题

当前时间:

  • 猴哥(深圳)软件开发有限公司,专业的网络营销网站建设,让您企业的网络营销从这里开始!服务热线:
猴哥客户服务

您的位置:

  • 首页
  • 猴哥客户服务 > 营销常见问题解答

猴哥客户服务

  • 营销网站建站流程
  • 营销常见问题解答
  • 营销网站SEO优化
  • 营销网站操作技巧

最新资讯

  • 1营销企业网站的测试和企业培训
  • 2企业网站需求调研及上线售后服
  • 3可循的流程分析建设网站必须遵
  • 4营销型网站建设流程步骤流程
  • 5网站策划能为企业网站带来契机
  • 6营销网站让用户体验的四个重要
  • 7SEO中不能做的五件事
  • 8SEO优化外链质量分析构建高
  • 9利用博客平台提升企业营销网站
  • 10企业网站设计最实用的SEO技
  • 猴哥软件官方微博

    联系我们

    搜索

    有用的排版技巧提升你网站的可读性

    作者:Monkin    来源:猴哥软件    发布时间:2015/9/12 16:27:54
    排版在网页设计中经常被忽略。其实这是很傻逼的,因为注重网页排版确实可以提高你的网页设计水平和可读性。
    1、纠正行高

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

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

    body{

    font-size:14px;

    line-height:21px; /* 14px + 7px */

    }

    2、纠正标题margin值

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

    3、不要使用过多的字体

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

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

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

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

    5、关注对比

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

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

    6、只给链接的文本加下划线

    在我上网的12年中,浏览器用在链接的默认样式一直是蓝色文本加下划线。虽然这个蓝色经常被改成另外的颜色,但下划线一直被当做是链接的常规样式。这就是为什么除了链接你不要给其他的东西加上下划线的原因。否则,这可能对你的用户造成很大的困惑。

    7、创建样式库

    让你的网站产生视觉震撼的一个简单高效的方法是给特殊的页面创建特殊的样式。例如,创建一个.warning的CSS类来向 你的用户显示“警告”。

    8、按级别来排列标题和文本

    为了增加可读性,给标题、介绍段落和常规文本创建标签层级是很重要的,这样你的用户可以看清你的文章结构并能很 快的找到他们感兴趣的部分。

    9、大胆留白

    我认为最重要的排版技巧之一是“大胆留白”。留白是指空白区或没有使用的空间,它会使你的设计整齐而专业。许多人 喜欢苹果网站的原因是:它尽管简单但很精致,而且有很多留白。

    10、正确使用标点符号

    如果你想提升你的排版水平不容忽视的一点是正确使用标点符号。例如,引号经常用双撇符号代替(译者注:我想作者要表达的意思应该是全角符号和半角符号的区别,就像中文的引号和英文的引号不同一样)。

    注意区分双撇符号:     

    He said "Hello".
    同样的文本,使用引号:     

    He said “Hello”.
    • 上一篇:什么是跳出率?如何避免常见的分析陷阱 2015/9/12
    • 下一篇:网站内部链接的重要性及优化方法 2015/9/12
    猴哥首页-营销型网站-手机APP-微信软件-软件定制开发-网络营销推广-营销方案-联系猴哥
    返回顶部

    Copyright © 2010 - 2022 www.monkin.cn All Right Reserved 版权所有:猴哥软件

    地址:深圳市宝安区西乡街道共和工业路西发B区旭生研发大厦5层 邮箱:info#monkin.cn

    业务咨询:186-6583-0177 技术咨询:186-6583-0177

    RSS XML 粤ICP备15115648号-2

    主要经营:营销型网站建设 营销型网站策划 营销型网站设计 手机营销型网站 企业营销型网站建设 营销型网站制作 OA CRM ERP