参加10.15 Dribbble Meetup 总结 (上)

三个大的部分：动效、插画、字体

大植子

玩站酷、behance的人都应该知道的，他是非科班出生的后期自学UI的一名设计师。所以基于这样的背景，大植子讲的是兴趣和任务双重驱动自学的学习过程他提到了，自然主义和结构主义。我并不很理解这两个名词，通过整理我的理解是：兴趣驱使行动，当行动之后，我们更加需要切实的任务来改变效率。毕竟时间为王。而从大植子的学习过程中可以肯定他真的很勤勉。主要方向为：学习绘画和读书夯实设计理论基础。

1.提前“预习”

而在工作中让每件事情看起来简单的唯一方法是，预判你即将接手的工作提前准备。他根据所从事工作的属性提取相关关键词，完成整体收集整理工作建立自己的资源库。这样每接手一个新的项目时，只需要重复查看减少搜索资料的时间。而你的资料库是在闲暇之余实时更新的。

2.高质量输出

在解决了我们困扰的工作后任务多而繁杂之后，我们更为注重每个作品的质量。质量这个问题当然同我们的审美水准相关。建议为：寻找目标和硬性沟通。寻找目标，高标准寻找，近期目标具体制定。硬性沟通，我们需要提出自己需求给其他专业的人，通过不同思路来开拓自身视野，突破瓶颈。

3.尝试新事物

在一个领域里深挖，并不是一个重复机械性的运动。而是多多尝试相关工作，例如尝试用代码做一个动效，尝试用从未使用的工具绘画等等。新鲜事物给我们新鲜体验从而多方位的学习和思考。

包文奎JODAN7

动效可以做到：

1 不同视图之间的焦点引导。2 当用户完成了一个手势后，提示用户将会发生什么 3 明确元素之间的层级和空间关系 4 当程序在后台运行时，分散用户的注意力（例如获取内容或载入下一个视图）5 润色整个app：个性化、令人愉悦

信息整理：收集 — （细分）分类 — （规律）总结 — 实测 —（自我语言）提炼 — 落地

根据Meterail Design Motion 总结

1 快速反馈

相应时间短，运动时间：300-350ms  大：450-500ms 小：150-200ms WEB端，产品调性的一致，省略中间加载环节，例有缓入缓出动效，减少加载大小

2 符合自然运动规律

标准曲线-缓入缓出曲线  弧线动效  MOTION2

AE曲线-CSS曲线 FLOW  Lottle-Xcode

3 洞察其他元素

动效是可以被周围环境察觉的，包括用户和周围其他的元素。它可以被物体吸引，并且恰当的回应用户的意图。元素之间不可断裂。

4 明确的视觉引导

引导：转场动画引导用户

提示：运动可以传递不同的信号，例如，一个操作是否不可用

增强：动画能使用户关注特定对象

作为好的产品动效：完整感、内聚力。动效是由速度、响应性、和意向所统一的。在app中的任何自定义动效体验都应该贯穿整一个app。