9个对设计师来说最好的排版工具

这些免费工具将帮助你在完美的光线下设置你的内容。

没有发现。

随着越来越多的设计师采用内容优先的方法,为你的网站设计正确的排版系统变得更加重要。

排版是文字的样式、排列和外观。所以不只是你使用的字体,还有文本的大小、内容的长度和样式(如颜色、斜体等)。

这意味着我们设计师不仅应该了解排版的来由,还应该利用许多可用的排版工具。

这里有一些我最喜欢的,你一定会喜欢的。

1.通过Typekit Practice来教育自己

你可以用各种方法自学打字,但是Typekit实践一直是我的最爱之一。

我是Typekit的超级粉丝(特别是因为在Webflow中使用Typekit字体是如此容易),它们在这里提供的经验教训既有效又容易理解。它是我的教育和实践的首选,因为您可以尝试他们的许多CodePen课程。

2.用FontFace Ninja识别这种字体

你是否曾经在一个网站上想:“哇,这是什么字体?”虽然你可以挖掘通过Chrome开发工具(通过右键单击和选择检查元素,有一个更简单的方法。

FontFace忍者Chrome让你识别字体家族,重量,甚至字体大小在任何地方使用的网站-所有的悬停。

3.通过Hoefler&Co发现新的字体。

Hoefler&Co。字体铸造拥有一些我最喜欢的字体在网上。他们的Discover.typography网站提供了一个通过漂亮的排版实验发现新字体(和布局想法)的好地方。

4.用Typewolf找到完美的字体

选择完美的字体对于你的下一个项目可能是一个巨大的挑战。这需要大量的思考,通常还需要一些尝试和错误。

Typewolf是一个令人难以置信的资源,对于那些想要看到真实类型在网站上的表现,而不是古老的“敏捷的棕色狐狸跳过懒惰的狗。”你可以查看字体推荐和列表,以及一些对字体使用有启发意义的网站等等。

5.对您的字体与字体火焰

当然也有例外,大多数网站至少有两种字体:一种用于标题和标注,另一种用于正文。选择正确的搭配是非常重要的,因为它们需要相互补充来创造良好的阅读体验。字体的火焰是一个类似于tinder的工具,可以让你轻松地匹配字体,并在尝试之前看到它们在一起。

免费电子书:网页设计101

掌握网页设计的基本概念,包括排版、色彩理论、视觉设计等等。

订阅成为一个Webflow内幕
谢谢你!你已经订阅了!
哦!订阅的时候出了点问题。
读到现在

6.正确使用模块化缩放来获得类型层次结构

一旦确定了字体配对,就该开始考虑层次结构了——不同标题级别和正文文本之间的大小关系。一个精心考虑的层次结构可以帮助人们理解网站上不同类型内容之间的关系,极大地改善阅读体验。

数百年来,印刷工人已经发展出了一系列字体大小的比例,其中许多是基于音乐。计算这些比例如何在你的标题中发挥作用需要一点数学——或者你可以使用蒂姆·布朗的惊人模块化的规模,它会根据基本字体大小(正文)和比例自动生成经典类型层次结构。

7.利用模版挖掘情感

你的字体选择在你发送的信息和你为你的网站设置的基调中起着关键的作用。Emotype根据你想在你的网站上表达的情绪,使选择字体变得容易。字体是手工选择的,并分为四组情绪:自信、欢迎、独特和中立。

继续,进入字体感觉:

8.用IDEO的字体图绘制字体配对

设计师通常会求助于古老的、可靠的字体搭配。然而,原始的字体组合正在成为区分你的网站和品牌的一种可靠的方法。

IDEO字体映射开始作为一个实验在世界上的字体与机器学习,已演变成一个有用的工具,以创建不寻常和独特的字体对。IDEO的字体地图,由Kevin Ho创建,可以让你看到超过750种网络字体之间的关系。

9.FontJoy

FontJoy比如IDEO的字体地图,它将机器学习应用于字体配对。这个工具专门寻找对比,但互补的字体产生美丽和意想不到的组合。

无论你是设计专家、新手还是版式迷,你都会对标题、介绍和正文的字体组合感兴趣。

现在有很多很棒的排版工具,我们知道我们遗漏了很多。请在下面的评论中告诉我们你最喜欢的类型工具!

发表

2018年6月6日

类别

资源

加入谈话

Webflow是什么?

免费试用
关于设计师的更多信息

设计师

可视化画布中CSS、HTML和JavaScript的强大功能。

的相互作用

可视化地建立网站交互和动画。

更多的互动

CMS

定义自己的内容结构,并使用真实数据进行设计。

关于CMS的更多信息

电子商务

再见模板和代码——可视化地设计你的商店。

更多关于电子商务

编辑器

在页面上编辑和更新站点内容。

更多关于编辑

举办

设置闪电般的管理托管在短短几次点击。

更多关于举办
Baidu
map