形成良好的用户体验最关键的方面是拥有精心设计的用户界面。美学上的一些小改变可能会对用户的体验产生巨大的影响。

如果您正在使用 Web 应用程序进行设计，那么您正在对版式、颜色和构图做出决定，这些决定将影响应用程序的品牌、风格、可用性和用户体验。您已经在做出这些决定，但您是否意识到它们的影响？非常微妙地使用版式和颜色可以有足够的个性，我们不需要任何其他视觉效果。我们可以赋予枯燥的文本块以生命，它可以使我们的用户更容易或更难阅读。做出一些简单的正确选择可能会决定应用程序的成败。

排版占我们在 Web 应用程序中看到的 95%，它决定了所有其他设计决策。然而很少有人真正停下来学习如何利用排版来发挥自己的优势。

颜色使我们区分设计中的一切。如果没有颜色，我们将无法识别设计上的任何内容。但它也是设计中最具情感联系的东西，并且不能轻易分类，因为颜色根据其用途和环境而显得非常不同。我们必须使用颜色，所以让我们学习如何利用颜色来发挥我们的优势。

网格让我们的设计感觉统一。如果我们知道如何使用它，那么它就是可以让设计立即感觉更专业的一件事。但我们需要了解最近 Web 开发的局限性和优点，以创建一个在纸上看起来不错并且在 Web 上仍然看起来不错的网格。

我在这门课程中能得到什么？

为了提高您在每个领域的技能：您将学习一些基础理论、完成挑战以提高您的直觉以及一些实践练习以创建一些精美的设计。每个模块的简短描述如下。

• 构图：在页面上放置元素时提高直觉的实践练习
• 版式：不同类型分类的历史和背景
• 选择和配对：如何选择字体以及如何选择可以协同工作的互补字体
• 可读性：我们如何阅读以及如何通过我们的排版选择让人们更容易阅读
• 样式和格式：我们可以在排版中添加哪些额外的样式以及如何使用它来改善我们的视觉层次结构
• 网格系统：设计中使用的网格类型以及现代应用程序设计的一些技术限制
• 构建网格：如何确保我们在设计软件中设置的网格在开发应用程序时能够正常工作
• 颜色交互：在不同环境中使用颜色时提高我们对颜色的直观使用的实践练习
• 颜色如何工作：光如何工作以及如何产生颜色背后的物理原理
• 颜色属性：如何更改颜色以使其在您的设计中更有用
• 创建我们的调色板：创建专门用于 UI 的调色板的实用步骤
• 视觉语言：选择照片、图标、插图和其他视觉效果来支持设计

这门课程适合我吗？

理想情况下，您已经花了一些时间设计网站和/或应用程序。本课程的每个方面都是为初学者而设计的，但如果您已经创建了一些设计，您可能会发现从本课程中获得更多。理想情况下，您还需要知道如何使用一些设计软件。我推荐 Figma，但 Adob​​e XD、Invission Studio、Sketch 或一些类似的软件也可以。

该课程是为设计师设计的，但前端开发人员或产品所有者也可能感兴趣。有退款保证，不问任何问题，您可以向我发送任何具体问题。