在当今世界，超过一万亿个 UI 设计漂浮在应用屏幕上。有些很简单，有些很丑。但其中有几个是点燃！！

我的意思是，看起来有吸引力的UI是用户想要的，也是听用户意见的用户。简单。

 

排版

每个具有完美排版的用户界面都是因为超过60%的应用程序要么是文本，要么完全依赖于文本。

例如，像"中等"这样的文章应用程序有超过 60% 的应用程序填充文本。另一方面，任何具有按钮、复选框、下拉框的应用程序如果没有文本就无法有效，因为用户可能无法理解哪个按钮用于注册或登录。

提示设计用户界面与亮排版

写好副本：编写易于阅读和理解的副本，只需用用户首选的语言编写，就较少或根本没有语法错误。

检查对比度：风格伟大的排版检查其对比度。不要在纯黑色背景上显示纯白色文本。尽量使排版光滑，眼睛不那么闪亮。

空间很重要：在编写文本副本或行文时，始终非常需要保持距离。空间定义了哪个文本是标题或副标题等。

避免太多字体：使用超过2种字体样式会严重影响应用的排版体验。如果需要，总是喜欢使用一个或两个组合字体样式。

 

颜色

颜色是 UI 设计中最重要、最令人愉快的部分。就像地球没有它的颜色什么都不是，UI是没有什么没有它的颜色。因此，将颜色放入 UI 设计中非常重要。

UI 设计中的颜色提供吸引力和视觉吸引力。通过使用颜色，设计师可以将生命融入其设计中。事实上颜色也对人类的心理触发作用

例如：红色代表危险，吸引着人类的注意。绿色自然和有机产品等。

因此，为了获得更好的用户体验和应用程序界面设计，您应该在设计中使用颜色。但有时我们在使用颜色时会犯一些错误，因此为了避免它们，只需查看下面的一些快速提示。

设计带有颜色的 UI 的提示

遵循 （60–30–10） 规则：从家庭到应用屏幕，随处可见 60–30–10 规则，使设计变得惊人。此规则的工作原理为 60% 原色，30% 次色，10% 三级颜色

了解色彩心理学：设计出更适合受众的 UI，设计师应该学习色彩心理学。

从灰度开始：为了更好的用户体验和设计，它总是倾向于从灰度作为灰度证明开始，以便更好地设计具有更好灰度度的应用程序。

以灵感为例：走出去，从大自然中汲取灵感，为您的下一个用户界面设计提供灵感。它是调色板的最佳和无尽的来源之一。此外，使用运球和贝兰斯等工具从他人的作品中获得色彩灵感。

相关传送门：UI设计中颜色使用的10条原则

 

图标

图标是最常用的元素之一。现在，设计师喜欢使用这个，因为用户理解它很快，而不是阅读文本。

人类很容易理解视觉效果。图标是设计UI设计时为您谋取利益的最佳方式。

图标不是新事物，因为我们的祖先用它们来定义他们的王国和地区。你发现狮子的王国有狮子标志的旗帜。

所以是时候提示了。

在用户界面设计中使用图标的提示

简单性：图标应以最简单的形式显示，以便用户只需查看一次图标，就会了解图标想要说什么。避免复杂的图标。

识别：图标应可识别，因为有时图标很简单，但操作或图标工作相反。所以也要避免这种情况。

如果需要，添加标签：有时，特别是在大型应用程序中，最好使用带有图标的标签，因为它确认图标和按下图标后采取的行动。

大小很重要：图标应等于标签或有时更大，但永远不会变小。由于图标小和手指大小大，有时用户无法成功单击特定图标。

插图

插图是添加有吸引力的视觉效果的最佳方式之一，您也可以相应地自定义。

使用插图比使用简单照片好得多。此外，插图尺寸低，如果您使用 SVG 插图，则任何应用屏幕尺寸都不会显得模糊不清。

使用亮图的提示

使用上下文插图：始终使用与内容相关的插图。这是最明显的一点，但有时设计师使用在后台看起来更好的插图，而不是集中什么插图传达给用户。

使用自定义插图：如果你能负担得起使用自定义插图，然后去为它，因为他们比现成的要好得多。但是，如果你不能，然后保持挑剔，而选择插图。

如果需要，添加动画：如果您的观众更容易通过动画插图获得其价值，则可以添加一些简单的动画。在插图中添加动画比 jpg 照片容易得多。

使用插图使用户更容易理解内容。

图片

UI 设计中最受欢迎和最古老的视觉之一。图像是旧的，但他们是黄金的视觉效果工作比纯文本好10倍。

人类是视觉生物，他们喜欢看图像。图像显示的情绪，吸引用户的情绪，它真的有助于吸引和使用户成为客户。但如果使用不当会给你带来大麻烦因此，我们有一些提示给你

