为网页文字的可读性而设计

不同屏幕上的可读性

　　那如何创造最易读的文字？如果是正文文字，有一些基本准则规定每行的字数——每种设备不同—— 有助于打造最佳的可读性。

　　从何开始呢？最佳行长度有助于帮你确定文字段落的大小。可以这样：确定正文部分的宽度——通常可以假定分成桌面、平板、手机三种尺寸。然后调整文字大小到理想的单行字数。

　　虽然还有其他因素在起作用，这些准则是很好的入手点。

• 桌面：每行55到75个英文字符，包括空格；理想状态是每行65个字符
• 移动设备：每行35到50个字符

　　将最佳的单行字数与绝佳的行距相结合，可以提升可读性。通常，行距最好是按照正文字体字号的百分比来定义，也可以定义为固定值或是em。

• 桌面：字号的1.5倍
• 移动设备：字号的1.75至2倍

　　如果你想找个工具来简化所有这些工作，试试黄金比例文字计数器 。

可读性的其他提示

　　要打造可读的排版，正文以外的文字也大有关联。使用标题、无序列表、段落间的额外间距和颜色，也能提升整体可读性（标题则有助于浏览整个网站）。

　　考虑使用如下元素增进文字层级，创造更完整、更易读的网页设计。记得要把这些元素“设计”成独特的字体、字号和颜色，并要在正文中保持协调。

• 标题
• 链接
• 粗体或斜体字
• 无序或有序列表
• 图像元素，例如照片
• 说明文字
• 引用文字
• 在各元素中混合使用衬线字体和无衬线字体

10种易读的字体

　　没有一篇讨论可读性的文章不推荐字体的。下面有10种高度可读——并且相当流行——的字体供你选择建立网站。