020-29815005
预约专线时间:09:00-23:59

UI设计的五条基本原则是什么

新闻来源:优漫教育 日期:2021-10-09
很可能没有什么比一个让用户经常感觉模煳的界面设计更糟糕的了。
  准则1:明确表达。

  例如,有一种返回式设计,在切换到该页时,返回按钮为“x”,按照一般理解,我认为它意味着关闭。但是,当我需要返回到前一个页面时,我可能会习惯于寻找左上角的箭头按钮,但是,我所要做的就是关闭按钮。在这个时候,我会犹豫不决,如果按下关闭按钮,会发生什么?是否应该把目前的界面理解为从前一页打开的子视图,我必须猜测设计者的意图?与Popup相似,因此我关闭了这个视图,让原来的界面重新显示?

  这并非说返回设计无法做到这一点,而是UI设计者需要在这样做之前考虑到可能会对用户带来什么问题,所以您需要更全面的思考,使您的设计意图清楚而准确地传达给用户。


UI设计培训班


 准则2:清楚地表达和传达信息。

  在使用者进行一个动作后,他需要知道自己做了什么,动作是否已经完成,等等。例如,用户在发表评论时,点击提交按钮后,立即按钮状态改变,如颜色变深,就会让用户在此时知道已按了按钮。在释放鼠标或手指之后,按钮风格将恢复,并告知用户按钮已释放。请注意,此时正是需要进行反馈设计的时候,用户需要知道该评论是否已提交,并且使用LoadingButton风格,这个按钮本身就变成不可点击的状态,它会在按钮内或外部相关区域显示一个Loading信息,指示一个评论被提交,然后显示提交是否成功的信息。


  准则3:使整个设计保持一致。

  在整个产品中,设计的原则包括视觉,互动,等等。在界面层次上,表现为页面切换方式、导航设计的一致性。可视化,是指颜色、字体、图标等要素的一致性。当用户使用某一产品时,发现他们所处的页面导航会发生变化,或整体风格发生变化,从而陷入迷茫。


  准则4:在犹豫的时候,要用公认的设计方案。

  创意设计很好,但是不要反人类。以前有个朋友刚刚加入UI不久,充满创新热情地将一个本应保持统一的App菜单按钮,在不同页面切换4处,并且幻想出了很酷的展开效果,然后陷入了一个疑问:在下一页,哪个菜单按钮更适合放置?

  这类创新犹如一个圆轮子已经做得很好了,但要创新把轮子弄成六角轮,由此引出了另一个大麻烦:“转一转,总有一团糟,怎么解决?”

  一个可靠的创新在于,根据公认的设计方案,做出更好的改进,而不会制造新的麻烦。因此,在UI设计中,第四个基本原则是遵从普遍接受的设计模式,并符合用户已经形成的交互习惯。


  准则5:提高视觉层次。

  视层(VisualHierarchy),是我刚开始从事外国工程设计工作时,听过同侪提到的词。反之,当他们描述一件非常单调的作品时使用普莱恩。

  什么是视觉层次?第一步是强调信息可视化的概念。用户界面总是需要将信息传递给用户,那么这些信息需要通过各种设计元素、文本段落、图片等等来表达,而布局方式则决定了相关信息的重要层次,即通过视觉传达信息的层次化。