动效

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

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

2016年网页设计领域11个流行趋势预测

来自 Medium 的设计师在这篇文章中预测了2016年最值得关注的设计趋势,而老牌设计博客Designmodo 对此也有自己的看法。新的技术和新的设计趋势会在2016年逐一涌现,但是总体上来说,它依然会沿着2015的大趋势来逐步演变。可以预见到的是,2016年会有更多的网站使用视频背景,更多基于Material Design 风格的界面设计,幻灯片式的界面切换也会继续火热

转场动效的 5 个核心规则

本文作者通过大量的案例分析和过来人的经验,总结了优秀转场动效的5个核心的规则。enjoy~转场动效在UI界面中所起到的作用无疑是显著的。相比于静态的界面,动态的转场动效更符合人类的自然认知体系,有效地降低了用户的认知负载,屏幕上元素的变化过程,前后界面的变化逻辑,以及层次结构之间的变化关系,都在动效的加持之下,变得更加清晰自然。从这个角度上来说,动效不仅是界面的重要支持元素

小支点撬动大价值:论微动效创新如何为B类产品赋能

本文将介绍一套动效创新方法。以B类产品为例,讲解如何分步骤的剖析B类产品设计过程中所产生的问题,接着运用动效创新解决产品问题,最终产生设计价值(如产品用户体验及关键数据的提升)。B类产品设计过程中会遇到各种各样的问题,不同问题有不同的解法。有的问题不适合用动效去解决,盲目无意义的动效不仅浪费设计师及开发成本,更会降低产品性能、分散用户操作注意力等。然而有些问题则用动效解决更

动效丨七何分析法帮你全面分析界面动效

@十圆QCee :以前在团队内部做过一个关于动效的分享,当时,是从现实参照、功能性、品牌,等维度进行分析。这次为了更全面的了解界面动效,我参考了5W2H分析法。5W2H又称七何分析法,分别是:What、Why、Who、When、Where、How、How much。WHAT什么是界面动效?大家对其的理解大致是,用户界面上所有运动的效果,也可以视其为界面设计(UI desig

有法可依!帮你衡量一个动效是否合格的六个核心因素

一个功能完备的动效不仅要足够微妙有趣,而且应当清晰且具有合乎逻辑的目的。动效的存在不仅降低了用户的认知负荷,沟通不同的环节,建立更为有效的信息和交互流程。但是更为重要的是,真正优秀的动效能让界面变得栩栩如生。通过让元素在形态上进行叠加、分割、延伸、形变,动效让界面给人以更为真实、更加“物理”的质感。流畅顺滑的动效帮用户联通起上下文,阐释界面元素之间的关系,强化UI的层次感,

APP UI 动效设计中六个基本原则与最高原则

app动效设计,现在已是各位APP设计师学习和临摹的方向。大家也会收集一些好看的APP动效设计作品。学习app动效设计,不是盲目的让界面动起来那么简单,一定不能滥用。要学会克制。在优设网当中的一篇文章给我们阐述了 UI设计师必须知道的UI动态设计规则。也就是APP动效设计的六个基本原则。下面我们先看下一组值得学习的按钮、开关、滑块等控件的动效欣赏,希望能给你设计带来新鲜灵动

项目中UX设计1到2的优化总结

本文总结了做一个设计与用户体验的提升,如何从1过渡到2。enjoy~一般UX设计师刚到一家新公司会遇到2种情况:公司的产品视觉构架包括规范以及到设计团队建设都非常完备,产品体验从第一眼看过去就很棒,可优化的地方屈指可数。与第一种情况完全相反。那么,我们从第二种比较糟糕的情况开始总结该如何从1过渡到2,做一个设计与用户体验的提升。一. 基础问题梳理是不是时常有面试官喜欢问这样

作为体验或界面设计师,你可知什么时候、什么地方用动效来提升可用性?”

本文将表述我对这个问题的回答——“作为体验或界面设计师,如何得知什么时候、什么地方用动效来提升可用性?”过去的5年中,我通过自己的工作坊和课程,在四十多个国家,为几百个顶尖品牌提供了体验和界面的设计指导。研究了15年的界面动效后,我总结出了12个使用动效提升产品体验可用性的机会点,我将其称之为“十二条动效体验原则”。这些原则能够以无限的创新方式互相堆叠组合。我将这篇“宣言”