选择字体是任何设计项目的关键部分,但排版更多的是选择一些漂亮的字体并希望获得最佳效果。
了解类型可能令人生畏,因为它是一个如此广泛的主题。有很多规则/最佳实践,很难知道从哪里开始(www.sanways.com)。
传统的排版资源是一个良好的开端,但如果您在网络上工作,还有更多的事情需要考虑。该类型如何在各种屏幕尺寸上工作?
没有快速解决方案,但今天有20种用于网络排版的顶级资源。
学习
下面列出的网站将帮助您真正揭开排版的神秘面纱。学习遵循的规则(以及稍后的休息)会严重影响你的打字游戏。
实用的排版
马修·巴特里克(Matthew Butterick)提供的一本出色的付费网上书籍,涵盖各种印刷细节。网站底部有一个字体切换器,这是一个可爱(和适当)的设计细节。
印刷风格的要素应用于网络
将Robert Bringhurst的着名书籍应用于网络的有用指南。来自Clearleft的联合创始人和Web Typography的作者Richard Rutter 。
Typewolf
我最喜欢的排版教育资源之一。该通讯充满了每周的灵感,而标题产品,排版检查表,令人难以置信。
拉法尔托马尔
拉法尔在价格便宜的地方组建了一个精彩的排版课程。非常值得一看。
更好的网络类型
免费课程,以配合Matej Latin的排版书。这个网站也有关于排版的一些很棒的文章。
CSS中的OpenType功能
OpenType功能允许您访问一系列设置和替代字符,例如上标,连字和字距调整。这些将不适用于所有字体,尤其是免费字体,但这是一个方便的参考。
工具和资源
这些工具可以帮助您决定和改进印刷选择。
模块化规模
如果您希望字体大小感觉连贯,而不是随机,则缩放可以提供帮助。
Tanaguru对比度查找器
为了使您的类型尽可能清晰,您需要检查其背景颜色对比度。这是一个很好的工具来帮助解决这个问题,因为如果你的背景颜色不符合可访问性标准,那么就会提出许多接近的选择。
字体游乐场
此工具可让您体验可变字体及其不同的功能集。
字体样式匹配器
如果您希望尽可能地将后备字体的样式与您的首选字体相匹配,那么这就是您的工具。看到两种字体相互重叠是一个方便的功能。
使用和修改
“美丽,优雅,朋克,专业,不完整,奇怪的字体”的集合。它们都是开源的,所以你可以随意使用它们。
打开Foundry
这是另一组高质量的开源字体。
字体立场
我喜欢这个网站的概念。以12个月的标准价格的10%租用字体(因此总共支付120%),然后你拥有它。永远。这几个月甚至不需要连续。一个出色的概念,用于访问可能无法承受的字体。
灵感
Typewolf
我知道,这是上面提到的......但它是一个非常适合类型灵感的网站。特别是如果你正在寻找配对灵感 - 一个梦幻般的资源。
Typespiration
由Rafal Tomal创建(如上所述),该网站提供了许多出色的字体组合。更重要的是,它展示了一些美丽的类型设置来激励你。
字体组合库
八个Google字体组合的集合,可下载Sketch和Adobe XD模板。
FontPair
有许多Google字体组合可在此网站上预览。按字体分类(serif + serif,sans-serif + serif等)轻松分类。
Typ.io
什么套Typ.io除了其他许多网站,演示如何的效果已经达到了HTML / CSS代码段。该站点还列出了可用字体的位置。
可变字体
可变字体正在获得一些牵引力,但许多设计师尚未使用它们。根据字体的不同,它们可以以比传统方式更多的方式进行设置。
这两个站点引入了一系列可变字体,显示了可以用它们做什么以及它们可以从哪里获得。
Axis Praxis
可变字体
学习
无论您在印刷之旅的哪个阶段,都有很多资源可以帮助您入门。网络上的类型有许多细微差别,CSS开发意味着总有新的东西需要学习。
如果您发现其他资源特别有用,我很乐意在回复中听到它们。