动效

5 个小技巧,用动效提升界面的用户体验就这么简单

动效能讲述故事。和图片不同,动效能够呈现变化的过程,讲述一段简短而有趣的故事,能够同你进行对话:“嘿,你该看这个按钮了”或者“哦耶!你刚刚完成了一个操作!”不过,动效的目标并不是单纯的娱乐用户,而是帮助用户了解交互的效果和界面中发生的变化,让用户更为有效地使用你的APP。Zurb 有一句话很好的解释了这一点:“我们设计的不再仅仅只是静态的界面,实际上,我们所设计的是用户从界

想搞定移动端APP/网页设计,你起码要做好这些事情

编者按:当一个领域趋于成熟的时候,就会呈现出诸如“套路”这样的东西,它是用户和设计师/开发者在逐步磨合过程中产生的,约定俗成的一些规则。而在做移动端设计的时候,在考虑差异化设计之前,有一些最基本的事情要做好,今天我们就来聊聊这个~如果你曾仔细观察过近些年来那些优秀移动端产品的交互设计,会发现它们都拥有一个共性:它们在基本的功能和设计上的执行都相当的完美。它们从最基本的人类行

基础知识!聊聊交互设计三要素之细节设计

@黄红艺Designer :交互设计三部曲终于写到最后了,今天聊聊交互设计的最后一个要素 —— 交互细节设计。本要素是在前两个要素指导下的设计实践,也是交互设计可视化与形象化的关键。往期回顾:《基础知识!聊聊交互设计三要素之信息架构和流程设计》相对于前两个要素的完整性和系统性,第三个要素-交互细节设计,就显得琐碎和零散。根据交互设计由浅入深的渐进,交互细节可以分为布局、控件

超实用!6个方法帮你做出优秀的UI动态微交互

编者按:明确系统状态、让按钮和操控可触知、打造有意义的转场、强调界面的变化、增加愉悦的细节…… 今天腾讯设计师@月焱瞳 这篇译文,总结了6个做出细腻动态微交互的技巧,建议阅读。UI界面动效设计方法:先看看有意义的动效设计是啥样:《设计师的必备技能!你需要学会设计有意义的动效》再来学习腾讯设计师写的动效设计指南:《腾讯精品文!超多干货的UI界面动效设计指南》围观实战案例:《高

中文版来了!值得每个设计师收藏的《完美像素使用手册》之原理篇

这本纪念碑谷团队出品的《完美像素使用手册》,有设计师说是她见过的最全面,最毫无保留,最生动有趣的界面设计指南,而且不止是设计,还包括和程序员的合作经验,AI、PS的操作小技巧等等。现在终于有中文版了,强烈建议收藏阅读。关于设计指南,这里有一个绝对不能错过的:中文版来了!新版Material Design 官方动效指南中文版来了!新版MATERIAL DESIGN 官方动效指