文本可以是美丽的,简单的,野生的,迷人的,令人兴奋的和很多其他的东西。它可以激发情感,帮助用户了解你的消息。类型可以是很多东西但有一点是共同的– 它的易读性 。
这是一个有时是遗忘因子。设计师的工作,得到过多的信息,为太小的空间或选择一些看起来比它更好的阅读。但重要的一点是:如果你的类型是不可读的,你的设计将不能完全有效。
虽然这是一个大胆的声明,它适用于几乎所有的东西。“什么类型作为一种艺术元素”你问?小于可读型可如果这是搭配的可读性类型,这种类型的设计只–只有–工作。
简而言之,提升网站设计文本可读性很重要
那么是什么让型可读?它实际上是一个组合的数量的因素包括线路长度,领导风格,字体,边距与填充,颜色和对比度。
每个单元有多么容易,或硬,就是在屏幕上阅读。和这些元素都是设计者能控制。请注意,当我们讨论这些元素,在本文中,我们引用一个网站的主体文本的可读性,可以说是最大的问题。(许多这些指导方针是其他文本元素只要主体是具有很强的可读性。宽松很多)
- 线长度:在一行文本的字符数有助于整体可读性的一个重要途径。如果文本是非常广泛的,它可以恐吓和难以阅读。同样是文本太短线真的能力,读者的眼里,造成混乱。
- 领先的:文本行之间的空间量是同等重要的。这篇文章,如果每一道式触线的上方和下方,你不能理解的话。
- 字体样式:版面风格会影响可读性好。简单的serif和sans-serif字体是最可读和可扫描,而华丽的风格,脚本和新颖的字体是最难破译。
- 边距与填充:作为领导,空间和对象之间的影响如何以及用户可以读取实际的话。
- 色彩的对比:文本与背景颜色也相应具有重要意义。如果你把绿色型绿色背景很难读。有一个原因,大多数的设计师选择在黑暗的类型对背景光背景光的文本。进行了对比的字体容易阅读。
在不同的屏幕的可读性
所以你怎么能创造最可读型?当谈到身体文本有–每行的字符数的一些基本准则和每个设备类型–,为最佳的可读性。
那么你怎么知道从哪里开始?最佳的线的长度可以帮助你决定文字大小。这就是:确定你的身体文本框–宽度通常可以假定为桌面,桌上或移动的大小。调整字体大小下的范围内的理想的字符数。
虽然也有其他因素也开始发挥作用,这些准则是一个很好的开始的地方。
- 台式机55,每行75个字符,包括空格;理想是接近每行65个字符
- 移动设备:35,每行50个字符
结合每大线间距线特征的最佳数量(或领导)以增加可读性。领导往往是最好的定义为身体的文本大小的百分比,可以被定义为一个坚硬的数量或使用EMS。
- 台式机类型的大小的1.5倍
- 移动设备:字体的大小1.75到2次
如果你正在寻找使这一切更伟大的数学工具,试着黄金比例字体计算器。
可读性其他提示
创建一个可读的排版可以有很多类型,不是本体的文本以及。使用标题,段落和列表,颜色之间的间距可以添加额外的整体可读性(和读者能够扫描网站)以及。
想添加文本层次使用这些元素和创造一个更完整的–可读的–网站设计 记得“风格”,其中的每个元素与一个特定的字体,大小和颜色,自己工作在和谐与主体的文本。
- 标题
- 链接
- 在文本以粗体或斜体
- 项目符号或编号列表
- 如照片图形元素
- 字幕
- 引文
- 元素组合衬线字体
10种容易阅读的字体
没有文章可读性会没有某种类型的建议是完整的。这里有10个高度可读的–而受欢迎的–字体选择网站建设。
SANS衬线
打开“
广义的
Exo
金钗石斛
Droid Sans
衬线
下午
旧标准TT
fatface啊
vollkorn
约瑟芬板
文本可读性清单
现在,你认为你有很好的字体和样式您想使用您的下一个网站设计项目,你已经确定你把一切都组织在一起的方式,是否完全可读?这里是一个快速的清单来帮助你有计划的设计文本的可读性。
- 主要是体型够大吗?它落在最佳线长度范围为每个设备的大小?
- 是否有足够的每个文本行之间的距离?
- 有文字和页面和其他设计元素的边缘之间有足够的房间吗?
- 有背景和主体文本足够的对比?
- 是每一个新的段落之间有额外的空间?
- 标题和其他文本元素从主体不同文本?
- 你使用的其他元素(列表,大胆,等)打破了大段的文字?
- 你用可读的字体为主体(最好是一个简单的serif或sans-serif)?
结论
可读性是设计的一个重要组成部分。如果你不能读懂这个页面上的内容,它永远不会被相关的重要用户。
你如何在设计项目的可读性的计划吗?你有成功的额外的提示?与我们分享他们的意见。