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

设计师的经验总结!我们为什么需要动效设计?

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

UI设计师面对的5个挑战对于UI设计,像网页设计一样,设计师并不能随心所欲。尽管UI设计在另人惊奇的工业4。0中仍然有很多的机会,但是同样地也有一些隐藏的挑战。在这里我不会带来一些设计模式或者要提醒你……设计师的经验总结!我们为什么需要动效设计?最近越来越多的国内公司开始关注动效设计了,越来越多的团队意识到动效在产品用户体验中的重要性。但是为什么需要动效设计?需要什么样的动效?做动效设计也有段时间了,于是尝试用一些案例……Facebook体验设计上的小巧思互联网时代产品竞争激烈,产品优秀不等同于技术领先。如罗振宇所说工业时代承载的是具体功能,互联网时代承载的是趣味和情感,亦如乔布斯所言我们正处于技术和人文的交叉点,功能自然是产品……场景断裂是什么鬼,我该怎么办先聊一聊互联网产业大背景,任何互联网产品深耕垂直领域已经成为生存的必要条件,那么更纯粹的所谓的O2O遇到的问题会更多,因为本来基本纯线下做的工作,互联网人们希望通过互联网、移动……“需求”是种很玄的东西浅谈需求管理自从三年前走上了产品的“不归路”,几个高频词汇像“用户需求”,“用户体验”,“用户疼点”等等,就不断的在耳边响起,自己也时不时的跟各路人士侃上一番。随着经验值的增加,对“用户需……产品的核心竞争力到底是个啥?格力最著名的广告语:“格力,掌握核心科技”。这表明格力认为他家的核心竞争力就是别家没有的空调生产核心科技。成千上万的互联网产品中,科技壁垒已然不存在,拼的都是内容和功能,……关于登录产品设计的一些思考有一次在面试的时候我突发奇想一个问题:如果让你设计一个移动APP的登录页面你会考虑到哪些因素?这个问题问的很宽泛,但是我更希望面试者利用产品的思维回答这个问题,哪怕只是从一个维……8个视觉稿设计工具,页面视觉和实时交互就靠它们对于视觉设计师、交互设计师来说,他们需要做的不仅仅是设计一张张静态的页面和独立的icon,他们需要将这些元素整体组合在一起,根据整体画面感和视觉体验来做出修改。与此同时,开发人……功能流程,如何设计才能不被吐槽?作为产品经理,我们在设计每个功能流程的时候,最难考虑的应该就是各种功能的细节应该如何打造了。碰到这个时候,往往就会想,如果我是处女座,那该多好啊。细节处理不好,经常会被程……产品经理学技术朋友圈中的图片缓存系统缓存是什么?缓是临时的意思,存是存储的意思,所以缓存就是临时存储的意思。什么东西适合临时存储呢?文字、网页、图片、数据?一切都适合临时存储,并且也都适合永久存储,要看业务……产品设计棋盘图产品设计黄金圆环法则前面已经介绍了网页产品设计的基础知识、导航系统和页面设计风格,这其实有一点本末倒置了。做产品设计时,容易进入一个怪圈,那就是忙了一圈,但却是无效的。一……如何发现交互设计中的思维盲区在一个项目中,交互设计起着承上启下的作用。开发人员根据交互文档搭建初步的程序框架,视觉设计师基于交互设计进行精细的界面设计,之后再交付开发。交互设计方案的改动涉及多方的调整,虽……
企业模板建站越来越智能化,满足各行业栏目和产品功能需求判断网站建设是否专业,看建站栏目与结构就知道优帮云建站平台带你了解响应式网站建设注意事项优帮云建站系统以seo优化为基准点做企业模板建站企业自助建站:用户体验友好程度决定网站建设的价值模板建站配置的空间服务器足够企业做宣传推广全面剖析网站建设市场调研与规划方案网站建设过程这七种异常容易阻碍百度蜘蛛爬行轨迹持之以恒的互联网态度是网站建设与推广的催化剂深入了解cms建站系统,才能更好建设网站分享手机端网站建设的优势与建站技术【企业官方网站】网站是公司业绩的跳板,浏览量是品牌传播的源泉
微信加人引流方法分享快速精准引流女粉学会不再愁流公司的通知扫地机器人幸福在哪里的作文400字晚餐换成它,月瘦10斤没商量!蜂蜜涂脸误区有哪些茯苓怎么喝能祛斑?彩蝶双飞交换条件视角下高校后勤服务监管的必要性探讨孕妇缺铁性贫血如何用药他被誉为守一城而悍天下的名将曾用草人借箭互助的爱人间处处有真情500字作文

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