服务热线:
15071151002
图文展示
衍果视觉设计培训学校

转行学习UI设计的零基础必须知道扁平UI交互技巧

扁平化不仅仅是界面视觉扁平无立体感,更应该是交互体验的扁平化,信息架构的扁平化,有哪些方法可以做到交互扁平化?UI设计入门,5步做好交互扁平化设计。

1. 结构层级减少-高效

先从字面意思来理解交互的“扁平化”,与之相对应的应该是“结构层级”,在这里我理解为交互步骤,以前也一直在强调精简交互步骤,想要用户用最少的步骤就完成任务,显然这里是要求层级结构的扁平,所以交互步骤和层级结构是相互关联的。

我们怎样才能做到在移动端减少结构层级从而精简交互步骤。总结了以下几种方法:

1.并列:将并列的信息显示在同一个界面中,减少页面的跳转。

2.快捷方式:以ios7为例,在任意界面只要向上滑动都能从底部呼出一个快捷菜单。设置wifi 和手电筒什么的可以直接从这个菜单里面操作。

UI设计新手怎样学习才能拿高薪资编辑


3 显示关键信息

比如在显示商品信息的时候,除了商品名称,还需要显示商品的关键信息,比如价格。结合场景考虑,在线购票的场景中,选择影院后,对于电影的放映时间,最低票价等一目了然。

4 减少点按

ios7关闭后台程序,只需要用手指轻轻往上一滑走就关闭了。滑动手势这类型的操作一定要设计的自然,否则用户找不到点哪里不知道怎么操作就会产生挫败感而放弃使用。

从上面的例子可以看出层级结构减少,交互步骤必然减少,无疑让用户的使用效率得到了提高。


2. 表达方式直白-准确

做法可以是减少按钮和选项,让使用更简洁。比如,摇一摇,用户的本能反映,不需要任何解释,连小孩都知道,只要拿着手机晃动就能实现这个功能。

UI设计新手怎样学习才能拿高薪资编辑


3. 信息直观-有序

现在小屏幕设备流行,致使我们更需要减少过度繁杂元素的交互界面设计,让信息更直观的展示。

如果需求的信息少,功能少,那么要做直观很容易,其实现在很多产品都不是在做大而全的东西了,这是一个很好的趋势。但是很多情况下,我们面临的产品信息量过大的情况,那么我们怎么才能让信息直观了?

干净整洁有序,永远比杂乱无章跟让人赏心悦目,及时在信息量很大的情况下,在有序的环境里面找起来也会比较方便快捷。

4. 一致性

1.功能的一致性;

2.平台与平台之间的无缝体验

保证一致性也是扁平化很重要的一点,减少学习成本,提高使用效率。

5.其他

响应和反馈应该算扁平化中比较重要的一点,界面应该提醒用户发生了什么事,让用户了解这些反馈信息,在用户出错的时候他们能清晰的知道该怎么做。否则用户在不知所措的情况下,往往就会选择离开。

联系老师

联系老师

副标题

 
 
 
 
 工作时间
周一至周日 :8:30-21:00
 联系方式
客服热线:15071151002