移动APP的交互动效设计5点规范和交互动效分类

时间:2016-03-31

我们都知道设计的形式、风格,信息技术等都是不断推陈出新的,一味的追随设计的潮流,只会望尘莫及,被潮流牵着走。而我们能做的就是关起门来,立足自己的产品,慢慢打磨,把设计做得更极致!这就是ios7。

之前,网站模版网(www.genban.org)跟大家讲解了ios7的设计风格,你们真正知道ios7有哪些特色亮点吗?今天跟大家分享的是移动APP的交互动效设计。

最新的iOS7界面使用了的扁平化UI、依从于内容纤细的字体和鲜明的图标、带有纵深感的层次与动画表现等等。还有一个很重要的特色就是 交互动效的设计

什么是移动APP的交互动效设计?

移动APP交互动效:包括哪些能够为产品赋予生机的动态的界面元素及视觉效果,这些交互效果通常与特定的响应行为相关,甚至包括那些与交互行为没有直接关联的临时状态。

苹果官方文档的解读是这样的”精细而恰当的动画效果可以传达状态、增强用户对于直接操纵的感知、通过视觉化的方式向用户呈现操作结果

app交互动效设计

有专家称 iOS 7确确实实是一款非常开放、明亮和摩登的移动操作系统,它的美观无关扁平,只与悦动于屏幕的操作体验相关。

 

所以,今天网站模版网(www.genban.org)跟大家来聊一聊《移动APP的交互动效设计5点规范交互动效分类》

个人认为交互动效设计将会是移动客户端的设计主流趋势。

 

第一部分:移动APP的交互动效设计5点规范

1、保持过渡切换的流畅性

如果说界面布局可以组织UI元素的静态位置,那么动效可以组织UI元素在时间维度上的演进。

2、必须具备高效的反馈机制

作为与用户之间发生联系的一个很重要的交互元素,良好的反馈设计可以让用户更好地了解到操作的结果与程序当前的状态,减轻用户在等待过程中的焦虑。

3、增强APP的操纵感和体验感

“直接操纵”是移动产品用户体验中很重要的一个概念,简单来说,它要求我们的产品与用户交互的方式尽量接近真实世界的互动方式。

4、有效的帮助引导

由于移动界面的空间非常有限,我们经常要藏起一部分功能,同时手势操作也是移动应用中很常见的交互元素。

5、提升体验创新戏码

如果你的产品已经拥有了良好的可用性,却缺乏亮点,也许你可以考虑为其增加动效。将动效融入产品之中,往往带来更愉悦地使用体验,也更细腻地表达应用的情绪和气质。

 

 

第二部分:移动APP的交互动效分类知识点

到底一个移动APP的交互动效有哪些分类呢?如下图所示:

交互动效分类

 

总结下:移动APP交互动效设计,既在产品的功能层面提供支持,又在表现层面发挥影响,而且在移动产品的交互设计中,它确实很有实用价值!值得我们深挖!

文章部分观点来自设计达人:http://www.shejidaren.com/new-ios-7-ux-design.html

上一条:iOS7设计风格解读以及iOS7设计经验分享 下一条:webAPP或手机网站开发设计实用小技巧分享

相关文章

最新文章