恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
解读APP UI动效设计中六个基本原则
0.0°
2017-03-16 好文转载 经验/观点 原作者: 丝路教育 举报 1600 7 5 0


  APP UI设计动效应经火起来app动效设计,应该已是各位APP设计师学习和临摹的方向。对于动效想要很好的运营到自己的设计作品中,大家可以收集一些好看的APP动效设计作品。学习app动效设计,不是盲目的让界面动起来那么简单,一定不能滥用。要学会克制。今天分享的这篇文章就阐述了,UI设计师必须知道的UI动态设计规则。也就是APP动效设计的六个基本原则。希望能够帮助到大家。


  下面我们先看下一组值得学习的按钮、开关、滑块等控件的动效欣赏,希望能给你设计带来新鲜灵动的感觉。

Image title

Image title


  首先我们先回顾一下APP动效设计的六个基本原则。


1、要保存APP的个性化


  也是今天我们重点所讲的APP UI动效设计中最基本的原则:具备个性化的动效设计。也是一款APP特殊身份标识的象征。


2、具备导向的功能


  比如APP UI动效就应该如同导游一样,为用户指引方向,防止用户感到无聊,减少额外的图形化说明。


3、背景动效的使用


  APP动效应当为内容赋予背景,通过背景来表现内容的物理状态和所处环境。

Image title


 4、与用户产生共鸣


  APP UI动效的目的是与用户互动,并产生共鸣,而非令他们困惑甚至感到意外。UI动效和用户操作之间的关系应该是互补的,两者共同促成交互完成。


5、给动效赋予情感


  好的UI动效是能够唤起积极的情绪反应的,平滑流畅的滚动能带来舒适感,而有效的动作执行往往能带来令人兴奋的愉悦和快感。


6、理解此处应用动效的目的,切记乱用


  滥用特效会让用户分心,把握好这个微妙的平衡。APP动效是用来保持用户的关注点、引导用户操作的,不要为了动效而动效。

Image title


  第二部分:APP UI动效设计当中的最高设计原则——那就是具备个性化的动效设计


  个性化的动效设计是APP UI动效设计中最基本的原则,甚至可以说是动效设计的最高原则。


  APP UI动效设计就是要摆脱APP“开袋即食”的粗犷设定,设计独特的动效,创造引人入胜的效果。


  在确保UI风格的一致性的前提下,表达出APP的鲜明个性,这就是UI动效设计“个性化”要做的事情。同时,还应令动效的细节符合那些约定俗成的交互规则,这样动效就具备了“可预期性”,用户不会有“出戏”的感觉,如此一来,UI动效设计便有助于强化用户的交互经验,保持APP黏度与活跃度。

Image title


  比如:Dots这款APP 将使用这种轻松愉悦的惯性动效,贯穿在整个APP UI设计的每个角落,让它从同类APP中脱颖而出。


  下面我们再看看一组非常有意思的鼠标动效欣赏,都是一些惊人的动效之美。

Image title


  下面是一个比较活泼,拟人化的下拉刷新的APP动效欣赏。

Image title


  以上这些个性化的APP动效设计,有没有惊艳到你呢?如果喜欢就学起来哦。

首发地址: 解读APP UI动效设计中六个基本原则_丝路教程网

资源地址: http://blog.silucg.com/UI/sj/5569.html(分享请保留)

更新:2017-03-16

收藏

7人已收藏

  • 67

    作品

  • 245

    粉丝

  • 0

    关注

  • 网页设计中对齐原则的运用
  • 如何有效利用网页设计中的留白
  • 6招搞定网页设计中Banner的点缀元素运用
  • APP原型设计表现方式大揭底
相关标签

    猜你喜欢

      2017-03-16 好文转载 经验/观点 原作者: 丝路教育 举报 1600 7 5 0

      解读APP UI动效设计中六个基本原则

      0.0°

      你确定要举报解读APP UI动效设计中六个基本原则

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2017年03月08日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      5
      7
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录