网站内容设计基本原则(UI设计的五个重要原则，你知道几个？)

　　网站内容设计基本原则(UI设计的五个重要原则，你知道几个？)

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

　　原则1：明确沟通

　　也许没有什么比界面设计更糟糕了，它常常让用户感到模棱两可

　　例如，有一个返回设计。当切换到这个页面时，返回按钮是一个X。根据通常的理解，我认为它意味着关闭。但是当我需要返回到上一页时，也许我会习惯性地寻找左上角的左箭头按钮，但我只剩下关闭按钮。在这个时候，我会犹豫。如果我点击关闭按钮，会发生什么？我不得不猜测设计师的意图。当前界面是否应理解为从上一页打开的子视图？与弹出窗口类似，因此我关闭视图并重新显示原创界面

　　我并不是说返回设计不能做到这一点，但是作为UI设计器，您需要考虑在这样做之前可能带来的关注点。因此，您需要更全面地思考，以便将您的设计意图清楚地传达给用户

　　原则2：澄清和传达信息反馈

　　当用户操作一个操作时，他需要知道他做了什么，操作是否已经执行，等等。对于最简单的示例，当用户发表评论时，单击submit按钮，然后按钮状态更改。例如，颜色变暗，用户知道此时按钮已按下。释放鼠标按钮或手指后，按钮样式将恢复，以告知用户按钮已被释放。请注意，现在是反馈设计的时候了。用户需要知道评论是否已经提交。大多数方法都是加载按钮的样式，按钮本身不可单击，加载信息显示在按钮内部或外部的相关区域中，表示正在提交注释，然后显示提交是否成功的信息

　　您可以尝试删除上述反馈设计。会发生什么？当用户在没有任何反馈信息的情况下单击时，他会错误地认为操作不成功，并一次又一次地尝试。如果该计划没有任何限制，很可能会导致重复提交

　　这只是一个非常常见的例子。事实上，反馈设计无处不在，每个细节都不容忽视

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

　　设计原则应贯穿于整个产品，包括视觉、交互等不同方面。从交互层面看，体现在页面切换方式与导航设计的一致性上。在视觉上，它是指颜色、字体和图标等元素的一致性。在使用产品时，没有用户发现新页面的导航发生了变化，或者整体风格发生了变化，因此他陷入了无知状态

　　如果你不想让你的网站或应用看起来像是几个不同产品的拼凑，你需要做一个风格指南。在Behance、dribble或China's stand cool上，许多作品都会看到下面所示的风格指南

　　原则4：犹豫时，使用公认的设计方案

　　创新设计是一件好事，但请不要反人类。我见过好长时间不在身边的朋友。他们充满了创新和*敏*感*词*，更改了应用程序菜单按钮，该按钮应在不同页面的四个位置保持统一，并幻想着一个非常耀眼的扩展效果。然后，他们陷入了一个问题，仍然不确定：在下一个新页面上，菜单按钮在哪里更合适

　　这种创新就像一个圆形的轮子，可以很好地工作，但它需要被创新成一个六角形的轮子，这导致了另一个*敏*感*词*烦：“当它转动时，总是嘎嘎作响。如何解决它？”

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

　　下面是一个例子。对比京东和亚马逊的搜索框网站位置，两者都位于该区域的顶部。此设计必须基于对用户搜索习惯分析数据的持续改进和验证，因此您不必违背设计趋势。相反，进一步加强更为重要

　　原则5：提高视觉水平

　　当我第一次设计外国项目时，我的同行们最常提到的词是视觉层次。相反，如果他们形容一部作品非常单调，他们会用平淡的语言

　　那么什么是视觉层次？首先，我们需要强调信息可视化的概念。UI总是需要向用户传达信息，因此这些信息需要通过各种设计元素、文本段落、图片等来表达，它们的布局决定了相关信息的重要层次，即通过视觉表达的信息层次。通过下面的示例，您可以清楚地知道哪些设计突出了需要强调的信息

　　因此，您必须根据产品的业务需求确定信息本身的重要级别。你应该知道哪些信息需要强调，哪些是辅助信息。在具体设计中，可以使用字体和字号区分、色差和空格。具体的设计技巧将在后面详细讨论，这里仅作简要总结

　　谢谢你的阅读。如果有任何需要改进或模棱两可的地方，请随时发表评论。我希望我们能通过交流提高彼此