User Interface——没错，这就是UI，如果说UX的工作部分是在为交互设计产品编写剧本，那么UI的工作部分则是通过布景、道具和特效，让这部剧本生动起来。

从颜色和字体选择，到布局和视觉流动性，再到触摸和点击反馈，这些细节组合在一起，塑造了用户对产品或服务的整体感知。

这一切决定了我们的交互产品如何呈现给用户，以及用户如何与其互动。

就像你的衣服一样，每个APP或网页都有它自己的风格。你一定有自己的想法，即便你没有，我们也会指导你如何挑选图标、配色和字体，让你的设计与众不同。
在我们开始之前，不妨先领略一下他们的风格：

拿出说明书

UI设计涉及到一系列的元素和组件，这些元素需要有逻辑性的组织并以一种直观且美观的方式呈现出来，这就用到了我们精心杜撰的UX剧本，根据剧本的设定，我们将每个用户场景的道具和媒介形式具体化，从而使得用户得以像我们剧本中设想的一样优雅的使用我们的产品。

铸造零件

为了实现上述的交互功能，我们需要设计一些组件来帮助用户完成操作，这就像是一个大型乐高上的传动轴或车轮之类的小组件一样，我们需要先将它们组合好，才能最终完成整个积木。

组成一个界面的零件将包括颜色、字体、图标、按钮、滑块、文本框等等：

💡

*你可以试着把这些乱七八糟的东西拖到上方︎的原型框架中去来浅浅体验一下UI设计的乐趣。

接下来...

字体&颜色

很容易被低估，因为实际上整个屏幕都被它们填满了，就好像某种视觉漏失效应，颜色与字体为我们的创意空间奠定了基调，它们的选用产生的影响远比单独看起来要大得多。

下面是这个网站设计中所使用的字体与颜色：

组装

铸造上面这些漂亮的零件一定难不倒你们这些美术天才，但是如何组合这些积木才是重点，在一个合格交互设计产品的UI设计中，我们得让它们看起来既有意义又和谐——也就是把各个设计元素有机地结合在一起，形成一个整体的用户界面。这就是我们所说的原型图。

我们会一起学习如何使用一些酷炫的工具，像Adobe XD和Figma，来把你的想象呈现出来。别担心，无论你是画鬼画符，还是一手好字，我们都能帮你变成设计大师。