网站内容设计基本原则(严格来说UI设计的五个重要原则是什么？怎么做？)

　　网站内容设计基本原则(严格来说UI设计的五个重要原则是什么？怎么做？)

　　关于UI设计，在招聘网站中，我们经常看到很多公司把它和艺术联系在一起，就像移动互联网兴起之前的网页设计和网页艺术一样。但是当你通过这篇文章了解了 UI 设计的五个重要原则后，你可能会发现它并不只是画图那么简单。严格来说，UI设计更具技术性。

　　原则一：清晰的沟通

　　可能没有什么比让用户经常感到模棱两可的界面设计更糟糕的了。

　　例如，有一个返回设计。切换到这个页面时，返回按钮是一个x。按照通常的理解，我认为是关闭的意思。但是当我需要返回上一页时，我可能会习惯性地去左上角寻找左箭头按钮，但我唯一剩下的就是关闭按钮。这时候，我会犹豫。如果我点击关闭按钮，会发生什么？不得不猜测设计者的用意，是不是应该把当前的界面理解为从上一页打开的子视图？类似Popup的意思，所以我关闭视图，也就是重新显示原来的界面？

　　我不是说后台设计不能做到这一点，但作为一个UI设计师，你需要在这样做之前考虑可能给用户带来的担忧。因此，您需要更全面地思考，以便您的设计意图可以清晰无误地传达。给用户。

　　原则二：清晰传达信息反馈

　　用户操作一个动作后，需要知道自己做了什么，是否进行了操作等。在最简单的例子中，当用户发表评论时，点击提交按钮后，按钮的状态立即改变。例如，当颜色变深时，用户就知道按钮已被按下。释放鼠标按钮或手指后，按钮样式恢复，告诉用户按钮已被释放。请注意，这是反馈​​设计的时间。用户需要知道评论是否已提交。大多数方法都是Loading Button的样式。按钮本身变得不可点击，Loading 显示在按钮内部或外部的相关区域中。信息，表示正在提交评论，

　　你可以尝试去掉上面的反馈设计，会发生什么？如果用户点击后没有反馈，就会误认为操作不成功，反复尝试。如果对程序没有限制，很可能会导致重复提交。

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

　　原则三：保持整体设计的一致性

　　设计原则应该贯穿整个产品，包括视觉和交互等不同方面。从交互层面来说，体现在页面切换方式和导航设计的一致性上。在视觉上，它指的是颜色、字体和图标等元素的一致性。用户在使用产品时，没有发现自己所在的新页面的导航实际上发生了变化，或者整体风格发生了变化，从而陷入了混乱状态。

　　如果你不希望你的 网站 或 App 看起来像几个不同产品的一部分，那么你需要制作一个风格指南。在 Behance、Dribble 或中国的 ZC 上，许多作品将在如下所示的样式指南中展示。

　　原则 4：当优柔寡断时，使用公认的设计解决方案

　　创新设计是好事，但请不要反人类。看到最近在用UI的朋友。他们满怀创新和*敏*感*词*换了一个本该统一的App菜单按钮，在不同页面上换了4个地方，想象了一个非常炫目的扩展效果，然后陷入问题犹豫不决 决定：在下一个新页面上，菜单按钮在哪里更合适？

　　这种创新就像一个圆轮，明明可以很好用，但是要做成六角轮就得创新，这就引出了另一个大问题：“转起来，老是咯咯笑，怎么解决？” .

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

　　举例如下，对比京东和中国亚马逊的两个网站搜索框位置，都在顶部区域的顶部。这样的设计必须建立在对用户搜索习惯的分析数据的不断改进和验证的基础上，所以你不必与设计背道而驰。相反，进一步增强更为重要。

　　原则五：增强视觉层次

　　Visual Hierarchy 是我第一次做国外项目设计时听到同事说最多的词。相反，如果他们形容一件作品很单调，他们就会使用Plain。

　　那么什么是视觉层次结构？首先要强调信息可视化的概念。UI总是需要向用户传达信息，而这些信息需要通过各种设计元素、文字段落、图片等来表达，它们的布局决定了关联信息的重要层次，即信息的层次表达通过视觉表达。通过下面的例子，你可以清楚地看到哪种设计更能突出需要强调的信息。

　　所以你必须根据产品的业务需求来确定信息本身的重要程度，知道哪些信息需要强调，哪些是辅助。在具体的设计中，可以使用字体和字号区分、色差、留白。具体的设计技巧以后会详细讨论，这里只是简单总结一下。

　　感谢您的阅读。如果有任何需要改进或不明确的地方，请随时赐教。希望通过交流互相提高。