相信大家都很清楚，一个动态的元素与一个静态的元素，动态更能吸引人们的目光。而一个H5的页面宣传，使用酷炫的动效肯定比静态的海报要让人们感兴趣。当然，动效不仅仅在这种地方，像是游戏读条、过渡、操作等等都充满了各式各样的动效。而交互时代恰好对动效也十分熟悉哦！
大家一定很疑惑，为啥交互时代啥都懂！交互时代UI设计实训基地是深圳一家专业的设计人才培育基地，拥有十多年的设计教育经验，并且背后拥有庞大的设计资源，能够使用最新的设计项目供学员进行实训，凭借这些资源，交互时代针对各大互联网企业的需求独力研发了一套设计课程，能够让学员们在短时间内掌握各种设计技术，而H5就是其中一个方面。现在，交互时代就针对H5中动效的制作格式之一，GIF方面的内容，来和大家分享一下吧，
我们由浅入深来挖掘这动效制作的秘密，一个入门级的小问题：看上图这几个动画例子，大家是否能说出这动画是如何制作出来的呢？而又是如何在网页之上呈现的呢？
对，答案必须是设计师们都非常熟悉的gif小动画了，H5动效制作的第一手法，便是GIF了。
GIF动效的优势在于其容量小，容易压缩，成本低，并且适配性强，没有不兼容之类的问题，十分适合制作那些小型的动画。并且许多方法都能制作GIF，例如Photoshop的时间轴、flash、AE等等，都能导出GIF格式。
想了解更多有关ui设计知识培训班请关注ds798/class-ui-basis，咨询热线；咨询QQ：；或者关注微信订阅号“交互时代ui实训基地”；
当然，GIF动效在H5中经常用在进度条，导航条，小标签等元素上，因此我们要严格把控图片的大小与精度，并在两者之间取得平衡，要不然就会产生不好的用户体验。而为什么很多H5页面中都使用GIF呢？因为GIF格式是最省成本，最简单，最快捷的一种动效。只要用好GIF，能够让你的产品获得不小的成功。
请联系网站客服，了解详细的优惠课程信息~
优质、权威、便捷、省心
