动效制作工具

目前有一些非常流行的动效设计工具，它们基于不同的技术，也有各自的特点。你可以从中选择你最喜欢的来使用。

一.Framer

Framer是一个基于Javascript的原型设计工具,并且它是一个开源项目。Framer有以下一些特点：支持手势、动效、状态、基于网页、容易实现、可在任何设备上浏览。如果你很精通Javascript，那么这个工具应该会适合你。

二.Principle

Principle

可能是所有动效工具中最简单易用的。你只需要设置屏幕A和屏幕B，Principle就能自动地产生这两个屏幕之间的过渡动效。当然，你也可以通过设置不同的时间和动效曲线，来调整动效。Principle是一个桌面应用，它的界面和Sketch非常像，另外，你可以方便地将Sketch中的设计直接拷贝到Principle中使用。

三.Flinto

Flinto和Principle一样，也非常简单易用。特别的是，它提供了一个[Skech插件]，能够直接将你Sketch中的Artbords和3D

transform导出到Flinto中。

四Origami

Origami是一款免费的Quartz

Composer的插件，Origami使QC的界面变得更加友好，更加适合进行移动App的界面设计。从2013年5月开始，Facebook的产品设计师们就开始开发这款QC插件。Origami的开发过程与Paper一同进行，随着Paper的功能越来越复杂，Origami也变得越来越强大，Paper上的每个动画效果都是由设计师首先在Origami上制作成型后，再由iOS工程师编写的。

五.AfterEffects

After

Effect简称称AE，是adobe公司开发的一个动效设计软件。对于那些不碰代码的纯设计师来说是非常理想的动画设计工具。在Dribbble上有很多使用AE制作的优秀动效作品。相比其他工具，AE是一个比较传统的工具，使用祯和层来定义动画。作为Adobe的产品，它的很多功能和Photoshop很像，但针对动效有很多附加功能。

UI设计作品集用到的软件有PPT、keynote、indesign、sketch、word、pages、photoshop等。主要涉及到演示工具、UI设计工具、图像处理工具等。

Keynote

是最方便的演示工具，图表功能齐全，而且方便向他人展示；其次Keynote导出的PDF体积小，兼容性更高，打开速度快，你的作品集能够得到更多的曝光机会。

Sketch

是一款为设计师量身定做的优美界面和强大工具兼有的专业绘图工具。使用简单，学习曲线低，功能易用，支持自动切图，并且具有移动设计模板，能够大大节省设计师的时间和工作量，非常适合进行网站设计、界面设计、移动应用设计、图标设计等；

Photoshop

简称PS，是一款强大的图片处理软件，作为UI设计软件中的神器，主要是去做界面、Banner、Appicon、切图等以静态视觉为核心的工作。有着强大的图片编辑和处理功能，可以实现各种效果及图形制作；

硬件型号：Apple Macbook Pro 13.3

系统版本：MacOS Big Sur11.0.1

软件版本：Sketch Mac版 V70.3

作品集需要如何准备？作品集中应该包含哪些内容？

简历可以让用人单位了解你的大致信息、工作经历、项目经历等，但是作品集可以反映UI设计师的设计水平以及能力。一个完整的作品集也和简历一样，应该有些基本内容，比如开头的介绍、结束语、至于中间最丰富的作品，它的展示也有顺序。你可以依据自己不同作品的质量、应聘岗位的业务方向，去调整作品集展示的顺序和展示比例。

一个完整的作品集应该包含开始的自我介绍、作品展示、结尾的感谢。

1、开头页

一个作品集的开头就已经开始展示一个UI设计师的能力了，整个作品集的开始部分界面风格尽量统一。有些设计师会用简单的图片作为作品集的第一页，如下图所示。

图片来源：阿多比学院学生作品

有些设计师喜欢开门见山，第一页就包含有自己作品的元素、以及后面展示的内容的目录。

图片来源：阿多比学院学生作品

一般来说在作品集的开头还应该包含简单的自我介绍，包括姓名、性别、年龄、毕业院校、联系方式、照片等，然后展示工作经历和技能，工作经历不用像简历中写得这么详细。

图片来源：阿多比学院学生作品

