动画

Axure RP 9教程:制作简单的跳动效果

工作中发现,在原型设计当中,偶尔需要做一些简单的动画效果。毕竟动态相较于静态,往往更加引人注目。就好比电商页面当中,抢红包的悬浮球常常也是动态展示。那么,今天就

React Native每日坑

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

5个2016年UI/UX设计趋势

随着“响应式Web设计”以及“Google提升移动友好性设计” 持续升温,在过去的一年开始流行的一些UI/UX设计趋势,将会在新的一年里继续流行下去。鉴于此,我总结了一下在2016年仍会持续大热的一些UI/UX设计趋势。动画动画的使用效果是提升用户体验并且彰显网站/应用的个性,但是要把握好动画如何表达和何时使用动画,俩者之间的平衡是很难去区分的。千万不要为了要有动画而做动画

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

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

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

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

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

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

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

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

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

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

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

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

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

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