可读性设计– Web排版指南(带有信息图) _Web

本文概述

数字印刷术的挑战
选择最佳字体在屏幕上阅读
格式化以获得愉快的阅读体验
永远不会跳过测试
Web排版指南

几乎任何人都可以选择字体, 只需在下拉列表中单击一个名称。然而, 选择正确的字体是设计过程中最慎重的决定之一。
字体设计师将其职业奉献给手工字母。在这些小形状中, 专家可以平衡情绪和中立性, 个性和实用性, 易读性和灵活性。选择特定设计的字体需要考虑很多问题。
传统上, 平面设计师一直都在根据印刷设计来研究排版的基础知识。但是, 由于设计师的角色现已涵盖所有类型的数字媒体, 因此印刷术是驯服的更大野兽。本着精通基础知识的精神, 在选择字体并设置其格式以获得最佳阅读体验时, 请使用以下网络排版提示。
数字印刷术的挑战当涉及印刷设计时, 用户如何与之交互的变量很少。打印页面不会因持有者而变形, 可以严格控制颜色, 字体保持静态。真是奢侈。数字字体更加流畅。屏幕上显示排版时, 有许多因素会影响其显示方式, 其中包括：

屏幕尺寸：无法预测, 但是自适应设计旨在适应尺寸上的任何细微变化。但这意味着排版有时是徒劳的。
屏幕分辨率：像素密度在文本可读性中起很大作用。技术的进步使高分辨率屏幕更易为大众所用, 但设计师应牢记旧技术的局限性。
屏幕校准：亮度级别确定颜色在屏幕上的显示方式。网页设计的颜色选择需要适应所有类型的屏幕设置。

选择最佳字体在屏幕上阅读数字设计是一项难以捉摸的技术-不久之前, 我们仅限于与低分辨率显示器兼容的几种字体。
我们的字体选项突飞猛进。它们是为屏幕精心打造的, 并且在某些细微差别上进行了设计, 以增强清晰度。正如打印字体会像墨水陷阱一样吸引眼球以提高可读性一样, 好的Web字体也会这样做。

文章图片
用于打印的字体被设计为由墨水制成。 Web字体设计为由正方形像素组成。
设计不必局限于通用的标准字体(Times New Roman现在可以退休)。设计人员可以使用无数种选择来获取网络安全且可访问的字体。 Google字体, 字体库和Adobe Typekit都是其中一些, 可以轻松集成并提供多种选择。
格式化以获得愉快的阅读体验选择字体仅仅是一个开始。围绕线长和线高的决策会决定数字设计的成败。有一些简单的技巧-切勿使用全部大写字母, 并尽量减少字体的数量-但是许多格式化决定取决于反复试验。