亮图提示

使用相关图像：不要使用只好看的图像，还关注用户的需求和想要表示的图像。

质量第一：不要在应用屏幕上添加小精灵图像，因为它确实严重影响了用户体验。我知道这是显而易见的，但有时它发生的错误，当用户打开一个大屏幕上的小工具的应用程序。因此，更喜欢高清质量的图片。

无失真：这意味着不要将图像拉伸得太多，从而完全破坏用户的体验。使其单向对齐和风格。

小心库存图片：避免使用库存图像为您的业务应用程序，因为它完全破坏了您的用户或受众的信任。添加您业务的真实图像。但不仅在业务有时股票照片不只是感觉正确的应用程序。所以要小心它。

动画

动画是UI设计中最常用的东西，可以促进用户互动，因为当用户查看一些很酷的动画时，他们感觉良好，喜欢与应用程序、软件或网站进行交互。

动画还用于在用户点击某件事情或实现某件事情时提供反馈。例如，当您将资金转入对方的帐户时，会收到一条成功的"勾选"消息。

让我们来看看一些提示，你可以用它来更好的动画

使用它们作为加载器：许多 UI 设计人员使用动画作为加载器来传达内容加载过程中的内容。

传达情感：设计师们用一些微妙的动画在元素中添加一些使内容感性的东西。例如，Zig-Zag动画的乐趣。

反馈：许多应用程序使用动画来提供反馈这些动画也被称为微互动。

微互动表示应用中使用的一些简单动画，使正常功能看起来具有吸引力并突出显示。

个性化

个性化意味着推荐与用户以前使用应用程序所做的选择相关的内容。通过在用户许可下存储数据和历史记录，您可以轻松地使应用程序个性化。

Youtube、Netflix、Instagram、亚马逊、Spotify、谷歌都遵循个性化，向应用程序内的用户推荐有用的内容。

用户喜欢看到更个性化的东西，因为他们觉得重要，使应用程序更具互动性。例如，如果用户喜欢猫振动视频，他很想在他的YouTube推荐列表中看到其他猫振动视频，而不是显示王牌的振动视频 😺。

个性化提示

使用人工智能（人工智能）：许多应用使用 AI 算法进行更好的推荐，以查看用户正在搜索的内容、对特定事物的反应等。

了解用户的兴趣：Instagram 通过他们的搜索、关注、在发布图像时使用的标签了解用户，并通过合并它们，他们推荐其他创作者，这些创建者可能会帮助 Instagram 的"探索"字段中的用户，是的，它确实有效。

使您的应用可自定义：许多应用使用左手和右手切换等功能，根据用户最常用的手调整元素，使应用程序更具交互性。

导航

导航是用户不能使用该应用程序的应用程序的重要功能之一，因此最好使导航更快、更顺畅。

Spotify、Youtube、亚马逊等应用使用导航栏、菜单和其他按钮，使用户轻松浏览应用程序的主屏幕。

亮起导航提示

显示主屏幕上的主屏幕：尝试显示应用 3–4 主屏幕，该主屏幕将应用栏、菜单中应用内每个屏幕连接起来。

显示用户，他们在哪里：而使用谷歌地图，他们显示大蓝色做，表明你在哪里更好的导航，这在UI设计工作相同。。。尝试向用户显示他们现在在哪个屏幕上，使用不同的颜色，并突出显示导航菜单和条形内的功能。

列出顶部最重要的功能：Amazon 显示顶部的搜索栏及其下方的其他有用导航，以便更好地流出用户并轻松搜索他们想要的产品。

响应性

让您的用户界面响应是界面设计师在 2021 年应该完成的最重要的任务之一。响应性基本上使您的UI设计能够修复尽可能多的屏幕内。

因为我们现在正处于小工具时代，70% 的人拥有或使用多个小工具，其中包括 UI 设计。

使您的用户界面响应的提示。

移动第一方法：这意味着首先为移动设备进行UI设计，然后对大屏幕做出响应。使用这种方法真的工作，把东西从小到大屏幕工作真的很好。

使用 SVG：使用 SVG 格式图标与 UI 的响应性非常配合，就好像您使用小尺寸的 png 图标（因为大尺寸需要大量空间），您的分辨率会有问题，因为在大屏幕上，它可能会模糊，但在小屏幕中，它非常完美。使用 SVG 避免这种情况。

极简主义的目标：极简主义意味着只在屏幕上放置重要元素。遵循极简主义给你一个好处，因为当你有更少的元素，你必须少工作，使他们的反应，它会看起来真棒。

让我们深入了解一下极简主义，以便您了解其基本知识。

 

极简主义

"UI 设计"侧重于极简主义。使用极简主义基本上是从UI中减去较少使用的元素，并将大多数使用的元素放在屏幕上。

