android动效开篇

大神博客:http://blog.csdn.net/tianjian4592/article/details/44155147

在现在的Android App开发中,动效越来越受到产品和设计师同学的重视,如此一来,也就增大了对开发同学的考验,虽说简单的动效:如移动,旋转,缩放,渐变或普通的界面跳转相对简单,但在目前日益激烈的竞争条件下,出彩复杂的动效也越来越多,并且很多效果已经无法直接用android提供的Animation或Animator框架进行实现,需要通过自定义View或ViewGroup解决,当然,同一个效果的实现方式往往有多种,在实现一个效果的同时,怎么去进行权衡,比如多用图就会增大包大小并影响运行时内存,增加推广成本和影响留存,不用图又会增大开发难度,我们在开发动效的时候怎么去权衡,做出设计师同学想要的效果,并让我们的View在适配和机型/系统版本兼容上同样优秀也显得至关重要;

    在接下来的时间里,我会把我之前所做所总结的android动效相关和大家一步步分享,相互交流,相互学习,共同进步,当然里面难免会有可以更优的实现或方法,大家多多指出;

    对于后面要和大家分享的android动效相关的内容,我简单的梳理了一下:

    1.Animation和Animator使用,Interpolator(插值器)原理

      实例:腾讯管家桌面小火箭效果 - 文章链接

    2.自定义View实现水波纹效果

      实例:标准正余弦水波纹(drawLine)和特征性水波纹(图像混合模式)-文章链接

 
                  

    3.paint、canvas、Matrix使用讲解

       1)、Paint 讲解 - 文章链接

            主要内容:ColorFilter(颜色过滤器)、Shader 渲染(LinearGradient、RadiulGradient、SweepGradient、                                 BitmapShader、ComposeShader)

                  实例效果:

 
              

     
                         
    

      ----小插曲:一个绚丽的 loading 动效 -- 文章链接

    4.Sharder讲解

        实例:小霸王开机动效,带水波纹文字特效,彩色旋转光影效果

    5.Android中的图像、色彩处理

       实例:纯色值打造页面动效、图像色彩改变器

    6.Android事件分发机制

       实例:随手势改变的含listview或scrollview页面

    7.Android绘制流程、绘制机制

    8.主流效果剖析及讲解

      实例:QQ一键退潮效果(拉动去除消息)

            微信动态眼睛效果

            橡皮擦效果  ... ...

       目前想到的内容如上,接下来的时间将会按照上面列的目录进行分享,上面列举的实例也都是现在想到觉得比较有代表性的,后面写的时候如果遇到更好的会进行替换,当然大家遇到觉得好的有意思的效果也可以拿出来一起分享!

时间: 2024-08-02 10:41:19

android动效开篇的相关文章

Android 一个绚丽的loading动效分析与实现!

http://blog.csdn.net/tianjian4592/article/details/44538605 前两天我们这边的头儿给我说,有个 gif 动效很不错,可以考虑用来做项目里的loading,问我能不能实现,看了下效果确实不错,也还比较有新意,复杂度也不是非常高,所以就花时间给做了,我们先一起看下原gif图效果: 从效果上看,我们需要考虑以下几个问题: 1.叶子的随机产生: 2.叶子随着一条正余弦曲线移动: 3.叶子在移动的时候旋转,旋转方向随机,正时针或逆时针: 4.叶子遇到

ae-AE动效如何实现在WEB和Android上,需要了解哪方面的知识

问题描述 AE动效如何实现在WEB和Android上,需要了解哪方面的知识 AE在代码实现方面需要掌握哪些知识,有没有推荐的书籍和教学视频,以及学习方式.

ae-AE动效如何实现在WEB和Android上。

问题描述 AE动效如何实现在WEB和Android上. 需要掌握哪些知识,请推荐相关的书籍和视频,会AE但是不会代码-- 解决方案 直接转换为flash格式就可以,或者包装在flash动画帧里面

