联系我们 face+ 关于 服务 案例
首页 案例 服务 关于 face+

这五点必须做好的ui设计原则,你记清楚了吗

Time: 2021-06-08

都说没有规矩不成方圆,很多行业都需要讲规矩。在设计行业也同样如此。设计师在设计的时候,可以展开想象,但是设计的内容如果大家都不明白,那这样的设计相信是失败的。今天就让faceui为大家介绍ui设计原则。

  这五点必须做好的ui设计原则

  1、清晰的传达

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

  我并不是说返回设计不能这么做,而是作为UI设计师需要在这么做之前就去考虑到可能带给用户的顾虑,因此你需要更加全面的思考,令你的设计意图能清晰无误地传达给用户。

  2、明确并传递信息的反馈

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

  你可以试着将以上反馈设计去掉,会出现什么情况?用户点击后无任何反馈信息的情况下,会误认为操作没有成功,从而反复尝试,如果程序上没有做任何条件限制,很可能造成重复提交。

ui设计原则

ui设计原则(图片来自网络)

  3、保持整体设计的一致性

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

  如果你不希望你的网站或App看起来像是几个不同产品拼凑出来的话,那么你需要做一个风格指南(style-guide)。在Behance, Dribble或中国的站酷上,很多作品展示中都会看到如下所示的风格指南。

  4、当犹豫不决时,使用公认设计方案

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

  这样的创新就好比是一个圆形车轮明明已经可以很好的工作,却要创新搞成六角形车轮,从而又衍生出另一个大麻烦:“转起来,总是咯噔咯噔的,怎么解决?”。

  靠谱的创新是在已验证的公认设计方案基础上,作出更好的改进,而不是制造新的麻烦。所以,在UI设计中,第四基本原则就是遵循公认设计方案,符合用户已养成的交互习惯。

  示例如下,对比京东和中国亚马逊两个网站的搜索框位置,都在顶部区域的首要位置。这样的设计一定是基于用户搜索习惯的分析数据不断改进验证而来,所以你大可不必在设计上逆其道而为之,相反,进一步增强才更重要。

  5、增强视觉层次

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

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

  所以你必须根据产品的业务需求,来确定信息本身的重要层级,要知道哪些信息是需要强调的,那些是辅助的。在具体设计当中,可以使用字体和字体大小区分、色彩差、留白。具体设计技巧今后详聊,这里只作简单概括。

ui设计原则

ui设计原则(图片来自网络)

  如何理解UI的概念

  首先,UI是指人与信息交互的媒介,它是信息产品的功能载体和典型特征。UI作为系统的可用形式而存在,比如以视觉为主体的界面,强调的是视觉元素的组织和呈现。这是物理表现层的设计,每一款产品或者交互形式都以这种形态出现,包括图形、图标(Icon)、色彩、文字设计等,用户通过它们使用系统。在这一层面,UI可以理解为User Interface,即用户界面,这是UI作为人机交互的基础层面。

  其次,UI是指信息的采集与反馈、输入与输出,这是基于界面而产生的人与产品之间的交互行为。在这一层面,UlbJ以理解为User Interaction,即用户交互,这是界面产生和存在的意义所在。人与非物质产品的交互更多依赖于程序的无形运作来实现,这种与界面匹配的内部运行机制,需要通过界面对功能的隐喻和引导来完成。因此,UI不仅要有精美的视觉表现,也要有方便快捷的操作,以符合用户的认知和行为习惯。

  最后,UI的高级形态可以理解为User Invisible。对用户而言,在这一层面UI是“不可见的”,这并非是指视觉上的不可见,而是让用户在界面之下与系统自然地交互,沉浸在他们喜欢的内容和操作中,忘记了界面的存在(糟糕的设计则迫使用户注意界面,而非内容)。这需要更多地研究用户心理和用户行为,从用户的角度来进行界面结构、行为、视觉等层面的设计。大数据的背景下,在信息空间中,交互会变得更加自由、自然并无处不在,科学技术、设计理念及多通道界面的发展,直至普适计算界面的出现,用户体验到的交互是下意识甚至是无意识的。

  以上就是faceui为大家介绍的关于ui设计原则的相关内容。ui设计不是随意的,创意是可以天马行空,但是设计是需要遵循一定的原则才能得到大众的认可和理解,你觉得呢?


合作咨询

上海(总部)

上海市浦东新区郭守敬路498号22号楼
021-61057328
service@faceui.com

办公地址地图

北京

北京市东城区后永康17号A座
010-64015620
service@faceui.com

办公地址地图

成都

四川省成都市锦江区东大街牛王庙段100号
028-62790929
service@faceui.com

办公地址地图
首页 | 案例 | 服务 | 关于 | face+ | 智见

Copyright © 2009-2022 FaceUI design. All rights reserved


沪ICP备13044459号-5

上海办公地点地图
北京办公地点地图
深圳办公地点地图
在微信中搜索faceui
或保存二维码在微信中打开