设计元素

所有的设计都归结为最基本的元素：平面、点和线。结合这些设计元素，并根据需要增加它们的体积，可以为您的设计提供无限数量的几何和有机形状。

学习如何利用这些基本元素为您的设计提供了丰富的选择。您可以将它们用于从背景到交互式元素到强调特定内容的所有内容。

什么是元素？

设计师结合基本的构建块——元素——来创造他们的产品。这些元素中最基本的是点、线和平面，所有这些元素都会受到体积属性的影响。使用这些工具时，艺术家和设计师可以创建图像、图标、纹理、图案、图表、动画和排版系统等。

点和点

点构成了所有其他设计元素的基础。在数学中，点是一组表示位置的坐标。它没有高度、宽度或深度——它是不可见的。在设计中，我们使用点来表示一个点。这些点引导和集中注意力或创造重点。我们可以结合点来创建界面元素（例如"更多“菜单）。

从技术上讲，所有其他元素都是通过组合点和点创建的。例如，一条线只是连接两个点的一系列紧密重叠的点。

线条

线是最基本的设计元素之一——由两个连接的点组成（在几何学中，这将被称为线段，但在设计中，我们只称其为线）。线条可以单独使用或形成其他形状（如圆形，或组合在一起形成正方形或三角形等形状）。 

在设计中，线条通常用作分隔线或勾勒出图像之类的东西。线条不必是直的；他们可以弯曲或波动。在设计中，我们有时会使用虚线或虚线来创建视觉冲击力较小的分隔线。

平面

在设计中，平面是通过线条、纹理和颜色创建的平面封闭区域。它们可以制成您选择的任何形状。 

平面是出色的组合工具，可以将元素聚集到视野中，或者相反，可以分离不相关的信息。

所有 UI 组件都由简单的几何平面和线条组成。这些平面的排列决定了用户如何与它们交互。

元素体积

三维物体占据空间——它们有体积。对于矩形对象，体积是其长度、宽度和高度的乘积。 

在您的设计中添加第三个维度可以创造视觉兴趣并使元素脱颖而出。您需要对透视有很好的理解才能创建这些对象（或依赖 3D 合成软件），但它们有助于实现惊人的结果。

一个执行良好的 3D 设计立即引起了人们的注意。

元素中的点

圆点是最简单的设计元素之一，简单往往能创造出更好的产品。这就是”更多“菜单（由三个垂直对齐的点组成）在无数产品中经久不衰的原因之一。谷歌、微软、Atlassian 和许多其他公司经常使用这个图标，这要归功于它的简单性。 

元素中的线条

线性元素仅由没有内部填充的线条组成。示例包括 Instagram 上的“赞”或“评论”图标、许多 Web 浏览器上的“书签”图标，以及仅包含大纲的任何其他图标。线性元素也可用于特定内容周围的边框等。

元素中的平面

实体形状（平面）比轮廓形状更容易识别，因为它们看起来更像物理对象。也就是说，您可能希望根据用例使用轮廓图标和实心图标，例如图标按钮的默认和悬停或活动状态。

书签等一些图标通常会根据其状态更改样式。

如何使用投影

投影有助于设计中的视觉层次结构。它还可以帮助用户确定哪些元素是交互式的。使用按钮，它给人一种可以按下的印象。使用阴影、角度和高光来赋予元素体积。

作品中的点

点元素是吸引注意力而又不会引起太多注意力的绝佳方式。显示一个绿点表示用户在线是立即引人注目和可识别的，而不会弄乱您的界面。单选按钮中使用的点可帮助我们立即识别选择了哪个控件。 

作品中的线条

线条可用于设计中的多种用途。它们可以帮助我们构建构图、引导注意力、划分内容块并帮助构建各种信息。使用线条创建形状看起来比使用实体形状更轻。他们可以为简约的设计项目增添精致的外观。

合成中的平面

结合不同的平面，每个平面都有不同的颜色、形状和方向，可以为简单的设计增加大量的视觉趣味。使用平面来创建图像、区分设计组件或将用户的眼睛吸引到界面的特定部分。 

如何在作品中使用投影

投影不仅仅适用于交互元素。为您的设计添加 3D 背景可以为用户带来异想天开的体验。例如，一个球体而不是一个扁平的圆形更引人注目。

3D 背景甚至可以为您的设计增添未来感。请确保不要过度使用，因为如果使用过多，3D 形状会变得不堪重负。

本文内容为转载