如何提高你的排版技巧

善微科技 2019 08月30日 发布

选择字体是任何设计项目的关键部分,但排版更多的是选择一些漂亮的字体并希望获得最佳效果。


了解类型可能令人生畏,因为它是一个如此广泛的主题。有很多规则/最佳实践,很难知道从哪里开始(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开发意味着总有新的东西需要学习。


如果您发现其他资源特别有用,我很乐意在回复中听到它们。


如没特殊注明,文章均为善微网络原创,转载请注明来自https://www.sanways.com/news/570.html