终极指南!超全面的UI动效基本规则总结

动画效果已经深入到如今的UI界面的每个角落。屏与屏之间的切换因为动效而显得更加连贯,交互的上下文逻辑也因为动效的加持而更加清晰。动效对于产品和用户而言,都是一个不可多得的重要组成部分。但是当我浏览相关的文章的时候,发现绝大多数的动效有关的文章,都仅仅只是针对特定的动效设计案例来进行分析和描述,少有文章真正系统地阐述动效应该遵循怎样的规则,符合什么样的特征。这篇文章当中,我不会讲述什么新颖的技巧或者前沿的趋势,但是我会将动效设计的主要原则和标准都汇集到一起,总结出来。 有了这

在iPhone的UI设计背后,是一场关于注意力的战争

iPhone 诞生之后,世界发生的变化是翻天覆地的。以电容触摸屏为交互中心的智能手机以难以想象的速度,成为了人类生活中不可分割的部分,人与人之间的连接因此而更加紧密,同时也更加疏远。从某种意义上来说,iPhone 的创造是开创性的,也是不可替代的。而我们也不约而同地发现,以iPhone 为标竿而创造的智能手机和数字化的交互界面,让我们处于一个时刻都会被分心的境地。 令人上瘾的数字内容,让我们一刻都离不开智能手机,从某种意义上,它彻底改变了我们的生活,工作,甚至思考的方式。现

比起设计和开发流程的选择,还有几个事情更重要

在 Sarah 给 Jimmy 讲完了她在设计上的一些原则之后,Jimmy 就准备开始重新设计那个客户等着要的新的仪表盘界面了。与此同时,他所在的公司 Shmuckle 准备设置一个新的产品经理的职位,并且将会在公司内部选择合适的人员来任职。Jimmy 对此非常有兴趣,实际上,在当前的架构下, Jimmy 是一个非常合适的候选人。但是要担任这个职位,他必须证明自己能够胜任这个职位,证明自己知道如何管理项目和团队。 对于他正在做的这个控制面板的设计项目,他也正在挑选合适的产出

想要产品被用户所接纳?这5个策略帮你获取信任

新技术带来的想象力非常令人期待的,无论是自动驾驶还是人工智能,它们都意味着我们能够从某些工作中解放出来。我们能走多远?如果真的放开了想,脑洞是没有极限的。可是真正的产品,并不只有技术这一个维度,还有许多品质是值得关注的。一款能够满足用户潜在需求的产品,是否会成功?这个答案太开放了。在一年前问我的时候,我也许会简单的从技术的层面去仔细分析可行性,但是随着做产品的深入,至少在我看来,产品本身是否能够让人信任,是否给用户以安全感,比起这种潜在可能性要重要太多了。 为什么?因为信任

产品用户体验很好可是数据不佳,问题出在哪里?

编者按:这篇文章来自 Any.do 的设计师,分享了一些关于UX设计和产品升级开发的故事。如果产品设计的提升并没有最终带来数据上的提升,那么产品团队将要如何看待这个问题。 当我们为 Any.do 做了重设计之后,第一次看后台数据的时候,我们说的第一句话是: “数据是不是出了什么问题?” 的确,在很多时候,后台的数据是会出现意料之外的问题的。但是这一次,情况并非如此。 在创业企业当中,有一个说法,就是90%的尝试都会失败。幸运的是,在 Any.do ,我们所碰到的比例比这个要

这3个设计趋势,在这个开学季正流行

通常每年进入下半年之后,设计趋势通常都会呈现出一种比较稳定的状态,不太会出现很独特的变化。不过,在具体的设计项目当中,仍然会有一些趋势,值得设计师注意。如果你最近手头上正好有正在推进的设计项目,而灵感不足,不妨参考一下这些趋势,看看有没有值得借鉴和使用的地方。 1. 精心定制的插画 作为设计当中最「设计师」的组成部分,插画本身有着强大的视觉吸引力。插画元素在网页和 APP设计项目当中并不少见,但是就目前来看,只有精心定制的插画会更加吸引用户的注意力。精心调制的细节,贴合语境的

进退失据的UI设计,到底需要什么做灵魂

小优同学其实已经毕业2年了,青春无敌的面庞依然留有一点学生时代的稚气,大概也是因为这份青春的气息加上积极向上乐于学习的态度,不知道从什么时候起,设计部门里的同事半调侃半赞赏地开始称呼她「小优同学」。 早在大三的时候,出于对 UI设计的热爱,小优同学已经开始用自己的 Macbook Pro 一边学习一边接私单,得益于此,寝室的姐妹也没少跟她一起去簋街敞开了吃小龙虾。 毕业季来临,小优同学放弃了并不那么热爱的本职专业,而是向着自己热爱的设计靠拢。得亏大学后2年的积累,小优同学被一

为什么使用动画视频来推广产品,是更有效的策略?

原创的动画视频能够积极地影响产品的用户体验,也能在营销过程中发挥重要的作用。在数字产品竞争如此之激烈的今天,有效地将自家的数字产品推广出去,从来都不是一件简单省心的事情。视频可以说是最为主动,也是用户消费成本最低的媒体内容之一,加上它本身所具备的强媒体属性和其中开阔的操作空间,使得越来越多的产品开始青睐使用视频来进行营销和宣传。那么为什么使用动画视频更有优势呢?今天的文章,从5个不同的角度,给你足够充足的理由。 在制定营销策略的时候,团队会综合考虑手头上所需要的素材。相应的文

灵感干货!20个视觉、体验和内容俱佳的优秀网页设计

设计的灵感来源多种多样,不仅仅要了解别人的视觉设计,而且需要仔细体验实际的效果。许多优秀的网页设计作品,不仅仅有着突出的排版设计,而且在动效、交互、体验上有着颇为值得学习的地方。如果你愿意仔细揣摩,还能在许多网站当中学到细节的处理技巧和内容组合的搭配策略。想比起零散地设计作品,这些来自著名设计机构的网站,在不同需求下诞生的网站产品,更有价值。 接下来,就在下面的20个网站中,尽情发掘你感兴趣的设计和内容吧! Epicurrence 这个网站是一个为创意工作者所举办的 Epi