当前位置:首页 > 新闻中心 >详情

保定平面设计培训UI设计的五个基本原则

发布时间:2021-03-23
浏览:
字号:

原则一:清晰的传达

比如,有一种返回设计,当切换到该页面时,返回按钮是一个x,按通常的理解,我认为是关闭的意思。但当我需要返回上一页时,可能我会习惯性地去左上角寻找那个向左的箭头按钮,然而留给我的只有那个关闭按钮。此时我会犹豫,如果点击关闭按钮,会出现什么状况?我不得不去揣测设计师的意图,是不是应该将当前界面理解为从上一个页面打开的子视图?类似Popup的意思,所以我关闭该视图,即重新显示原本的界面了?


原则二:明确并传递信息的反馈

当用户操作了某个动作之后,他需要知道自己做了什么,操作是否已经执行等等。最简单的例子,当用户发表评论时,点击提交按钮后,随即按钮状态发生变化,比如颜色变深,则用户此时知道已经按下按钮。松开鼠标键或手指后,按钮样式恢复,告诉用户已经松开按钮。注意,此时即是需要反馈设计的时候了,用户需要知道该评论是否已经提交,大多数的做法是Loading Button的样式,按钮本身变为不可点击状态,并在按钮内部或外部相关区域显示Loading信息,表明评论正在提交中,此后则显示提交是否成功的信息。


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

设计原则要贯穿整个产品,这包括视觉、交互等不同方面。从交互层面上来说,表现为页面切换方式、导航设计的一致性。视觉上,是指色彩、字体、图标等元素的一致性。没有任何一个用户在使用一款产品时,发现所在新页面的导航居然变了,或者整体风格都变了,从而陷入懵逼状态。


原则四:当犹豫不决时,使用公认设计方案

创新设计是好事,但请别反人类。保定平面设计培训我见过撸UI不久的朋友,满怀创新激情地将一个本该保持统一的App菜单按钮,在不同页面换了4个地方,并幻想出非常炫的展开效果,然后陷入到了一个问题中犹豫不决。


原则五:增强视觉层次

视觉层次(Visual Hierarchy),是我曾最初做国外项目设计时,听到同行提及最多的词。相反,如果他们形容一个作品非常单调时,会用Plain。

那么什么是视觉层次?首先要强调一下信息可视化的概念。UI始终需要向用户传递信息,那么这些信息需要通过各种设计元素、文字段落、图片等表达出来,而他们的布局方式则决定了所关联的信息的重要层次,即通过视觉表达信息层次化。


分享同创 分享未来 ·

微信咨询