动效设计如何从四个维度吸引你的注意力?

  动效设计正当红火,不过有很多同学担心驾驭不了它,容易被它喧宾夺主,今天百度的同学就从注意力这个角度给同学们聊聊,动效能从哪四个维度来吸引用户注意力,针对这几个维度,设计师该如何运用好动效设计,好文一篇,点赞别忘了艾特小伙伴. 近年来,随着ios和android系统对于动效设计的带动效应,多数产品对于动效设计也越来越重视,从app引导页到动作反馈,从官网介绍到hover效果,动效设计似乎已经成为一个成功产品的标配.但是动效也不是越绚丽越好,过于绚丽的动效对于我们的设计目标来说也许会适得其反,用

来看这25个用户体验极佳的网站动效设计

  不为用户体验而做的动效都是炫技.经常有同学问小编有木有能运用到实战中的动效设计 ,来看今天这组网站就对了!第一个网站就是那个输密码时会捂眼睛的猫头鹰官网,连注册的动效都特别有趣,来体验一把真正的动效吧. ReadMe.io 尽管用不上这服务,点击 Get Start Now 按钮后,小编还是被那只萌萌的猫头鹰吸引去注册了. Paranoid Android Italio Underbelly Interactive Infographic Babel Anonymous Zurb Manif

四个移动界面最常见的动效类型

  这两天有一款动效神器Hype 3特别受欢迎,借这股动效的劲头,今天胡痴儿(腾讯用户体验设计师)给同学们科普一下动效的类型 >>> 一.动效起源于什么? iOS 6(视觉表层&信息的外观)→ iOS 7(动效&信息的运作方式) 二.动效是用来干什么的? 表现视觉层级关系的 是几种UI元素之间的相互转换 三.动效如何分类? 一个元素如何能够填满整个页面? 如何引导用户的视线? 一.Icon → Page iOS 镜头运动&焦点移动 icon即APP&文件夹

如何准确的向工程师传达动效设计?

  随着软件与终端的发展,如今的用户体验设计中动效的作用正变得越发重要,也有越来越多的设计师开始尝试让自己的作品"动"起来.但在实际工作中,相信大家常会有这样的疑问:怎样才能将自己精心设计的动态效果,准确的传达给工程师,避免实现的偏差呢?下面我想根据自己的经验,抛砖引玉,和大家聊一下这个话题. 试想一下,在一个沉静的的夜晚,你正为一个界面的过渡动画而苦思冥想,突然一道灵感之光穿越你的脑海,完美的方案浮现眼前.此刻你最想做的,恐怕不是翻阅开发文档研究实现原理,"老子得立刻把它表

移动应用丰富动效的6点原则

如果想让你的移动应用更活泼更灵动,丰富的动效是不可少的,丰富的动效可以让你的应用更具活力,充满生机;丰富的动效可以让你的应用彰显效率,提升品质感;丰富的动效可以让你的应用充满魅力,引人探索;丰富的动效可以让你的应用减少焦虑,消除等待感;丰富的动效可以让你的应用充满韵味,有节奏感;丰富的动效可以让你的应用有出奇的信息组织,整洁高效. 这里主要介绍六种简单通用的方式--转场.邀请.过渡.反馈.缩放.吸附. 原则一:转场 由于手机屏幕空间有限,更多的内容会被隐藏在屏幕后边,或者屏幕的左边.右边.下边,

设计师需要学会设计有意义的动效

  关于动效设计,我们探讨过很多次.直到现在,我们越来越清楚地意识到,动效设计已经无处不在,已经成为了设计师们必须掌控的一个重要技能.参加过今年的Google I/O大会之后,设计师Paul Stamatiou 也充分认识到这一点,并撰写了这篇博客.这篇文章是一支号角,动效设计在过去还是趋势,但是从此刻开始,它成为了我们必将面对的新阵地. 在今年的Google I/O大会上,我参加了一个小的讨论小组,一同探讨跨平台设计所面临的挑战.这次讨论的内容信息量非常大,就像第一次去拉斯维加斯的那种目不暇接