利用 7 个规则创作迷人的 UI（第一部分）

好的，我们从这个重要的事情开始。本指南对每个人都不适用。那本指南的目标受众是谁呢？

• 希望能独立设计开发中令人印象深刻的用户界面的开发人员。
• 希望产品组合能比五角大楼幻灯片更引人注目的 UX 设计师。
• 那些知道在美丽的用户界面中，他们的出色作品可以得到更好实现的人。
• 希望让每个人都喜欢其 UI 的博主。
• 想设计外观和感觉同样美观的管理人员。

本指南适用于希望创建优秀用户界面的人，无论他们使用的是哪种工具集。以下是从好的开始的七个简单规则：

• 保持一致。
• 提供对比。
• 添加视觉层次。
• 选择合适的颜色。
• 使用合适的字体。
• 考虑白色的空间。
• 让它响应。

保持一致

一致性是最重要的UI设计原则之一。当你保持一致性时，用户可以更容易地找到他们需要的东西，并了解界面的工作原理。

有很多方法可以使你的UI保持一致。一个方法是使用一致的视觉元素，比如颜色、字体和图标。另一个方法是使用一致的行为模式，比如让所有按钮都具有相同的外观和感觉。

提供对比

对比是突出重要信息并使界面更易读的另一种重要方法。你可以通过使用不同的颜色、字体和形状来创建对比。

例如，你可以使用深色文本与浅色背景形成对比，以使文本更容易阅读。或者，你可以使用大字体标题与小字体正文形成对比，以便标题更容易被注意到。

添加视觉层次

视觉层次是指组织UI元素的方式，以便用户可以了解哪些元素最重要。你可以通过使用不同的颜色、字体和大小来创建视觉层次。

例如，你可以使用深色文本和较大字体来突出重要的信息，而浅色文本和小字体来突出次要信息。或者，你可以使用不同的颜色和形状来创建组，以便用户可以轻松地看到相关的信息。

选择合适的颜色

颜色是UI设计的重要组成部分。颜色可以用来创建情绪、突出信息并使界面更易读。

在选择颜色时，有几件事需要记住。首先，你要选择适合你的品牌和目标受众的颜色。例如，如果你针对的是儿童，你可能想使用明亮、有趣的颜色。如果你针对的是企业，你可能想使用更保守、更专业の色。

其次，你希望选择创建对比和视觉层次的颜色。例如，你可以使用深色文本与浅色背景形成对比，或者使用大字体标题与小字体正文形成对比。

使用合适的字体

字体是UI设计的重要组成部分。字体可以用来创建情绪、强调信息并使界面更易读。

在选择字体时，有几件事需要记住。首先，你要选择适合你的品牌和目标受众的字体。例如，如果你针对的是儿童，你可能想使用有趣、俏皮的字体。如果你针对的是企业，你可能想使用更保守、更专业化的字体。

其次，你希望选择易于阅读的字体。避免使用花哨或难以阅读的字体。

考虑白色的空间

白色的空间是UI设计的重要组成部分。白色的空间可以帮助组织信息、创建对比并使界面更易读。

在使用白色的空间时，有几件事需要记住。首先，你要确保你有足够的白色的空间。白色的空间不应太大，否则界面会显得空旷。但白色的空间也不应太小，否则界面会显得拥挤。

其次，你要确保白色的空间得到均匀分布。白色的空间不应集中在界面的一侧。它应该在整个界面中均匀分布。

让它响应

响应式设计是确保你的界面在任何设备上看起来都很棒的方法。响应式设计是指你的界面可以根据设备屏幕的大小自动调整。

在创建响应式界面时，有几件事需要记住。首先，你要使用相对单位，而不是绝对单位。相对单位是根据设备屏幕的大小调整的，而绝对单位则不是。

其次，你希望使用媒体查询。媒体查询允许你针对特定屏幕尺寸的设备应用不同的样式。

结论

以上是如何创建华丽的UI的7个规则。遵循这些规则，你就可以创建出用户喜欢的漂亮、易于使用的界面。