当前位置:网站首页 / 建站知识 / 网站设计知识

如何提升网站设计的文本可读性

来源:未知时间:2014-11-27 08:47点击:

文本可以是美丽的,简单的,野生的,迷人的,令人兴奋的和很多其他的东西。它可以激发情感,帮助用户了解你的消息。类型可以是很多东西但有一点是共同的– 它的易读性 。

这是一个有时是遗忘因子。设计师的工作,得到过多的信息,为太小的空间或选择一些看起来比它更好的阅读。但重要的一点是:如果你的类型是不可读的,你的设计将不能完全有效。

虽然这是一个大胆的声明,它适用于几乎所有的东西。“什么类型作为一种艺术元素”你问?小于可读型可如果这是搭配的可读性类型,这种类型的设计只–只有–工作。

简而言之,提升网站设计文本可读性很重要

快速公司

typographica

介质

那么是什么让型可读?它实际上是一个组合的数量的因素包括线路长度,领导风格,字体,边距与填充,颜色和对比度。

每个单元有多么容易,或硬,就是在屏幕上阅读。和这些元素都是设计者能控制。请注意,当我们讨论这些元素,在本文中,我们引用一个网站的主体文本的可读性,可以说是最大的问题。(许多这些指导方针是其他文本元素只要主体是具有很强的可读性。宽松很多)

在不同的屏幕的可读性

乌木

洛杉矶时报

新闻周刊

所以你怎么能创造最可读型?当谈到身体文本有–每行的字符数的一些基本准则和每个设备类型–,为最佳的可读性。

那么你怎么知道从哪里开始?最佳的线的长度可以帮助你决定文字大小。这就是:确定你的身体文本框–宽度通常可以假定为桌面,桌上或移动的大小。调整字体大小下的范围内的理想的字符数。

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

结合每大线间距线特征的最佳数量(或领导)以增加可读性。领导往往是最好的定义为身体的文本大小的百分比,可以被定义为一个坚硬的数量或使用EMS。

如果你正在寻找使这一切更伟大的数学工具,试着黄金比例字体计算器。

可读性其他提示

创建一个可读的排版可以有很多类型,不是本体的文本以及。使用标题,段落和列表,颜色之间的间距可以添加额外的整体可读性(和读者能够扫描网站)以及。

想添加文本层次使用这些元素和创造一个更完整的–可读的–网站设计 记得“风格”,其中的每个元素与一个特定的字体,大小和颜色,自己工作在和谐与主体的文本。

10种容易阅读的字体

没有文章可读性会没有某种类型的建议是完整的。这里有10个高度可读的–而受欢迎的–字体选择网站建设。

SANS衬线

打开“

打开

广义的

广义的

Exo

Exo

金钗石斛

金钗石斛

Droid Sans

Droid Sans

衬线

下午

下午

旧标准TT

旧标准TT

fatface啊

fatface啊

vollkorn

vollkorn

约瑟芬板

约瑟芬板

文本可读性清单

5by

响亮的

现在,你认为你有很好的字体和样式您想使用您的下一个网站设计项目,你已经确定你把一切都组织在一起的方式,是否完全可读?这里是一个快速的清单来帮助你有计划的设计文本的可读性。

结论

可读性是设计的一个重要组成部分。如果你不能读懂这个页面上的内容,它永远不会被相关的重要用户。

你如何在设计项目的可读性的计划吗?你有成功的额外的提示?与我们分享他们的意见。