极简主义并不意味着为了使应用屏幕清洁而删除有用的按钮。都是造型和间距。

极简主义的提示

关注内容：突出显示内容，让用户首先可见，并将其他按钮屏幕隐藏在菜单中。

使用简单的图标：使用简单化的图标，只需一个笔触的线将使您的UI设计极简。避免彩色或复杂的图标。

简单的颜色：使用简单、纯色，而不是混合着色，使用指示品牌的基本颜色或纯色。

层次结构

UI 是随着元素的层次结构而形成的，这意味着最重要的东西必须在 UI 设计的顶部，其余的东西必须相应地排列。

在大多数应用中，设计人员显示顶部的应用图标、用户配置文件、应用名称、搜索栏，然后从对他们最有用的内容开始。这形成了层次结构。

层次结构在UI设计中非常重要，因为它侧重于重要和不太重要的内容，并帮助设计人员以特定的方式安排它们，帮助用户轻松浏览应用。

一些更好的层次结构的提示

等级结构中的大小问题：如果您想在层次结构中进行设计，则必须使用不同大小的元素来表示等级制度。元素越大，它的重要性。

风格排版：使用不同类型的排版，如标题和子标题来指示等级。

使用负空间：在设计中使用负空间进行层次结构，根据文本、图像等的层次结构使用不同的边距和填充。

一致性

保持一致性是最重要的，这意味着在整个应用程序中使用相同的元素样型。如果你使用不同风格的元素，它完全使你的工作量-高和应用程序质量-低。

使用一致性是基本的，但至关重要，因为应用程序的某些元素在功能中可能相同，但在配色方案和测试中有所不同。识别它们并按应用主题更改它们。

许多应用程序，如Spotify，Youtube，遵循某种设计系统，使应用程序看起来更一致。有的使用材料设计，有的自己制作，如果你有一些资金，最好自己创造。

亮度一致性的提示

使用设计系统：通过使用设计系统，您将在设计中形成颜色、文本、图像大小等的一致性。

使用品牌的一致性：使用品牌颜色，文本造型等更好地设计您的应用程序，因为你的品牌标志不会改变你的用户界面将是一致的。

辅助功能

辅助功能基本上意味着为不同于正常人进行设计。他们可能包括左撇子、残疾人、残疾人等。

可评估性只是意味着向人们提供帮助，以便他们能够更准确地使用应用程序。

提高可评估性的提示

使用人工智能和语音辅助：许多公司认识到 Assesa 的这一功能，因此他们添加了 AI 和语音助手（如 Google 助手和 Siri）等语音助手，以便人们能够轻松使用它。

检查对比度：使您的应用程序颜色看起来非常适合有色人。使用工具检查对比度。

添加一些功能：通过添加一些功能，您可以轻松地使您的应用程序访问，如在图像中添加替代文本，可自定义的文本、颜色、设置中的按钮选项。

语言很重要：具有不同文化的人将使用您的应用程序，因此您必须包含"更改语言"功能。

反馈

使任何UI与Lit UI不同的最关键的事情是反馈。知道如何使用反馈的设计师是知道如何设计实际Lit UI的设计师。

反馈有助于改进设计，使应用程序更加个性化，并有助于创建实际用户想要的东西。

反馈是最关键的事情，因为一些用户用好的评论反馈你，用坏的评论反馈你，只是尝试了解他们的问题，然后解决它。

反馈提示

在应用内添加反馈选项：许多应用商店为应用提供反馈选项，但最好添加内置反馈选项，用户可以轻松地前往该选项并发送有关任何反馈。此外，它不会破坏您的应用程序审查在应用程序商店。

阅读它们，保存它们：尝试阅读您从用户那里得到的每一个反馈。但是，如果无法阅读，所有尝试设置一些目标的阅读反馈每天。

删除或改进：尝试删除令人讨厌的用户，或尝试改进，如果它是您的应用程序的重要事项。

工具与资源

您的工具和资源越好，您的应用程序就会变得越好，就好像您拥有更好的图标资源一样，这使得您的 UI 看起来更具吸引力，同时设计工具在某种程度上也很重要。

• 设计 UI 的工具必须具有较高的性能，具有插件支持，还支持公司要求，并且具有 UI 设计所需的所有基本内容。

有不同类型的工具来贬低UI一些包括无花果（设计UI），coolor.co（选择更好的颜色），等等。选择为您提供工作助理的工具。

• 资源是设计师用于更好的 UI 创作的集合，如图标资源、插图资源、图像资源等。

跟随趋势

一些趋势，如中性是独一无二的，不能在某些材料设计应用程序中使用，但一些趋势，如极光可以使用在UI的任何部分与基本功能。

非常感谢您的阅读，我希望你喜欢它，并了解一些关于UI设计的新的东西。