内容 隐藏
1 面向web的实验性编排
2 Experimental Typography for the Web
2.1 你会学到什么
2.2 本课程适用于谁
2.3 你需要什么

面向web的实验性编排

Experimental Typography for the Web

从头开始制作类型动画！了解如何使用 P5.js 弯曲和塑造排版以在您自己的网站中使用。

想知道如何使用可变字体以及如何为网站创建动态排版动画？如果是的话，这个创造性的、按你自己的节奏进行的课程就是为你准备的。我们为此创建了一系列项目，这些项目都是关于使字体变得怪异的。

在 6 小时内，您将学习如何为您的网站添加可变字体，以及如何制作动画并使其具有交互性。您还将使用 P5.js（一个用于创意编码的 Javascript 库）来弯曲和塑造排版。

您还将从头开始创建自己的动态排版动画，能够将它们添加到网站并使它们具有用户交互性。

你会学到什么

如何向网站添加可变排版并进行更改

如何将 CSS 动画和过渡添加到 Web 类型

在浏览器画布中使用P5.js，即使您以前从未编写过代码

如何从头开始思考和创建自己的动态排版动画

如何让您的用户更改并与您美丽的动力学类型动画进行交互

如何将排版分解为其基本组件以完全重做

本课程适用于谁

任何想学习如何使用可变排版或从头开始创建自己的交互式动态排版的人。

这是一门关于页面转换的初学者课程，但我们建议在开始之前了解 HTML、CSS 和一些 Javascript 的基本知识。如果你还没有这个，试试我们的 Learn To Code Now 这本书，或者参加我们的基础 HTML、CSS + JS课程或我们的Javascript for Designers课程将帮助你尽可能地做好准备。

你需要什么

安装了最新版本的 Chrome 和宽带互联网连接的计算机（Windows、Mac 或 Linux）。这就是一切！

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。