标签:交互动画

设计理论

新技能!教你使用转场动画提升用户体验

6

新技能!教你使用转场动画提升用户体验

@陈子木 的确,相比于绘制插画、创作专题页面、设计UI这些富有创造性的设计活动而言,设计表单样式似乎确实是一件单调而苦逼的差事。但仔细想想,如果你设计的表单是支付流程中最重要的环节,那么情况就又不一样了,因为它将是用户选择你和你的企业的起点,也是用户信任的明证。所以这个环节的用户...

阅读(5617)评论(0)

设计理论

大量实例!高手们常用的六种图标动效设计思路

23

大量实例!高手们常用的六种图标动效设计思路

动效未来将非常的火爆!信不信由你!反正小美是信了! 那如何做出有意思有趣的动画设计?今天动效大神 @正越升 以图标动效为例,把高手常用的6种动效设计思路都总结出来,非常值得收藏的干货。 现在越来越多手机应用和web应用都开始注重动效的设计,恰到好处的动效可以给用户带来愉悦的交互体...

阅读(15781)评论(0)

设计理论

小而美的交互细节

9

小而美的交互细节

有些网站无论在内容,可用性,设计或者功能等方面胜人一筹,其取胜之道在于交互和动效的细节上。在这里通过各种模型和大家分享一些案例,并分析为什么这些简单的方式能产生让人难忘的效果。 我们常常会用Photoshop和Sketch这一类软件来设计数字产品。大多数在这个行业工作过几年的人都...

阅读(11848)评论(0)

设计理论

动效之美 – APP设计的肢体语言

8

动效之美 – APP设计的肢体语言

引言:如果把APP比作一位美女,那么icon是她的证件照,界面是她的形体,而动效则是她的肢体语言。 在如今玲琅满目的App中,如何脱颖而出?设计师要考虑的,不光是产品如何更合理的展现结构与功能,更重要的是思考自己的App是否能做到简便易懂的同时,又给用户新颖感?此时,有限的屏幕空...

阅读(10925)评论(0)

设计理论

从注意力维度谈动效设计

7

从注意力维度谈动效设计

近年来,随着ios和android系统对于动效设计的带动效应,多数产品对于动效设计也越来越重视,从app引导页到动作反馈,从官网介绍到hover效果,动效设计似乎已经成为一个成功产品的标配。但是动效也不是越绚丽越好,过于绚丽的动效对于我们的设计目标来说也许会适得其反,用户可能只关...

阅读(12315)评论(0)

工作经验

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

19

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

随着软件与终端的发展,如今的用户体验设计中动效的作用正变得越发重要,也有越来越多的设计师开始尝试让自己的作品“动”起来。但在实际工作中,相信大家常会有这样的疑问:怎样才能将自己精心设计的动态效果,准确的传达给工程师,避免实现的偏差呢?下面我想根据自己的经验,抛砖引玉,和大家聊一下...

阅读(14986)评论(0)

设计理论

用户体验中巧妙的过场动画

10

用户体验中巧妙的过场动画

(Adrian Zumbrunnen著     Judithzhu & Lynnwang译    查看原文   转载请注明出处MXD) 一些网页优于其他网页,不仅仅是因为它们的内容、可用程度、设计或是特色等等。现代网页间根本的区别在于它们交互及动画细节。我们将分享一些从各...

阅读(12889)评论(0)

设计理论

如何成为更好的交互设计师?那就了解下这四条建议!

7

如何成为更好的交互设计师?那就了解下这四条建议!

注:作者是一名交互设计师 很多设计师只想去“设计”,“管好这一亩三分地,其他与我无关” 视觉设计师喜欢反复熟练各种工具、沉溺于光影之间。喜欢摄影、漫画,不放过生活中的每个瞬间,希望能够找到设计的灵感。 而交互设计师却喜欢玩各种移动设备、用思维导图整理思路,用Omnigraffle...

阅读(14481)评论(0)

photoshop学习教程

photoshop打造超棒GIF动画的7个秘诀

9

photoshop打造超棒GIF动画的7个秘诀

在InVision,GIF可不是消磨时间的玩意——它们在市场和教育方面扮演着强有力的角色。更有甚者,我们在首页上用的就是GIF,而不是基于代码的炫酷动画。 实际上,人们开始询问,“那些GIF你们怎么做出来的?”是时候透露一下秘密了。 设计GIF 1. 秘密武器 这就是我不可告人的...

阅读(19198)评论(0)