童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

产品的肢体语言交互动画

8月28日 亡命徒投稿
  随着体验经济时代的到来,人们对产品界面的期待值也越来越高,交互动画在手机领域的应用已经非常普遍,例如Iphone充分发挥了动画在交互易用性方面的优势。而交互动画会给用户带来一种舒适、自然和流畅的感觉。交互动画逐渐成为了产品与用户之间的沟通方式,成为产品的肢体语言。尤其是目前高端机的性能提升迅速,也为交互动画的执行效率提供了有效的硬件保证。
  
  
  Google地图的让工具化与拟物化结合,不论是翻起页面的效果,还是图钉的效果,都是还原真实场景中的操作,通过动画的表现,让其更加逼真。也使界面更加的有层次。
  在产品设计过程中,合理运用交互动画让产品与用户更好的互动,让产品变的更具情感,合理的动画运用可以:
  提高用户操作流畅性
  随着移动终端设备硬件以及软件的不断强大,带给用户的选择也会越来越丰富,用户在使用产品功能的同时,也追求完美的操作,与产品产生良好的互动。
  目前app以及wap站的视觉效果绚丽完美的同时,同时带有很多的复杂视觉元素,处理好每个视觉元素的关系,以及有效的传达用户操作后元素之间的关系变化,就需要设计交互动画,阐述其变化的逻辑与过程,让操作更合理,更流畅。
  
  提高用户兴趣,降低学习成本
  通过巧妙的交互动画让用户理解产品功能,进而让用户产生良好的心理感受。让用户更容易了解功能,更好的方便的使用产品。有时详细功能的讲解,往往不如一个简单的交互动画效果更具吸引力。目前在游戏中广泛应用。
  强化品牌一致性
  弹出层,界面滑动,分屏,返回,前进等等,这些交互动画无不流露出品牌的特性与情感
  一个标志性的动画效果,往往也会是一个产品的代言。
  
  交互动画设计法则
  传达有价值的信息
  在用户完成行为之前把结果展示给他们,使他们能更确定自己的行为,避免出错。帮助用户预见自己的行为将造成的结果。
  在iphone的屏幕上移动应用图标时,当你把一个图标拖动到一个位置时,旁边的图标会向后或向两侧移动告诉你当你松开手时这个图标将要停放的位置。
  以下是总结的交互动画的一些设计原则:
  阐述清晰,精确引导
  动画是可以清晰阐述产品功能间的切换过程的。当用户进入一个不同的交互模式时,比如两个应用程序之间的切换,动画可以提供一个指引,告诉用户已进入另一个场景。
  当我们最大化窗口的时候,这个窗口不是简单的直接放大,而是平滑地向四周展开。这样我们就可以清晰地知道这个窗口被放大了。
  动画时长巧妙掌控
  在设计动画时,注意动画执行的时间,并且在一些较高频率操作的功能中的动画,是要可以通过操作(点击两次此操作,或是其他操作,点击空白处或是目标区域等等)跳过的。
  执行效率需多考虑
  目前交互动画在高端机方面应用越来越多,但是各个机型的配置不尽相同,在考虑动画时,需注意各个机型的执行效率,如果覆盖面较广的产品,需要设定一个合理的可支持最低配置以及搭建测试环境,以便确保动画在执行时不会给机器带来过大的压力。
  尊重现实规律,或让用户具有“超能力”
  就是要符合逻辑规律与自然规律。比如动画中如有位移,应与指向目标位置方向移动;拟物化的设计,就需要真实的动画去模拟还原真实的过程。有时也可以在真实的场景中,让用户完成真实场景中人类不能完成的事情同样也会跟用户满足感。
  点到为止,过犹不及
  动画的使用犹如双刃剑,顺其势可披荆斩棘,塑造更完美的产品,如使用不当或是滥用,则往往适得其反。
投诉 评论 转载

