移动应用里的转场动画如何操作?
.jpg)
有时用户需要一系列的步骤来完成操作,而这些步骤需要清晰的标明他们是紧密相连的,动画能够帮助你连接不同的步骤创造一个完整的体验。
下面是一个如何利用动画来创造连续线性事件的优秀案例:
Image: Jakub Antalík
动画可以帮助设计师创造渐进式展现,渐进式展现通过减少同一时间内信息量的展现,使界面更加简单易学。
这里有两个很好的例子,说明使用渐进式展现提供有意义的信息块。
Image: Anton Skvortsov
在这篇文章中,我们将讲述当功能性的动画补充视觉设计和支持交互时的常见情况。
二、提供系统的状态当用户触发了某些操作时,他们期望得到一个视觉反馈,系统需要清晰地表明它已经接收到这个操作请求同时正在运行中。
这里有一些有益于用户体验的动画反馈案例:
1. 确认用户操作用户得到系统对于该操作的确认,当用户可以得到有效的视觉反馈,这就可以防止用户重新点击操作元素。
Notify users of the results of their actions. Image: Colin Garven
2. 使用下拉刷新对于页面的内容进行更新加载提示的视觉反馈帮助用户理解系统正在对于用户的请求做处理。
Subtle animation helps users understand what is going on. Image: Ramotion
3. 等待内容加载加载并不一定很枯燥,几乎所有的移动应用都可以在页面加载时,利用微妙的动画来防止用户离开。加载动画可以持续占据用户的视觉反馈,结果就是用户感觉等待的时间更短。
Animation can keep the user engaged even before the app fully loads. Image: UI8
信息来源尚品中国:http://www.sino-web.net/,专业网站制作,专业网站设计,专业网站建设公司
推荐新闻
更多行业-
利用Dreamweaver插入各种文本和导入Excel
Dreamweaver允许用户直接在页面中输入文本,也可以将其他文档中...
2015-08-05 -
[北京网站制作]《财富》40岁以下富豪榜发布 扎克伯格居榜首
北京时间10月20日消息,据国外媒体报道,Facebook首席执行官马...
2011-10-21 -
网站的主页设计
主页是网站制作的第一步。网页设计作为一种视觉语言,要讲究编排和布局,应...
2015-01-09 -
如何进入百度排名前三
内容为王外链为皇的优化措施对于现在优化来说曾经是每年百度算法都调剂许多...
2012-06-24 -
网站制作过程,seo注意事项
网站制作过程----新手必看!一 基本概念1 网页(Web Page)...
2012-06-13 -
SEO优化开展的步骤以及如何突破SEO的瓶颈
SEO优化开展的步骤1、确定关键词 由于后面所有的工作基本都是围绕这...
2012-06-12
预约专业咨询顾问沟通!
免责声明
非常感谢您访问我们的网站。在您使用本网站之前,请您仔细阅读本声明的所有条款。
1、本站部分内容来源自网络,涉及到的部分文章和图片版权属于原作者,本站转载仅供大家学习和交流,切勿用于任何商业活动。
2、本站不承担用户因使用这些资源对自己和他人造成任何形式的损失或伤害。
3、本声明未涉及的问题参见国家有关法律法规,当本声明与国家法律法规冲突时,以国家法律法规为准。
4、如果侵害了您的合法权益,请您及时与我们,我们会在第一时间删除相关内容!
联系方式:010-60259772
电子邮件:394588593@qq.com