动效

读了这篇文章，你可以知道动效的作用、设计原则、动效工具、制作方法、标注技巧等等，特别全面，强烈推荐收藏学习。

我们常常探讨用户体验，那么用户体验到底是什么？许多人认为，用户体验更多的是关乎产品的可用性（产品是如何运作的）。而实际上，用户体验远不止于一个“能用”的东西，它是关于用户的主观感受的。通过设计为可用的产品增添令人愉快的体验，同用户产生情感联系，这才是用户体验设计所要做的事情。个性是一种神秘的力量，它吸引一部分人，并且让我们与另外一部分人区分开来。

什么是合格靠谱的体验设计？在逻辑层讲一个通顺的故事。什么是触动人心的体验设计？在感官层唤起人的体感记忆。什么是经典不衰的体验设计？在知觉层建立起认同和反思。你的设计逻辑性和方法运用很强大，很擅长做工具型的产品设计，但在设计的创新性和情感体验上还需要进一步加强。任何游戏化的设计都必须认识到：外在奖励会显著降低玩家的内在动机。游戏化的经验很简单：不要盲目地将外在动机附着在内在动机上。

我习惯从层级的角度由高至低地排查各个交互层面可能存在的问题——首先是信息架构与流程这一最高层级，然后是界面的具体呈现，以及基于界面呈现的交互过程，最后才是以上自查中均未涵括的其他特殊情形。(1)确定当前阶段 → (2)阅读设备、数量、所属项目、请购人员、发起时间等基本信息 → (3)确定自己在本流程中的身份（因为部分场景下，当前用户的身份可能有多种可能性，需要用户再做确认）→ (4)在列表区阅读此前的流程历史，必要时可上下滑动或点击查看附件 → (5)确定当前步骤等待自己完成的是什么任务 → (6)执行该任务。

设计是拉开产品差异化的关键，而影响设计的因素是众多的，事物总是处在不停地发展变化中，比如蝴蝶效应，某个因素的改变就可能带来连锁反应。设计也是如此，需要顺应发展变化。

坦白来说，虽然我之前在项目里做过一些小动效尝试，但一直没有什么系统的方法和原则指导，大多在原型软件里凭「感觉」随意调调了事，而说不清楚为什么要做成这样。刚好最近有在和团队的小伙伴们一起进行动效设计的研究与实践，对动效设计的价值、原则和实现交付开始有了更多的了解，在本文中浅薄地总结一下。

复古一直在流行，这也是为什么过去许多设计趋势常常会沉寂若干年之后，又再次走到潮流的最前线。今天，我们要聊的是孟菲斯设计风（Memphis Design），这种设计风格充满了80年代的特征，明亮的色彩和多样的图形与线条充斥其间，它也是近年重归流行的设计风格之一。

今天我拿了一些美好设计的案例，跟大家分享，如何通过美学、诱惑和游戏等等手段来取悦用户，和用户谈一场甜蜜的恋爱。人们普遍倾向把认知放在情绪对立面。情绪被认为是热情、动物性和非理性的，而认知则是理性的。这真是无稽之谈！ 情绪乃是认知不可分割的必要组成部分。 我们所做所想的每一件事都受到情绪的影响，尽管在很多情况下是潜意识的。与此同时，我们的情绪会改变我们的思考方式，也会一直指引我们做出恰当的言谈举止，引导我们趋利避害。深泽直人设计的这款CD播放机，外型与”换气扇”非常相像，只要将CD放进去，拉一下垂下来的绳子，就可以开始播放CD。这个过程就好像打开换气扇一样。即使明明知道这是台CD播放机，但因为脑海里总是想着换气扇的形象。当我们凝视这台CD播放机时，身体就会产生相应的反应。特别是脸颊附近的皮肤，感觉似乎格外细腻和敏锐，简直就像等待吹过的风一样等待着播放出来的音乐。

设计不是美工，想成为优秀的设计师怎么能不懂点心理学？文章从认知心理学角度下手，分析了在交互设计过程中时常会犯得几种错误，一些平时稀松见惯的设计方式也都在这儿找到了比较理性的依据。设计是门科学，我们需要掌握一些方法论，以不变应万变。

文章分享了对话框及模态窗口、注册与登录页面、导航及菜单、滑动条和切换开关等UI设计实例，希望对大家有所启发。

蒙版引导一直是一个十分热门的话题，对于很多用户来讲经常会不彻底阅读甚至快速关闭来结束引导，这样便起不到很好的教育作用。甚至还有“在界面上添加这些并不会让你的产品变得更易用”的说法（观点引自文章“Misused mobile UX patterns”）。但我认为这种说法过于片面，对于一些流程复杂或者功能个性的产品应用，添加蒙版引导进行说明，是十分有必要的。

移动UI设计切图是UI设计师最重要的设计输出物，切图资源输出是否规范直接影响到工程师对设计效果的还原度。设计师的切图输出物是是体现一个设计师专业水准的重要标准，同时也是设计师表达自己对设计态度的最有力的语言。合适、精准的切图可以最大限度的还原设计图，起到事半功倍的效果。如何输出具有全局把控和细节专注的高段位切图，应该是所有设计师一直需要追求的能力。

今天，呆呆来给大家说说配色的问题，也算是用我这浅薄的经验，尽量教大家如何做好配色吧。

又迎来了崭新的一年，让我们来了解网页设计的发展趋势吧。“2016 年是对话式商务的元年。”“GIFs 是伟大的。它们无处不在。”

图标是设计项目中几乎必不可少的一个组成部分，但是在图标的具体使用上，讲究并不少。

随着技术的不断发展动效越来越多的被应用于实际的项目中。手机、网页等等媒介都在大范围应用，那么问题就来了，为什动效越来越吃香？它有哪些优势呢？

精细而恰当的动画效果可以传达状态，增强用户对于直接操纵的感知，通过视觉化的方式向用户呈现操作结果。

此文主要适读人群：梦想成为“全栈设计师”的你（偏向移动端产品）！当然设计都是相通的，即使你的职位是产品设计、交互设计、网页设计、平面设计也都不妨一看，相信你也可以有所收获！1、对app基础控件的认知
2、字体
3、配色
4、图标设计
5、标注与切图规范
6、排版的基础原则
7、简单的动效设计
8、走察规范
9、交互常识
10、项目文件管理
11、个人素材、资源库
12、开发常识
13、数据分析能力
14、产品常识
15、用研常识

手势是一种强大的交互模式吗？是的，移动设备已经从一块砖头发展成由手指驱动的复杂计算机了。触摸和手势交互具有很大的潜力，使得移动体验更加的轻松和有趣。