5个提高你站点可读性的方法
发布时间:2011-01-31 17:48:00
一个更易读的网站意味着网站使用性的改良以及提供愉悦的阅读体验。我们希望浏览者们能或者这些好处不是吗?
这篇文章我们将介绍5个简单的方法让你能提高你网站的可读性。当然,文章的最后请大家自由发表意见,我希望能知道你们的想法。
对排版的基本了解
你必须收悉字距调整、亮度动态控制、首字、截线、无截线、线高等术语。
排版是现代网站设计的一个重要方面,特别是现在许多人使用css下的font-face字体而且有一些像Typekit一样的软件让人们可以用不合法的字体在他们的网页上。
当然最漂亮的字体也不能在你不遵守相关基础规则的情况下帮助你。试着一直用字体标准度量,无论是你的自创体还是现有的字体,简单的12, 14, 16, 18, 21, 24, 36, 48, 60,将会很好的规范字体等级制度,保持使用合法的字体度量标准。
有效地利用空白处
“空白空间”是指设计网站时的闲置空间-它并不一定指白色的白,可以说它是隔开章节段落之间的那些空闲空间。能更好的利用这些空间是提高你网站可读性的关键。
如果你的网站挤的满满的使得段与段之间都没有空白,阅读浏览你的网站将变得很困难。确保你的文字内容,副本,图标,列表,超链接以及其他元素拥有自己的空间。
我们知道网络使用者是不回去耐心阅读的,他们快速浏览直到找到他们感兴趣的内容,于是才点击来读(或者继续快速浏览)。在这方面做一些提高,通过利用空白空间让你的页面便于浏览。
对其线和格
如果文章和其他网页元素在网页上四处分散会使你的页面十分难以阅读从而无人问津。使用对其格能帮助你保持页面的整齐并让读者能直接的发现你页面的关键点-比如说请读者注意的按钮。
有一些出名的网格系统如960.gs 和Blueprint可以作为你设计网页的起点和参考。我个人喜欢用我自己的构架风格,但是我相信这只是个人选择罢了。
色彩对比
显然上述的几点对网页设计很重要,但是色彩对于网页也是不可或缺的重要因素。白色底纹浅灰色文本也许让你读着不费力,但对于其他人来说可能根本无法读下去。如果你的目标读者是60岁以上的人时,你可能希望文章字色稍暗点更利于阅读。同样的,如果你的页面背景太暗,要让文字越亮越好。
你当然可以在对比度的掌握上玩的的心应手,你可以使你的图标颜色更深来吸引读者注意,让其更浅来让读者忽略。
确保元素间的对比,背景和文字的对比。你可以使用Colour Contrast Check‘这样的工具来使文章有不同的色彩和对比。
确保简洁切题
如我之前说的,人们不会去仔细阅读,他们只是浏览罢了。至少我是这样的。所以让你的内容简短并把不相关的东西去掉可以提高可读性。要知道你不是在写小说,你是在写网络文章。我个人一看到长篇大论的文章就立刻点击关闭。把文章拆成小段落和关键点。
当你能把文章缩到50字时就不要写100个字。保持简洁切题你的读者会感谢你的。
该你说了
我知道我关于这个问题的看法只是表面见解,请同我们分享你们的小经验。我会仔细阅读它们的。评论区见!(来源:译言网)


猜你喜欢
- 我的是shift+] 会打开search everywhere, 很影响操作。怎么关掉?解决:打开设置(settings)找到keymap,
- fixtures调用其他fixtures及fixture复用性 pytest最大的优点之一就是它非常灵活。它可以将复杂的测试需求简
- 1、python安装可以跨平台2、有两个版本2.7和3.6,第三方库适用2.7版,两个版本不兼容windows安装:第一种方法官网安装:在官
- 1. 信号与槽(Signals and slots)信号与槽机制是 PyQt 的核心机制,用于对象之间的通信,也就是实现函数之间的自动调用。
- Mysql数据库百万数据测试索引Mysql官方对索引的定义是:索引(index)是帮助Mysql高效获取数据的数据结构。进而,我们可以知道索
- 本文实例为大家分享了wxPython实现计算器的具体代码,供大家参考,具体内容如下# -*- coding: utf-8 -*-######
- Python中的闭包前几天又有人留言,关于其中一个闭包和re.sub的使用不太清楚。我在脚本之家搜索了下,发现没有写过闭包相关的东西,所以决
- 需要下载某网站的视频,chrome浏览器按F12打开开发者模式,发现视频链接是以"blob:http"开头的链接,打开这
- 1. 简介本文将介绍 Go 语言中的 sync.Cond 并发原语,包括 sync.Cond的基本使用方法、实现原理、使用注意事项以及常见的
- startswith()方法Python startswith() 方法用于检查字符串是否是以指定子字符串开头如果是则返回 True,否则返
- 不多说,直接上代码from hdfs import Clientimport pandas as pdHDFSHOST = "ht
- 一,为了让xadmin 登录者只能看到自己创建的数据1,modelclass UserTB(models.Model): nam
- 一、简介在这篇文章中,我们将学习Python中的高级数据结构,如堆、栈、队列、链表等,并使用Python实现常见的算法,如排序、查找等。我们
- 二进制数据结构Struct在C/C++语言中,struct被称为结构体。而在Python中,struct是一个专门的库,用于处理字节串与原生
- 最近做项目需要我们前端对金额进行千分位格式化(也就是说每三位用逗号隔开),代码已经做了修改 之前的版本是本人疏忽 真对不住大家了
- JDBC连接mysql处理中文时乱码解决办法详解近日,整合的项目需要跟一个比较老版本的mysql服务器连接,使用navicat查看,发现此m
- scrapy.FormRequestlogin.pyclass LoginSpider(scrapy.Spider): name =
- 目录1、简介2、正文2.1 where子句位置2.2 操作符2.3 空值null1、简介当我们需要获取数据库表数据的特定子集时,可以使用wh
- 1、概述Golang是一种强类型语言,虽然在代码中经常看到i:=12这种写法,这其实是编译器在编译期间自动做了类型推断。编译器会对数据进行类
- 使用了application及结合数据库来保存统计数据 <html><head><title>