authors are vetted experts in their fields and write on topics in which they have demonstrated experience. All of our content is peer reviewed and validated by Toptal experts in the same field.
Choosing a typeface can be done by virtually anyone—simply click a name in a dropdown list. 然而,选择 正确的 字体是最深思熟虑的决定之一 设计过程.
排版设计 把他们的职业生涯奉献给制作字体. 在那些小形状中, 专家们会平衡情感和中立, 个性与实用性, 易读性和灵活性. Selecting a typeface for a particular design comes with a long list of considerations.
传统上, graphic 设计师 have always studied the fundamentals of typography in terms of print design. But as the role of the designer now spans across all types of digital mediums, 排版是一个更大的野兽. 本着重温基础知识的精神,使用网络 排版技巧 below when selecting a typeface and formatting it for the best reading experience.
When it comes to print design, there are few variables in how a user will interact with it. A printed page won’t shapeshift depending on who is holding it—colors can be tightly controlled and the typeface will remain static. 多么奢侈啊. 数字排版更加流畅. 当排版出现在屏幕上时, 有很多因素影响着它的表现方式, 其中包括:
Digital design is an elusive craft—it wasn’t that long ago we were limited to only a few font types that were compatible with low-res monitors.
我们取得了突飞猛进的进步 字体选项. They have been crafted for the screen and are designed with certain nuances that enhance legibility. 就像印刷字体欺骗眼睛来增加易读性一样,比如 油墨陷阱好的网页字体也会这样做.
A design doesn’t have to be limited to the universally standard typefaces (Times New Roman can retire now). There are countless options available for 设计师 to source typefaces that are web-safe and accessible. 谷歌字体, 字体库, Adobe Typekit 是否有一些提供简单的集成和广泛的选择.
选择字体只是开始. 关于线的长度和高度的决定可以成就或破坏一个 数字设计. There are simple tips—never use all caps and keep the number of fonts to a minimum—but a lot of formatting decisions rely on trial and error.
The ideal text size relies on the chosen typeface because factors like x-height and counter openness will impact legibility. 文本大小将决定行高和长度. An easy way to test the relationship between these decisions is to use tools like 网格的情人,它使用滑块来更改每个测量值的外观.
Choosing the background color behind a block of text is just as important as the font color itself. The contrast between the two will determine how readable the copy is. WebAIM的 对比检查 helps to easily determine the contrast ratio of color combinations so a palette meets accessibility standards.
在设计屏幕体验时,指南非常有用, but there are too many factors to know when a design is successful without looking at it in situ. Test typography on screens and display settings that fall on the far edges of average—such as nearly-outdated smartphones, 最大的高清显示器, 屏幕亮得令人眼花缭乱. 设计s that pass extreme conditions are ready for full user access.
There are a lot of things to consider when designing for the screen, 随着技术和产品的进步, 设计的条件会不断变化. However, when it comes to website typography, there are certain things that seem to always hold true.
Here is a comprehensive guide to choosing 正确的 typeface and formatting it for readability.
排版 in web design is similar to print design but requires certain considerations to ensure legibility on all screen types. 字体, 类型的大小, color, 行高, letter shapes are some of the factors within typography that must be carefully balanced to provide a pleasant reading experience.
Fonts that are best for reading on screen are ones with distinctive and open letterforms. 比邻星新星, 乔治亚州, Fira have characteristics that make it easy to read on various screen displays. 其他因素也会影响字体的易读性, 比如字体大小, 行高, 以及字体和背景颜色的对比.
The font size on a website should be responsive to the screen size that displays it. 在一般情况下, 手机屏幕上的字体应该是12-16pt, 15-19分在平板电脑上, 在台式电脑屏幕上显示16-20pt. These are guidelines for website font size; factors like 类型的大小, 行高, 线长也要考虑.
好的排版,就像好的设计一样,是看不见的. The primary purpose of typography is to communicate a written message. Type should be designed to be legible and provide a pleasant reading experience. 比如字体大小, 行高, line length are elements of typography that should always be considered.
A website should keep the number of fonts to a minimum—no more than three in total. 当一个网站有太多的字体, the user can become disoriented with so many shifts in the visual design. The chosen typefaces should have a variety of weights and styles that can be used strategically in the UI design.
纽约,纽约,美国
2018年3月28日成为会员
Jordan’s expertise spans across brand strategy, service design, UX. She works with organizations to help strengthen teams and innovate.
以前在
世界级的文章,每周发一次.
世界级的文章,每周发一次.