跳到主要内容

50个顶级排版教程

22.使用可变字体的4个步骤

variable fonts

(形象信用:未来)

可变字体是web排版中最新和最伟大的东西,它使您能够在单个字体中定义所有类型的变体,并为您节省了加载多个字体所带来的性能损失。本教程带您完成在线使用可变字体的四个步骤。

23.制作交互式3D排版效果

laptop screen

在这里我们会创建类型效果它使用字母的形状作为一个面具,一些快速,自由流动的粒子轨迹,将动态旋转和移动的字母。不仅会有这美丽的动画,但由于这将被渲染到HTML 5画布元素,这将被转化为3D,旋转的鼠标,因为它在屏幕上移动。这是完美的网站标题,或正好当你需要抓住用户的注意力,呼吁行动。

24.13个简单步骤的更好的web排版

text

网络排版意味着熟悉(或重新熟悉)经典排版规则,但还有更多。由于网络是一种流动的、可伸缩的媒介,设计者必须能够预测不同浏览器和最终用户之间的最终结果。本教程检查印刷术的基本工作事项和不需要的内容,特别适用于网络。

25.网页排版如何只是排版,某种程度上

排版通常被教导为与网页设计完全不同的学科,但Amy Papaelias认为这是一个错误。在这次演讲中,作为TypeCooper West的Letterform系列讲座的一部分,她揭开了网络排版的神秘面纱,并认为它应该被视为学习网页设计的一个组成部分。

26.改进Web和移动应用程序的排版

短视频列出了提高网络和移动应用排版质量的五项基本原则。 Paulo Stanley提供此实用指南,帮助您开始创建屏幕设计排版。

27.使用css字体大小调整来改进web类型

type, the letters 't' and 'b'

字体大小调整css允许您根据小写字母的高度指定您的字体大小,它的使用可以使您的网页文本的可读性有很大的不同。本教程解释此属性背后的思想以及如何在项目中使用该属性。

28.响应式网页排版规则

responsive web typography

响应性的网页排版是棘手的,但它已经成为良好的网页设计的基石,所以你需要正确的。本教程提供了开始的基础,并涵盖了响应式排版背后的设计原则和实用的解决方案。

29.主可访问网页排版

accessible web typography

响应性网页设计的兴起使得可访问的类型选择比以往任何时候都更加重要,如果您的Web内容要通过最大数量的人来可读性的话。这里介绍了其与Mencap在可访问字体方面的工作成果,以及由此产生的新的最佳实践。

30.CSS多流体施胶的流体响应排版

fluid layouts in type

流体布局现在已成为网页设计实践的一部分,但流体排版仍然是相对较新的。本教程检查如何使用已建立的浏览器功能,萨斯和一些简单的代数来创建可扩展的流体类型,可以跨多个断点和预定义的字体大小。

31.响应字体大小和流体排版与VH和VW单位

type on different screen sizes

关于如何创建流体字体的另一个教程,这个几乎正好比上面的要大一岁,但是它仍然值得一读,以帮助你在网页排版中了解这个规则。

32.性能和网页排版

选择和实施网络字体时,您必须考虑的众多因素之一是您的选择对网站性能的影响。 Helen Holmes的这次会议演讲解释了优化网络字体文件的最佳方法。

下一页:如何设计自己的字体,以及测试类型知识的游戏



翻译字数超限