UI设计的五个重要原则，你知道几个？

　　UI设计的五个重要原则，你知道几个？

　　关于UI设计，在招聘网站时，我们经常看到许多公司将其与艺术相关联，就像在移动互联网兴起之前的网络设计和网络艺术一样。但是，当您通过本文了解UI设计的五项重要原则时，您可能会发现它不仅像绘图一样简单。严格来说，UI设计是技术性更高的。

　　原则1：沟通畅通

　　也许没有什么比通常会使用户感到模棱两可的界面设计更糟糕的了。

　　例如，有一个后背设计。切换到此页面时，后退按钮是x。根据通常的理解，我认为这意味着关闭。但是，当我需要返回上一页时，可能会习惯性地在左上角寻找左箭头按钮，但是对我来说唯一剩下的就是关闭按钮。在这一点上，我会犹豫。如果单击关闭按钮，会发生什么？我必须猜测设计者的意图，我是否应该将当前界面理解为从上一页打开的子视图？类似于Popup的意思，所以我关闭视图，即重新显示原创界面吗？

　　我并不是说后台设计无法做到这一点，但是作为UI设计师，您需要在考虑这样做之前可能会引起用户的关注，因此您需要更全面地考虑以使您的设计意图清晰明了。与用户沟通无误。

　　原则2：清除并传达信息反馈

　　用户执行动作后，他需要知道自己做了什么，是否已执行操作等。在最简单的示例中，当用户发布评论时，单击“提交”按钮后，按钮的状态立即更改。例如，当颜色变深时，用户知道按钮已经被按下。释放鼠标按钮或手指后，将恢复按钮样式，告知用户按钮已被释放。请注意，这是反馈​​设计的时间。用户需要知道评论是否已提交。大多数方法都是“加载按钮”的样式。该按钮本身不可单击，并且“加载”显示在按钮内部或外部的相关区域中。信息，指示正在提交评论，然后显示提交是否成功。

　　

　　

　　

　　

　　您可以尝试删除上述反馈设计，会发生什么？如果用户单击后没有反馈，则他会错误地认为该操作不成功，请重试。如果对该程序没有限制，则可能会导致重复提交。

　　这只是一个非常常见的示例。实际上，反馈设计遍布整个应用程序，每个细节都不能忽略。

　　原则3：保持总体设计的一致性

　　设计原则应贯穿整个产品，包括视觉和交互等不同方面。从交互的角度来看，它体现在页面切换方法和导航设计的一致性上。在视觉上，它指的是元素的一致性，例如颜色，字体和图标。使用产品时，没有用户发现他或她所在的新页面的导航实际上已更改，或者整体样式已更改，从而陷入混乱状态。

　　如果您不希望网站或应用看起来像几种不同的产品，则需要制作样式指南。在Behance，Dribble或中国ZC上，很多作品将在下面的样式指南中显示。

　　

　　

　　原则4：犹豫不决时，请使用公认的设计

　　创新设计是一件好事，但请不要反人类。我见过一些最近使用UI的朋友，他们充满了创新和热情，更改了应该在不同页面上的4个位置统一的App菜单按钮，并想象了非常令人眼花expansion乱的扩展效果，然后陷入了麻烦，犹豫不决的决定：在下一个新页面上，菜单按钮在哪里更合适？

　　这样的创新就像一个已经可以很好运转的轮一样，但是有必要进行创新以制造一个六角形的轮，这引起了另一个大问题：“把它抬起来，总是很轻笑，为什么？解决？ “。

　　可靠的创新是在经过实践证明的公认设计方案的基础上进行更好的改进，而不是制造新的麻烦。因此，在UI设计中，第四个基本原则是遵循公认的设计方案并符合用户开发的交互习惯。

　　该示例如下，比较了京东和中国亚马逊的两个网站搜索框位置，它们两个都位于顶部区域的顶部。这样的设计必须基于对用户搜索习惯的分析数据的不断改进和验证，因此您不必在相反的方向上违背设计。相反，进一步增强更为重要。

　　

　　

　　

　　原则5：增强视觉层次感

　　当我第一次进行国外项目设计时，我的同事最常听到的词是Visual Hierarchy。相反，如果他们将作品描述为非常单调，则将使用Plain。

　　那么视觉层次是什么？首先，我们必须强调信息可视化的概念。 UI始终需要将信息传达给用户，并且该信息需要通过各种设计元素，文本段落，图片等来表达，并且它们的布局决定了相关信息的重要级别，即通过视觉表达。通过下面的示例，您可以清楚地看到哪种设计可以更好地突出需要强调的信息。

　　因此，您必须根据产品的业务需求确定信息本身的重要级别。您需要知道哪些信息需要强调，哪些是辅助信息。在特定的设计中，可以使用字体和字体大小区分，色差和空白。以后将详细讨论特定的设计技术，这里仅是一个简短的摘要。

　　

　　

　　

　　

　　感谢您的阅读。如果有任何改善或歧义，请随时赐教。希望通过沟通互相改善。

　　UI设计-Mofect的五项基本原理