设计师也需要了解的一些前端知识国画中有句话,“画虎先画骨”。对应到网页上,视觉效果只是一张皮,前端代码是支撑这张皮的骨,了解骨架是怎么长的,有助于设计出更合理高效的页面。一、常见视觉效果是如何实现的……利用选择题进行信息关注度研究案例解析如果我们想知道浏览某个页面的用户到底在看些什么?一般往有如下几种方法:1。查看点击流数据,如CTR(Clickthroughrate,点击转化率点选率)、点击热图(HeatMa……移动应用表单设计秘籍一直想写一篇文章,关于移动应用表单设计的,可惜最近项目很忙,忙到没有时间打理博客。最近体验产品的时候,经常看到错误的的表单设计,要么信息混乱,要么步骤繁复、要么语言程序化,要么……产品的肢体语言交互动画随着体验经济时代的到来,人们对产品界面的期待值也越来越高,交互动画在手机领域的应用已经非常普遍,例如Iphone充分发挥了动画在交互易用性方面的优势。而交互动画会给用户带来一种……敏捷企鹅的创新功夫011年6月2425日,敏捷实践者的盛会ScrumGathering大会在上海召开,此次盛会云集了传统行业和互联网行业的众多知名企业,如百度、支付宝、SAP、爱立信来自于腾讯的……解析应用程序UI设计的15项黄金法则编者按:本文原载于游戏邦,作者JakeSimpson好友曾向我展示了最新的iPhone和iPad版《极品飞车》。游戏的渲染效果令人印象深刻,是款蓄势待发的优秀游戏。但是,……轻触,数据美丽的外衣“我生活在一个拥有7,080,360,000人的星球上,这是关于他们的故事,现今平均每人会对7。4个人说2250个词,人们会发3000亿封邮件190亿条短信,加起来……从优秀的iPhone游戏中学习设计策略几乎所有iPhone用户都曾使用过游戏应用,这是一个“全民游戏”的时代。iPhone应用程序中,游戏不但在下载量方面首屈一指,在设计质量上也不乏可圈可点之处。本人从大量的游戏应……信息架构的模式〔1〕最著名模式方面的建筑著作是ChristopherAlexander的《TheTimelessWayofBuilding》(1979)。〔2〕目录模式更多信息可以参见……手机地图更新功能设计分析手机地图更新是LBS中最常用的功能之一。既然我们需要重新获取地图数据,那么首先要了解数据的获取方式。根据有网和无网两种情况,我们一般可将地图分为:在线地图离线地图……影响用户体验的4个因素随着互联网产品的不断发展,越来越多的人意识到了用户体验的重要性,越来越多的公司成立了UED相关的部门,并且职位划分已相当细致。但是UED中职能的划分,却大部分仅对接界面的层面。……详解互联网产品开发中的“快”字诀当今互联网的发展,已不是大鱼吃小鱼的时代,而是快鱼吃慢鱼的时代。互联网产品的制胜原则就是一个字“快”。在各种形态的产品研发中,我们始终贯彻如一的价值观之一就是“快”,我们应该如……
Axure教程:随机抽奖Axure教程:投票交互原型示例(附下载)Axure教程:左右设限滑块页眉菜单栏(仿今日头条APP)这不是Beta版!AxureRP9正式版,来了(含安装包及汉iViewAxure组件更新1。1版本:如何在Axure中使具有一定交互功能的动态弹窗,如何设计?制作动态效果的后台导航栏左侧导航Axure教程可自动伸缩高度的textarea输入框Axure8。0实例APP新版本下载Axure教程:后台产品导航栏Axure骚操作系列:“生成”手机APPAxure教程:快乐实现手风琴菜单动态效果
肾阳虚吃什么药见效快(金匮肾气丸吃了后老硬)我心中最美短篇小说歌手海峰跳楼离世,舍下年幼的两个儿子和娇妻为哪般?化妆品铅中毒该怎么办二手房买卖合同留学英国化学专业解析好斗的小螃蟹足球笑话则如果火星发现生命证据会怎么做?我们会移民到火星吗?医学检验个人述职报告宸汐缘发布凝眸不忘版CP海报张震倪妮天宫暖心重逢

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界