11种有用的Web排版工具

排版一直是并且一直是设计中最重要的元素之一,特别是对于“Graphic Design”但是当涉及到 网页设计,缺乏选择总是使任何网站上的排版方面都感到失望。多年以来,排版一直没有出现,而是可以为设计带来全新面貌的神奇元素。简单,朴实,不容钦佩,足以胜任。

为了帮助您改善设计中的版式,我们在此介绍11种与版式相关的有用的新工具。

规模& Rhythm

版式工具3

它是一项免费的网络服务,可帮助您检查印刷比例和节奏。该网页既是文章也是测试工具。在中间窗格中,您会找到有关印刷术的比例和节奏的描述性段落。

规模& Rhythm Website →

黄金比例排版计算器

版式工具-1

通过输入当前的字体大小和内容宽度,为您的网站找到理想的排版。

黄金比例排版计算器网站→

文件类型

排版工具2

文件键入使您的Web印刷术有了一个良好的开端。

类型文件网站→

网络字体组合器

版式工具4

创建此工具是为了预览Web字体组合。读者可以组合使用各种印刷的字体示例集合,以查看标题和正文字体如何一起工作。但是,网络上没有工具可以复制此行为,也使用当前的网络字体技术。

Web字体组合器网站→

Kerning.js

版式工具5

的CSS,见识字距调整。紧要,见CSS。自动使用真正的CSS规则对网页类型进行字型调整,样式设置,转换和缩放。

Kerning.js网站→

FFFFALLBACK

版式工具6

Web字体在这里,激发了Web设计一个令人兴奋的新时代。使用Ffffallback可以轻松找到理想的后备字体,从而使设计优雅地降级。

FFFFALLBACK网站→

网络字体样本

排版工具7

Web字体样本是一种方便,免费的资源,Web设计人员和字体设计人员可以用来查看字体在网络上的外观。

Web字体标本网站→

FitText

FitText使字体大小灵活。在您的流畅或响应式布局上使用此插件可实现可缩放的标题,该标题填充父元素的宽度。

排版工具8

FitText网站→

字体字体

版式工具9

在任何网站上尝试使用Web FontFonts。

字体字体网站→

格lover

版式工具10

格lover是建立具有模块化比例尺和垂直节奏的类型系统的工具。

格lover网站→

排版工具11

这是为我们的模拟保存页面创建的小工具。它在网页中插入一个布局网格,允许您将其固定在适当的位置,以及在前景或背景显示之间切换。要查看实际效果,请按键盘上的G。

网格网站→

发表评论

请客气。我们对此表示赞赏。您的电子邮件地址将不会被发布,并且必填字段已被标记

该网站使用Akismet减少垃圾邮件。 了解如何处理您的评论数据.