绍兴做网站:设计网站文本可读性

2019.08.21 绍兴做网站

144

文本可以是美丽的,简单,野生,迷人,令人兴奋的和广泛的其他东西。 它可以激发情感,帮助用户了解你的信息。 类型可以是一个广泛的事情但有一点是共同的——的数量 它必须是可读的 。

这是一个因素,有时忘记了。 设计师的工作太多的信息进入太小的空间或选择看起来比它读取。 但关键是这样的:如果你的类型是不可读的,你的设计将不会完全有效。

可读性:“可读的状态或品质; 属性的类型影响的印刷品可以在一段时期内持续阅读。 ”——dictionary.com

绍兴做网站虽然这是一个大胆的声明,它几乎适用于一切。 “作为一种艺术元素类型” 你问? Less-than-readable类型可以在这种类型的设计工作但只- - - -如果是配类型的可读的性质。

可读性简而言之

 

 

绍兴做网站 

那么是什么让类型可读? 它实际上是一个组合的许多因素,包括线路长度、领导、字体风格,利润率和填充,颜色和对比。

在线HTML电子邮件模板编辑器

 明信片 你可以在线创建和编辑电子邮件模板没有任何编程技能! 包括100多个组件来帮助您创建自定义邮件模板的比以往任何时候都要快。 现在试一试 免费!

了解更多其他产品

绍兴做网站每个元素有助于多么简单或困难,在屏幕上阅读。 和每一个元素是设计师可以控制的东西。 请注意,当我们讨论这些元素在这篇文章中,我们引用一个网站的主体文本,可读性可以说是最关心的地方。 (许多这样的指导方针很宽松的其他文本元素,只要主体高度可读的)。

· 

线长度: 一行文本的字符数为整体可读性的主要方式。 如果文本非常广泛,它可以恐吓,难以阅读。 也是如此的文本行,太短,可以强调读者的眼睛而导致混乱。

· 

· 

领导: 行文本之间的空间同样重要。 本文考虑,如果每一行类型的接触线上方和下方,你将无法理解这句话。

· 

· 

字体风格: 字体的风格也可以影响可读性。 简单的衬线和无衬线字体是最可读可扫描,而华丽的风格,脚本和新奇的字体是最难以破译。

· 

· 

利润率和填充: 和领导一样,周围的空间和对象之间影响用户可以看到实际的文字。

· 

· 

颜色和对比: 文本的颜色在相应的背景下具有重要意义。 如果你把绿色类型绿色背景很难阅读。 是有原因大多数设计师选择光明文本在一个黑暗的背景黑暗光背景类型。 的对比使字体容易阅读。

· 

可读性在不同的屏幕

 

 

绍兴做网站 

所以你如何创建最可读的类型? 正文时,有一些基本的指导方针,每行的字符数和每个设备类型为最佳可读性贡献。

那么你怎么知道从哪里开始呢? 最佳线长度可以帮助您确定文本的大小。 方法如下:确定你的身体文本框的宽度通常——你可以假定它是桌面,桌子或移动的大小。 和调整字号属于一系列理想的字符计数。

虽然有其他因素发挥作用,这些指南是一个开始的好地方。

· 

桌面: 每行55到75个字符(包括空格; 理想是接近65个字符每行

· 

· 

移动设备: 每行35到50个字符

· 

把一个最佳的字符数的和伟大的行间距(或主要)来提高可读性。 领导往往是最好的身体的文本大小定义为一个百分比,可以定义为一个数字或通过使用ems。

· 

桌面: 1.5倍的大小类型

· 

· 

移动设备: 1.75到2倍的大小类型

· 

如果你正在寻找一个伟大的工具来帮助简化的数学,试试 黄金比例排版计算器 。

其他的技巧可读性

绍兴做网站创建一个可读的排版可以有很多事要做不是主体文本型。 使用标题,子弹列表,可以添加额外的段落之间的间距和颜色整体可读性(和读者浏览一个网站的能力)。

考虑添加文本层次结构使用这些元素来创建一个更完整的和可读的网站设计。 记住“风格”这些元素与特定的字体,大小和颜色的工作在和谐与主体文本。

· 

· 

· 

链接

· 

· 

粗体或斜体文本

· 

· 

子弹或编号列表

· 

· 

图形元素,如照片

· 

· 

标题

· 

· 

把报价

· 

· 

衬线和无衬线字体的字体元素

· 

10容易阅读的字体

没有文章可读性的某种类型的建议就是不完整的。 这里是10可读性很强——而流行的字体选项用于构建网站。

无衬线

开放无

 

Lato

 

挂式

 

高贵的

 

Droid无

 

衬线

下午

 

旧标准TT

 

阿布里尔Fatface

 

Vollkorn

 

Josefin板

 

可读性的清单

  

现在,你认为你有一个不错的主意的字体和风格为你的下一个设计您想要使用的项目你肯定没把一切放在一起的方式是完全可读吗? 这是一个快速清单帮助你计划设计类型。

· 

主体类型足够大吗? 它落在每个设备的最佳线路长度范围的尺寸吗?

· 

· 

是否有足够的间距的每一行文本吗?

· 

· 

之间有足够的空间文本和页面的边缘和其他设计元素?

· 

· 

有足够的对比背景和主体文本吗?

· 

· 

每一个新的段落之间有额外的空间?

· 

· 

标题和其他文本元素不同的主体文本?

· 

· 

你用其他元素(子弹列表、大胆、等)分解大量的文本吗?

· 

· 

你读的字体为主体(最好是一个简单的衬线和无衬线字体)?

· 

结论

可读性是设计的一个重要组成部分。 如果你不能阅读和理解的页面,它永远不会是相关和重要的用户。

你计划怎样可读性的设计项目吗? 你有额外的成功秘诀吗? 请在评论中与我们分享。

 


最新案例

寒枫总监

来电咨询

18868949445

微信咨询

寒枫总监

TOP