本篇文章给大家谈谈ui设计作品集，以及ui设计作品对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

• 1、ui设计师作品集怎么做
• 2、ui设计作品集里的动效怎么做的
• 3、ui设计师面试需要准备哪些作品
• 4、ui设计面试作品集非商用可以吗
• 5、UI设计师应聘时给HR发作品集应该用什么格式
• 6、UI设计新手如何整理作品集

ui设计师作品集怎么做

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

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

一、作品集基础内容

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

1、开头页

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

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

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

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

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

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

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

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

2、作品集内容

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

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

3、结尾

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

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

二、作品集-作品

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

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

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

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

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

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

产品定位：

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

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

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

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

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

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

 制定设计规范：

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

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

展示产品图标设计：   

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

页面设计：

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

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

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

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

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

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

三、其他注意事项

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

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

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

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

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

ui设计作品集里的动效怎么做的

动效制作工具

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

一.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工程师编写的。

五.After Effects

After

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

但针对动效有很多附加功能。可以上绘学霸上看教程学习

ui设计师面试需要准备哪些作品

关于这个问题，可能是很多UI设计师关注的问题。

特别是那些准备转行，跨行业或者从其他设计领域转过来的人，没有UI设计面试经验的人。

那么到底如何准备面试，才能让自己通过率高成功拿到offer呢？（我不是大神，但是希望对初次参加UI面试的人一些建议。）

我将这个分两部分描述。

第一部分是面试前----简历部分。

众所周知，找工作的第一步骤就是发简历，然后hr会通过筛选简历，才能决定是否给你面试的机会。所以简历很重要。可能跟你的学历，毕业学校，之前的工作经验有很大的关系。

除了这些以外，对于设计师来说，最重要的就是作品集了。如果你没有漂亮的学历，没有太多相关的工作经验，那么作品集更是重中之重了。

一般设计师的作品集包含的内容很多，我当时放了很多作品在上面。

一般手机app的界面用瀑布流的形式来包装，可以参考各大设计网站的里面有很多界面都是包装完的。这个包装很重要。我的一个朋友就是作品一般，但是对于瀑布流的包装很有feel，结果就找了个不错的工作。

如果有网页或者ipad的作品，也可以用瀑布流包装出来。如果有主题设计，同样可用瀑布流。

我在作品集中一共放了，5套app界面，2套网站设计的界面，1套主题设计，2套表情，2张banner，2张插画，1张实物写真，1套线性图标。

这些作品我都传到了lofter上，到时将网址放在了简历中，然后hr点击网址就可以直接查看我的作品集了。（就像前几个大神说的，作为一个合格的UI设计师，没有on-line portfolio是很不专业的，）

我的最大的特色还用了keynote做了一个视频，用视频的形式展示我的所有作品。给人耳目一新的感觉。起码能让hr印象深刻一些。

所以简历中，将作品好好包装真的很重要。放在网上的个人展示，也要注意排版，你可是专业的设计师啊。

第二部分是面试中----面试过程

如果你通过了简历，顺利到了面试，那么恭喜你，至少hr对你的作品还是很肯定的。

我个人认为，面试的过程真心很重要。可能你的作品非常好，但是你不善于表达，也可能找不到跟你作品匹配的工作。比如你的作品价值9000的工作，但是你不会表达，那你可能仅仅找到7000的工作。

我个人的经验就是多准备，多锻炼。

我在没有做设计之前，做过很多工作。几乎只要我去面试了，都能通过。无论是全国五百强，还是那种民营的小公司，好像只有一家没有通过，也是自己准备不充分，

所谓多准备，就是在你没去面试这家公司前，要尽量的多查询这个公司的资料和信息，看看一般都都会问到什么问题。我一般面试一个公司就会列出个20个左右他可能问到的问题，然后到面试过程的时候不会慌。因为你准备了问题的答案，即使他问的不是这个问题，只要挨边，你也可以尽量往上套。其实很多面试的人，在问出你问题后，他就开始头脑跑偏了，不一定能够认真听的你的回答，而是通过你回答问题的反应来判断。所以充足的准备很重要。

所谓多锻炼，就是可能有的人天生比较内向，不太会说，遇到面试官会紧张，这样的话就是需要多锻炼。不要在乎结果，就是锻炼怎么沟通，怎样跟面试官交谈，面试的多了，就会不紧张了。

作品集和面试的状态都非常重要。希望大家都可以通过面试，最好一次就过，拿到高薪

我这边有一套学习UI整理的资料、课程和UI设计作品，要嘛？

ui设计面试作品集非商用可以吗

ui设计面试作品集可以非商用。自己设置的UI作品拿去做面试用，非商用是没有问题的，若是商用用途，要提前和相关公司或者人员说明情况。作品集是设计师获得面试机会的敲门砖，通常去面试都会要求面试者提供作品集。

UI设计师应聘时给HR发作品集应该用什么格式

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

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

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

UI设计新手如何整理作品集

给大家分享几点完善作品集方面的小技巧：

一、作品要少而精，以商业性作品为主

一些UI设计师在准备简历的时候，常常会在简历中放很多作品，这是个错误的方式。作品要少而精，一定不要为了证明自己做过很多东西，就把所有的作品都往简历里面放，因为面试官没有时间也不会愿意去浏览你所有的作品。一些不好的或者普通的作品不仅不会加分，反而会拉低你整个作品集的水平。被选入作品集的作品，一定要是你自己认可的、足以证明你实力的作品，这样才能打动面试官。

另外，我们在实际工作中所做的设计大多数都是商业设计，面试官需要的也是一个有实战经验，懂得市场和客户需求的UI设计师。所以我们的作品集呈现出的东西，要具备商业特质，简单直白、有商业信息、可执行、易传播。当然，除了商业性作品，一些优秀的飞机稿也能为你的作品集加分，但是比重要控制好，差不多在20%-30%左右。

二、给作品制造亮点

在一个作品集里，想要每一件作品都很优秀、吸人眼球显然是不太可能的，也没有必要去追求每一件作品都完美，我们要做的是去制造亮点。比如在简历中加入插画作品、用3D软件设计的作品、动画作品、视频作品等等，这些都是设计公司目前比较重视的技能。如果以上技能都没有，也没关系，因为很多时候，打动面试官的只是一两件亮眼的作品。你的毕业设计、参与过的优秀案例、获奖作品经过加工后都可以作为亮点来展示。

三、其他细节

除了上述两点，还有一些细节方面的问题也值得我们去注意，说几个简单的方面：

①排版要简单整洁，使整个作品集更易读，不会让人觉得冗长乏味；②分类罗列作品，增强作品集可读性；

③有针对性地投递简历，不同的公司偏重的业务不一样，对设计师的要求也不一样，尽量找与自己经验对口的公司，以及在作品集中加入符合对应公司需求的作品，这样求职成功的几率会大很多。

我们在完善自己作品集的时候，一定要懂得取舍、注意细节，一定要有足够优秀的内容去突出你自己能力，吸引面试官的眼球。请记住，一份好的作品集，一定可以帮助我们获得更好的资源！

ui设计作品集的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于ui设计作品、ui设计作品集的信息别忘了在本站进行查找喔。