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

我们为什么需要动效设计

12月4日 托天庙投稿
  推荐语:最近越来越多的国内公司开始关注动效设计了,越来越多的团队意识到动效在产品用户体验中的重要性,下面就看下动效设计的意义。
  随着国际大品牌苹果和谷歌的引领,最近越来越多的国内公司开始关注动效设计了,越来越多的团队已经意识到动效在产品用户体验中的重要性了,更多的射鸡师们也开始投身动效设计领域。
  但是说到底,我们到底为什么需要动效设计?或者说我们到底需要什么样的动效?做动效设计也有段时间了,于是尝试用一些案例,从产品本身出发来说说我所思考的动效设计。(文中部分案例为设计师个人作品,部分为线上产品,都是我非常非常欣赏的作品。如不慎冒犯请戳我替换掉)
  一、加强体验舒适度
  嗯,就是让用户更加爽更加爽的用你的产品。
  具体表现在:
  1。表现层级关系
  为了展现层与层的关系,是抽屉,是打开,还是平级切换等等,让用户知道这个界面和上一个、下一个的关系。这已经是非常最常见的运用了。
  2。与用户手势结合,更自然的动画表现
  当用户手势操作的时候,让界面的动态走向更符合手指的运动,从而让用户感觉到是自己控制了界面的动向,而不是机械化的跳转。
  C用手势可以向左向右扔卡片
  3。愉快的提示功能
  在某些需要提醒的时候能吸引用户的注意,但是又不会生硬,符合预期的出现。
  Actionbuttonfeedback出错提示
  CityGUIdes启动时提示用户可以左右滑动卡片
  4。额外增加界面的活力
  在用户预期之外增加的惊喜,可以是帅气的,可以是卖萌,可以有些物理属性,总之让用户感知到产品的生命力。
  readme。萌萌的输入框
  Q弹的菜单
  tumblr不喜欢我心都碎了呢
  5。吸引用户持久的注意力
  也是属于增加用户的惊喜感,在某些数据量较大的界面中添加一些动效,让用户保持注意力。
  Bubbles以动态的形式展现数据点
  二、减弱不可避免的不适感
  虽然我们的产品,我们的交互,我们的设计,我们的工程狮都在努力把产品打造的更加优秀,更加完美,但是总有一些无法避免的问题、或者有可能会出现的bug、外界条件的不给力等因素,造成我们的产品体验下降。这些时候适当的增加一些动效可以弥补在出现这些情况时的不适体验。
  比如下面这些:
  1。让等待变得更愉快
  常出现在加载、刷新、发送等界面中,让等待变得可视化,甚至不再那么无聊。
  Download让下载不再枯燥
  Apploader有趣的loading动画
  gearpowered拉了还想拉的下拉刷新
  2。失败界面的动效
  比如刷新失败、页面错误、未联网提示这些。
  download就算失败了还是感觉萌萌哒
  3。增加界面与界面衔接的延续感
  界面的跳转不可以避免,但是如果让本来分别独立的2个界面或者事件拥有了某种特定的联系,可以显得更加好玩,不再是生硬的跳转。
  IOSAnimationDownload界面跳转时保留部分元素到下一个界面
  FilterMenu保留需要的条目移走不再用的
  Elevate
  三、不易被察觉的动效
  特意把这一类单独说一下,由于不容易被发现,普通用户通常会忽略它们的存在,但很多时候这些小细节让交互变得更加有趣。
  1。默默增加反馈感
  为用户的操作提供有趣的正反馈。
  Twitter收藏的点击反馈
  2。去除用户不再需要的元素
  随着用户的操作,有的内容已经是用户不再关注的。这时候可以将他们隐藏起来。
  CityHourCalendarAnimatedInteraction
  Steller
  上面的例子大部分都是比较特色鲜明的,但是大多数实际情况中的优秀动效设计都会涉及到好几点同时都满足。总的来说动效还是为用户体验而服务的,动效设计师尤其要注意交互逻辑,才能让你的作品看起来不但动效帅气逼人而且真正发挥了实际的作用。
  最后要提醒的是,千万不要牺牲了用户宝贵的时间用来看你毫无目的的动效。
投诉 评论

