排版基础

每位设计师和开发者都应掌握的核心排版概念——从字形结构到层级与间距。

排版基础

排版色调:实现均匀的文本质感

排版色调无关字面颜色——它是页面上文字的视觉密度。学习如何实现均匀舒适的文本质感。

排版基础

等宽字体:开发者挑选完美编程字体的指南

选择编程字体是影响生产力的日常决定。比较最佳等宽编程字体——连字、可读性与风格。

排版基础

OpenType 功能:连字、小型大写字母及更多

解锁隐藏的字体功能——连字、小型大写字母、等宽数字、风格替代字形等等。大多数字体拥有你从未用过的能力。

排版基础

网页衬线体与无衬线体:权威对比

排版史上最古老的争论,在网页时代得到解答。何时使用衬线体,何时使用无衬线体,以及研究到底说了什么。

排版基础

x 高度与可读性:为何有些字体看起来更大

相同像素大小的字体看起来可能截然不同。秘密在于 x 高度——它对可读性的影响比你想象的更大。

排版基础

Typeface 与 Font:区别何在,为何重要

Typeface 是设计家族,font 是具体实例。这一区别对授权、CSS 以及与设计师的沟通都很重要。

排版基础

排版层次:引导读者的视线

通过字号、字重、颜色和间距打造清晰的视觉层次。学习让内容易于浏览和导航的原则。

排版基础

字偶间距、字符间距与行距:掌握排版间距

字距调整的三大支柱——字偶间距(字母对间距)、字符间距(整体字间距)和行距(行间距)。微小的调整,巨大的影响。

排版基础

字体分类指南:衬线体、无衬线体及其他

字体分类实用指南——衬线体与无衬线体、人文风格与几何风格、展示字体与正文字体。了解字体家族,为任何项目选择合适的字体。

排版基础

字形结构入门:字母各部分详解

了解排版的基本构成——从基线、x 高度到主干、字碗和末端。理解字形结构有助于选择更合适的字体。