动画

React Native每日坑

谨以此文记录下RN学习实践过程中遇到的那些仍未解决的坑。。填坑之日记为x。。打码不息,挖坑不止 各位同行大大们若已解决此文提到的某些问题,期待您留言告知 ~感激! 1、Navigator转场动画会影响当前路由下其他动画,造成其卡顿现象 需要等转场动画完全停止才可进行其他动画的展示。目前方法是设定定时器解决。 2、全屏遮罩Mask不能覆盖Navigator 没找到解决方案。。

超全面!文字LOGO的7种动效设计方法(新手版+进阶版)

编者按:一个简单的文字LOGO能有多少种动效展示方法?今天@阿随向前冲 这篇好文以一个简单的文字LOGO为例,做出了高达14个酷炫的动效设计(新手版+进阶版),无论拿来临摹还是汲取灵感都非常实用,强烈建议阅读。本文以Better Me为例介绍: 1,文本动画最直接想到的是基本的“文本动画”,基于“文字”的位置、旋转、缩放、透明度、填充和描边等基本属性来做关键帧动画,可以逐字

腾讯实战案例!《兽人必须死》动画站的创意思路总结

大熊猫:今天和大家分享兽人必须死的一个特色站,包括个人创意思路,设计及沟通执行的一些经验,不仅有成功的还有失败的弯路,希望对大家有帮助。项目背景项目背景主要是为迎接第三次封闭测试,三 续目的是:希望过去玩兽人必须死1,2的单机用户找回当年虐杀小兽人的快感跟激情!同时也希望把游戏讲究策略对抗的特点能表现出来吸引用户访问,为三测预热做好铺垫 开会讨论了解了三测的目的跟方向,接下

灵感加油站!21个创意力+视觉效果MAX的优秀网页设计

@喪心病狂十六夜貓 :在设计网页时,灵感枯竭了可是非常头疼的事情。这个时候看看同行设计师的优秀作品是一个非常有效的方法。比如今天这篇好文,集结了21个创意爆棚的网站,每一个都有简略的创意解说,灵感不足的设计师不妨来瞧瞧,说不定也能成为以后的设计参考。Al Erykah City在中间将很大的LOGO和背景组合起来,将照片和LOGO进行重叠的一种设计方法。 Retro Min

中文版来了!新版Material Design 官方动效指南

中文版来了!新版Material Design 官方动效指南中文版来了!新版MATERIAL DESIGN 官方动效指南(二)中文版来了!新版MATERIAL DESIGN 官方动效指南(三)编者按:前两天Google 刚发布了新版Material Design 官方动效指南,今天@平行煎餅 就给大家带来了中文版!全文包括三个部分:为什么说动效很重要?如何制作优秀的Mate

PS教程!手把手教你绘制3个效果酷炫的GIF动画效果

编者按:今天来一点简单好玩的动画教程,包括常见的Loading 动画、烟花动画和摩天轮旋转动画,操作不难,附有PS时间轴的入门手册,适合新人练习。为了避免写僵尸教程,有些地方还是需要大家自行思考并且延伸到更多的制作,如果仅仅参考教程做出的东西而不动脑筋,除了临时练手以外意义真的不大。往期教程:《新手指南!手把手教你玩转PS时间轴之基础操作篇》《轻松制作GIF动画!教你玩转P

轻松制作GIF动画!教你玩转PS时间轴之5个小技巧篇

通过前两篇文章,我们已经知道制作动画的基本知识的和技巧,下面通过5个非常有用的知识点跟大家更深入地探索PS时间轴。文末附上PSD,可以下载后自行分析动画技巧。往期回顾:《新手指南!手把手教你玩转PS时间轴之基础操作篇》《轻松制作GIF动画!教你玩转PS时间轴之进阶技巧篇》1,巧用智能对象利用技巧,PS时间轴可以做更多相对复杂的动画,而这些动画的实现更多的是利用智能对象实现。

轻松制作GIF动画!教你玩转PS时间轴之进阶技巧篇

上一篇文章跟大家讲过PS时间轴的基础,接下来跟大家分享制作简单GIF动画的一些技巧,(文字动画、颜色渐变、咻一咻动画、模糊动画、旋转时钟以及变化的月亮等等),文章提到的动画都有提供打包下载,想学时间轴的同学来收!上篇回顾:《新手指南!手把手教你玩转PS时间轴之基础操作篇》一般来说,制作动画不会选择像素图层,因为它的动作属性可操作性太少,正如我们设计UI的时候也不会直接用像素

给设计师的网页动画设计基础指南

文末相关链接中,会附上关于这12原则的相关文献。网页动画的实现方式很多,最常见的是使用Gif图,CSS,SVG,WebGL 以及视频。但是和动漫不同,网页中的动画可以是任何元素,小到下划线,大到背景和整个页面,它可以随着页面加载而出现,也可能是鼠标移动到某个位置上之后 被触发。和其他的设计手法相似,动画可以是非常微妙、触动人心的,也可以是开门见山、清晰直观的。所以,最重要的

设计干货收藏|UI动效的必备原则总结

[br]作为一枚不会敲代码的设计师,我们不太可能让自己的设计真正“活”起来。如果没有动效设计,那总是需要很长时间去给程序员解释点击这个按钮后会发生什么。所以设计师们需要通过动画版本高保真原型(包括动效设计)去解释交互效果。[br]目前的UI动效包括系统动效都在尝试从各种不同角度解释动效设计的作用。而很多开发团队根本就不重视这些细枝末节的东西,他们认为只要掌握好几本用户需求,