作者都是各自领域经过审查的专家,并撰写他们有经验的主题. 我们所有的内容都经过同行评审,并由同一领域的Toptal专家验证.
约旦狄维士
验证专家 在设计

Jordan的专业知识涵盖品牌战略、服务设计和用户体验. 她与组织合作,帮助加强团队和创新.

阅读更多

专业知识

以前在

中央圣马丁
分享

几乎任何人都可以选择一种字体——只需在下拉列表中单击一个名称. 然而,选择 正确的 字体是最深思熟虑的决定之一 设计过程.

排版设计 把他们的职业生涯奉献给制作字体. 在那些小形状中, 专家们会平衡情感和中立, 个性与实用性, 易读性和灵活性. 为一个特定的设计选择一个字体需要考虑一长串的问题.

传统上, 平面设计师一直在研究印刷设计方面的排版基础. 但是现在设计师的角色跨越了所有类型的数字媒体, 排版是一个更大的野兽. 本着重温基础知识的精神,使用网络 排版技巧 下面是在选择字体和格式时,为了获得最佳的阅读体验.

数字排版的挑战

当涉及到印刷设计时,用户将如何与之交互的变量很少. 打印出来的页面不会因为握着它的人而变形——颜色可以严格控制,字体保持不变. 多么奢侈啊. 数字排版更加流畅. 当排版出现在屏幕上时, 有很多因素影响着它的表现方式, 其中包括:

  • 屏幕尺寸:然而,我们无法预测, 响应设计 旨在适应尺寸上的任何轻微变化. 但这意味着排版有时会徒劳无功.
  • 屏幕分辨率:像素密度对文本的易读性起着很大的作用. 技术的进步使高分辨率屏幕更容易为大众所接受,但是 设计师 应该记住那些使用旧技术的异常值吗.
  • 屏幕校准:亮度级别决定颜色在屏幕上的显示方式. 网页设计的颜色选择需要适应所有类型的屏幕设置.

选择屏幕上阅读的最佳字体

数字设计是一门难以捉摸的工艺——不久前,我们还被限制在只有几种字体类型可以与低分辨率显示器兼容.

我们取得了突飞猛进的进步 字体选项. 它们是为屏幕精心制作的,设计上有一些细微的差别,以提高可读性. 就像印刷字体欺骗眼睛来增加易读性一样,比如 油墨陷阱好的网页字体也会这样做.

印刷设计字体vs. 网页设计字体

设计不必局限于通用的标准字体(Times New Roman现在可以退出了). 对于设计师来说,有无数的选择可供选择,以获取网络安全且可访问的字体. 谷歌字体, 字体库, Adobe Typekit 是否有一些提供简单的集成和广泛的选择.

为愉快的阅读体验设置格式

选择字体只是开始. 关于线的长度和高度的决定可以成就或破坏一个 数字设计. 有一些简单的技巧——永远不要使用所有的大写字母,尽量减少字体的数量——但是很多格式的决定都依赖于反复试验.

调整格式的最佳字体阅读与网格情人屏幕上

理想的文本大小取决于所选择的字体,因为x高和反开放等因素会影响易读性. 文本大小将决定行高和长度. 测试这些决策之间关系的一个简单方法是使用下面的工具 网格的情人,它使用滑块来更改每个测量值的外观.

选择文本块后面的背景色和字体颜色本身一样重要. 两者之间的对比将决定副本的可读性. WebAIM的 对比检查 有助于轻松确定颜色组合的对比度,使调色板符合可访问性标准.

永远不要吝啬测试

在设计屏幕体验时,指南非常有用, 但是如果不去实地观察,就很难知道一个设计是否成功. 在屏幕上测试排版和显示设置,这些设置落在平均值的边缘,比如几乎过时的智能手机, 最大的高清显示器, 屏幕亮得令人眼花缭乱. 通过极端条件的设计为完全用户访问做好了准备.

网页排版指南

在设计屏幕时需要考虑很多事情, 随着技术和产品的进步, 设计的条件会不断变化. 然而,当涉及到网站排版时,有些事情似乎总是正确的.

这里有一个全面的指导,选择正确的字体和格式的可读性.

网页排版指南.

了解基本知识

  • 什么是网页设计中的排版?

    网页设计中的排版与印刷设计相似,但需要考虑某些因素以确保所有屏幕类型的易读性. 字体, 类型的大小, color, 行高, 字母形状是排版中的一些因素,必须仔细平衡,以提供愉快的阅读体验.

  • 哪种字体最适合在屏幕上阅读?

    最适合在屏幕上阅读的字体是具有独特和开放的字体. 比邻星新星, 乔治亚州, 和Fira具有在各种屏幕显示上易于阅读的特性. 其他因素也会影响字体的易读性, 比如字体大小, 行高, 以及字体和背景颜色的对比.

  • 网站的最佳字体大小是多少?

    网站上的字体大小应该响应显示它的屏幕大小. 在一般情况下, 手机屏幕上的字体应该是12-16pt, 15-19分在平板电脑上, 在台式电脑屏幕上显示16-20pt. These are guidelines for website font size; factors like 类型的大小, 行高, 线长也要考虑.

  • 什么是好的排版?

    好的排版,就像好的设计一样,是看不见的. 排版的主要目的是传达书面信息. 字体应该设计得清晰易读,并提供愉快的阅读体验. 比如字体大小, 行高, 线条长度是排版中应该考虑的元素.

  • 一个网站应该使用多少种字体?

    一个网站应该把字体的数量控制在最低限度——总共不超过三种. 当一个网站有太多的字体, 用户可能会因为视觉设计的变化而迷失方向. 所选择的字体应该有各种各样的重量和风格,可以在UI设计中策略性地使用.

聘请Toptal这方面的专家.
现在雇佣
约旦狄维士

约旦狄维士

验证专家 在设计

纽约,纽约,美国

2018年3月28日成为会员

作者简介

Jordan的专业知识涵盖品牌战略、服务设计和用户体验. 她与组织合作,帮助加强团队和创新.

阅读更多
作者都是各自领域经过审查的专家,并撰写他们有经验的主题. 我们所有的内容都经过同行评审,并由同一领域的Toptal专家验证.

专业知识

以前在

中央圣马丁

世界级的文章,每周发一次.

订阅意味着同意我们的 隐私政策

世界级的文章,每周发一次.

订阅意味着同意我们的 隐私政策

Toptal设计师

加入总冠军® 社区.