在自我介绍完成之后，可以有个作品集的目录页，让企业更加清晰的了解你作品展示的顺序，作品目录中需要包含改作品集中作品的内容以及顺序。

图片来源：阿多比学院学生作品

2、作品集内容

作品集的内容是整个作品集的核心，里面可以选取自己优秀的作品去详细展示。如果你有特别心仪的公司，为了增加你面试成功的概率，你可以依据公司的业务方向去调整自己作品集的内容和展示顺序。比如你应聘的公司是一个电商公司，你可以着重去展示自己电商设计的作品，将电商设计作品丰富化、或者有意识的放在前面展示。

作品集的作品数量不宜过多，因为内容过多，数量显得很繁杂，查看作品的人会找不到重点，找不到你的优势和亮点，所以作品集的作品一定要精，当作品数量不多的情况下一定要保证作品的质量。

3、结尾

在作品展示的最后，可以礼貌的表示感谢，提升企业对自己的友好度。注意结尾页的风格和开始的界面风格尽量保持一致哦。

图片来源：阿多比学院学生作品

作品集的内容是整个作品集的核心，作品集的内容就是作品的展示与介绍。通过作品的展示与介绍让企业了解你的设计思路与设计能力。

UI设计的作品肯定也是有分类的，比如移动端设计、网页设计、电商设计甚至有些设计师还做过平面设计。不同的设计内容其展示的方式也有差别，那我们先拿一个移动APP的部分作品集内容去聊聊，设计作品我们可以怎样展示？

一个好的产品不仅要有美观的界面，还要能最大限度提升用户操作的效率，通过色调影响用户的操作习惯，用颜色或图形明确产品功能和产品内容的主次展示，降低用户操作负担。所以为了让企业更清晰的了解你的设计思路，你可以选择依据设计流程去展示自己的作品。

一般来说，UI设计师会参与需求评审、理解PRD，用户调研、情绪板梳理等过程，主要目的让UI设计更了解产品，设计出更符合目标用户的操作界面。我们都可以将我们参与的过程表现在作品集里，而不单单只是展示作品。

图片来源：阿多比学院学生作品

以上选取的音乐APP作品集的展示内容依次为：封面、设计理念、需求分析、竞品分析、设计准则、设计思路、信息架构、颜色\字体规范、图标设计、页面设计，在所有的设计中可以详细讲解设计思路。

产品定位：

简单介绍项目背景、产品定位可以让企业去判断你的设计符合你的产品需求。产品定位之后会有用户画像、竞品分析、设计理念等的展示。

图片来源：阿多比学院学生作品

展示设计思路和产品的信息架构：

依据需求整理出设计思路、产品的功能架构、输出原型设计，这样可以更直观的向企业展示产品设计思路与产品架构。

图片来源：阿多比学院学生作品

图片来源：阿多比学院学生作品

制定设计规范：

规范制定的展示侧面展示了UI设计师设计规范、色彩运用的设计基础技能。

图片来源：阿多比学院学生作品

展示产品图标设计：

图片来源：阿多比学院学生作品

页面设计：

页面设计的展示，可以拆分页面的功能模块去详细讲解，让企业明白你的设计思路。

图片来源：阿多比学院学生作品

图片来源：阿多比学院学生作品

图片来源：阿多比学院学生作品

当然除了依据流程去展示，我们也可以直接展示、分类展示。比如网页设计可以分为企业官网、电商站、后台、专题页等，平面可以分为VI、LOGO等。展示的方式多种多样，但是展示顺序一定要流畅且有序。

图片来源：阿多比学院学生作品网页

1、作品集最好打包成PDF，页数控制到50~100页。

2、投递简历一定要附上作品集，最好可以有个作品集链接，方面查看，作品集的压缩包名字一定要有姓名。

3、如果作品集已经是上线项目，可以给面试官直接展示。

4、作品集中可以展示自己学习的作品，比如手绘、临摹，这样可以侧面反映自己的学习能力和持续提升的态度，但是注意作品一定要优秀。

5、如果实际项目不多，也可以选取一个自己想要优化的产品，去深入优化产品界面形成自己的作品集。

转载请注明：片头模版 » ui作品集用什么做(ui设计作品集用什么软件做)