实战经验!搞定网页重设计的7个必要环节推荐语:网站更新迭代重新设计恐怕是许多网站必经的环节,如何做好网页重设计也是许多设计师和产品人需要考量的事情。今天的这篇文章就是著名电商平台Shopify针对旗下企业服务平台S……简化密码设计的三个小秘籍摘要:创建密码的体验总是不尽人意,设计师则可以通过如下三种方式来改进:事先告知密码要求、允许显示密码,显示密码强度。对大多数人而言,设置密码的体验已经20多年几乎没有任何……登陆注册模块设计在互联网世界,用户是一切,如果用户都只是匆匆过客那么很难在产品中形成固定的用户群,在用户行为统计上也很难形成有价值的数据,如今就算是工具类的应用也都在建立用户系统,更不要说社区……丁香医生APP之用户体验要素简单分析正文之前先唠叨几句。正式成为产品汪其实才一个月,之前为了找产品的工作用了大半年(跨行异地无任何经验)。这过程其实都可以写一篇文章了,无奈小汪不善码字,之后有机会再看吧。看……手机QQ空间Android版产品体验报告本人大学生一枚,同时还是一名未成形的程序猿,在作职业规划时偶然接触产品经理这个职业,觉得还蛮有趣的样子,且不说以后会不会往这个方向发展(听说很艰难险阻呀),既然兴趣来了,就在学……你不知道的微信朋友圈分组权限真相朋友圈社交很多人都说,微信朋友圈是近年来最伟大的社交发明。取代人人和微博,微信已经成为人们最主要的社交工具,没有之一。大部分90后的社交软件都经历了从QQ空间人人微博微信……网页动画终极指南动画是人类毕生的理想之一(如果像某些历史学家相信的那样)。这个理论源起于洞穴壁画:在某些洞穴壁画中,经常见到一些生物被画上远多于正常数量的肢体。这背后有很多套理论。有些指……我们为什么需要动效设计推荐语:最近越来越多的国内公司开始关注动效设计了,越来越多的团队意识到动效在产品用户体验中的重要性,下面就看下动效设计的意义。随着国际大品牌苹果和谷歌的引领,最近越来越多……新闻类的网站建设风格定位古往今来,报刊媒体展现新闻的形式已在用户心中根深蒂固,只不过随着科学技术的发展,从传统媒体慢慢转向互联网多媒体的发展,新闻类的网站也逐渐崛起,不如把传统报刊的形象搬到网站上来,……手机QQ浏览器产品设计分析:移动端浏览器的玩法原生应用与手机浏览器的定位北宋欧阳修谈作文章有三上:马上、枕上、厕上。而随着移动互联网的发展,用户使用移动设备场景也与欧阳修作文场景类似,趋向碎片化。互联网消费调研中心数……网站建设:使用纹理图案做网页的作用当前,简约风是网站建设的发展趋势,随着网站和移动端扁平化以及响应式设计的盛行,那些边幅修饰已被逐渐淡出设计者的视线,但是不可否认,根据用户的体验需求,边幅修饰是增加网站视觉效果……音频行业的弄潮儿,喜马拉雅FM、蜻蜓FM、荔枝FM三款软件究15年以来,音频行业在整个互联网内吵的风风火火。其中尤以荔枝、喜马拉雅、蜻蜓三家最为知名。本文就个人的使用和观察,谈一谈这三家音频平台的优与劣。内容模式荔枝F……
新手站长需要注意哪些优化细节?虚拟主机如何设置404页面网站内容如何优化?让你盈利的SEO方法教你写出一个利于seo的标题怎么通过白帽SEO快速拿排名?行业用品网站怎样建设外链?创建百科词条需要注意哪些?总结新站总是不被收录的原因有哪些最实用增加外链的方法软文标题怎么写?新人如何提升学习效率iPhone代工商郑州富士康推最新离职返岗政策没有中间商赚差不物质的女人才最可怕2022年2月大学生入党积极分子思想汇报1000字3篇婆媳关系难相处?只因你不懂这些婆媳相处小妙招!关于小学桂花作文600字合集5篇五个坚定自信的生肖,有你吗?王者荣耀后裔的出装教室里的哭泣声iPadmini6怎么连接二代笔iPadmini6怎么和二代被蜜蜂蛰了怎么处理才好?经典父亲节祝福语大全揭阳鲜猪肉价格今日价格

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