ui作品集模板（ui作品集模板去哪找）

qiaoqingyi 2023-03-10 579

默认

今天给各位分享ui作品集模板的知识，其中也会对ui作品集模板去哪找进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

1、UI设计师如何制作个人作品集
2、UI设计要怎么自学？
3、UI设计新手如何整理作品集
4、ui面试作品集怎么做
5、ui设计作品集里的动效怎么做的
6、UI设计师应聘时给HR发作品集应该用什么格式

UI设计师如何制作个人作品集

作品集设计注意事项：

1、展示你最好的作品，而不是全部

“数量不是决定作品质量的关键，通常当我们觉得自己的设计作品不理想时，我们倾向于展示大量相同的解决方案，然而这样会导致我们的作品看起来很一般甚至相当低端。

2. 展示与你想就职工作相关的作品

“你的作品展示了你作为设计师和从事的专业方向。如果你在一个确定的设计领域拥有特殊的兴趣，例如企划美编设计，这就需要你专注于自己的作品。如果你展示的项目特色是网页设计，品牌设计和包装设计，你几乎不可能得到一个企划美编设计的工作。

3. 不要仅依靠于个人项目

自创项目特别适合探索和练习，但是回到你的个人作品集，应当尽量多的去展示真实项目。源码时代告诉你一个真实的项目意味着你必须调整确定的参数以及考虑到产能的限制。你在处理一个客户端时，通过修改更正的过程，从而证明你的选择是正确的。

4. 仅仅完成工作是不够的——还要考虑怎样展示它

精美展示一个普通的设计方案可以使作品达到一个更高层次，反之，一个惊艳的作品通过拙劣的展示方案会大大降低作品的影响力和价值。

UI设计要怎么自学？

很多想要自学UI设计的小伙伴，苦于没有好的学习计划、课程大纲，学习效果很不好，花了时间也没有将自己的知识体系建设全面。那自学UI设计到底应该如何学习呢？

在讲学习流程之前，我们先来来简单介绍一下什么是UI设计以及UI设计的前景如何。因为只有你了解了UI设计之后，你才知道自己是否对其感兴趣，是否是真的愿意花时间和精力去学习。

一、UI设计

UI（User Interface），中文名“用户界面”。Ps：（百度解释）UI是指对软件的人机交互、操作逻辑、界面美观的整体设计。

那互联网的这波浪，无论前浪，还是后浪都从未消停过。你经常看到“互联网+”这样的组合，通俗解释“互联网+”就是“互联网+各个传统行业”，但这并不是简单的两者相加，而是利用信息通信技术以及互联网平台，让互联网与传统行业进行深度融合，创造新的发展生态。

在这其中，又与UI有什么紧密联系呢？

把传统行业放到互联网上，肯定需要用一个界面来展示，哪怕只是一个简单的网页，而每一个互联网下的产品无论是PC端还是移动端，无论传统行业还是非传统行业，最终呈现都要以UI界面为依托，供用户使用查看。这其中又不仅要视觉产出，还要好的交互和用户体验。

举个例子，说说我们平常不太关注的来电接听这回事。

苹果手机在不锁屏的状态下，来电显示时，接电话在右边显示绿色，挂电话在左边显示红色。一般情况下右手拿电话，大拇指操作，绿色是接听电话，这是我们的常规操作，使用频率很高，所以在右边离大拇指更近，而挂电话频率不高所以在左边远一些。从色彩体验上分析，红色也有警示警告的作用，

但如果红色按键和绿色按键换个位置，其实并不会影响视觉，但却不是一个好体验，可能随时都会有挂电话的误操作。

UI无处不体现在我们生活之中，无论大小，它都存在于你所看到的，你所触碰到的体验里。所以UI不单纯是美工，还要考虑到视觉效果和用户体验。而用户是很挑剔的，对视觉的需求和对体验的需求都在不断的发生变化和提高。所以这也造就了UI设计师这种不需要敲代码，但仍然可以拿高薪的互联网岗位。

二、UI设计学习计划

很多小伙伴没有严格的学习计划，导致于自学周期被自己拖得很长，所以自学UI设计，一定要制定适合自己的学习计划，严格按照学习计划去完成学习目标，才能获得最终的胜利。那每个人的学习能力和技能掌握情况不同，在这里分享一个零基础全天候以周划分的学习计划。希望你可以针对自己的情况，参考此计划为自己的量身打造UI设计自学计划。

越简单的元素搭配，就越考察一个设计师的基础功，如果没有过硬的技术和扎实的基本功，就难以准确地传达产品自身调性和营销卖点。

我们都知道创意思维对于设计师的重要性，却也不能忽略基本功对于设计师的必要性。只有坚持不断的负重训练，扎实美术功底，才能在日后的商业实战中轻松驾驭各种风格。

第一周：手绘

手绘的重点主要是培养学员的形体结构，光感、空间的关系，这算是一个审美培养的启蒙，时下最流行的矢量插画就和手绘密切相关。

第二、三周：PS、AI基础软件的学习

从零开始学习软件，需要用实际的案例去学习，这样更加容易上手，并且UI设计的学习并不是只是简单的学习软件工具，很多在人都以为UI设计只要会了PS、AI等就可以了，其实让通过实际的案例去了解设计背后的意义即设计思维、创意理解，才是更为重要的目的。

但是只学思维也不行，我们也要加强设计的基本功，对软件完全的精通掌握，这是必须的。

第四、五周:平面构成、Logo

图片来源：阿多比设计学院学员作品

掌握平面设计中点、线、面，加以延伸到到Logo设计，Logo一方面是包括图形另一方面是包括字体，所以了解文字结构是非常基础的，以及如果这一阶段学的非常好，接Logo私单，价格高到不敢相信。

并且logo品牌部分学习中，要会从Logo的形式、气质、基础属性、思维方式、以及标准制图等去深入学习。一个简单的图形通过形式的变形而演变出千变万化的造型，如此多的变化还怕设计不出Logo吗？

举例：从形入手，一个圆可变实心的圆、可变空心的、可变半圆的还可变椭圆、半圆，那是不是就能联想到鸡蛋、煎蛋、荷包蛋、帽子、水杯呢？

第六周：品牌Logo定稿以及VI手册设计

图片来源：阿多比设计学院学员作品

这一周其重点是甲方思维思考设计，对，就是那个烦人的甲方爸爸，需要学习换位思考。

整个第一阶段的学习内容都是非常基础的，目的是培养设计思维，正所谓懂用户所想，还不能设计出好产品？

第七周：响应式网站、一屏式网站

图片来源:阿多比设计学院学生作品

从案例来讲述网页设计的构成、颜色、字体、功能、按钮以及设计规范、排版规范。

第八周：后台数据

除了后台设计，更多的是后台的数据统计处理，如何做到简单化、明了化。

第九周：电商设计

图片来源：阿多比设计学院学员作品

电商平台首页设计，每一个月各大购物平台都会有全站式的活动，活动主题都不一样，所以其实电商设计的人才缺口是非常大的。

第十周：淘宝平台详情页、后台

图片来源：阿多比设计学院学员作品

这一部分是可以自己去申请淘宝店、上架产品，任何学习都没有直接上手来得快。实操实练，自己去体会各大平台的规范，才会了解得更加清楚。

第十一周:C4D、Banner

图片来源：阿多比设计学院学员作品

进入3D训练啦，丰富视觉效果，提高就业竞争能力，多会一门技术，就多一些可能，这也是我们要为什么不断学习提升自己的原因。

第二阶段，更多的是网页的设计训练，重点掌握企业站界面设计规范和输出规范，且能够根据企业真实需求设计页面。

第十二周：用户体验、竞品分析、原型图

图片来源：阿多比设计学院学员作品

本周开始设计APP，通过数据分析来做竞品分析，使用Axure来绘制APP的原型图。

第十三周：图标

图片来源：阿多比设计学院学员作品

有意思的图标也是完整APP设计的重要一环。

第十四周：界面、胶囊

图片来源：阿多比设计学院学员作品

通过标志性APP来讲弹窗页、闪动页。

第十五周：界面设计

继续完成APP，并学会切图、命名、标注、打包、交接（前端小哥哥、小姐姐打不打就看这周的学习内容了）

第十六周：运营界面

营销推广性的用户思维培养，把握用户的痛点提升整体运营界面，达到营销推广的目的。这一般都是通过突然跳出来的弹窗、闪屏等，比如促销性质的页面，增加了视觉感染力，促进了用户的点击。

第十七周：交互动效

图片来源：阿多比设计学院学员作品

学好AE动效会非常加分，因为它可以准确的传达出你的思路，演示你想要的表达的效果。这必将成为UI的流行趋势，不想要被市场淘汰，一定要继续学习啊！

这一个阶段，可以尝试着手设计属于自己的APP，你可以选择自己喜欢的主题，没有局限性，这可以成为零基础转行的你的作品集内容哦。

第十八周：前端

大家都知道与UI设计师密切合作的是前端，那作为一个UI设计师，只有懂了前端，这样才会合作得更好，提升工作的效率。我们可以学习HTML5，学习CSS3等。

虽然是以周划分，安排得满满当当，这样学习流程适合大多数零基础的小伙伴，每周的内容如果学习的不扎实，可以适当停留脚步，因为每个人的学习能力不同，学习掌握情况不同。一定要将知识学扎实，一步一个脚印的往前走，才能真正将UI设计知识掌握牢靠。

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

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

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

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

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

二、给作品制造亮点

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

三、其他细节

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

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

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

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

ui面试作品集怎么做

众所周知设计师的面试分两个部分，一个是作品集，一个是面试过程。作品集是敲门砖，也是面试过程中贯穿全程的内容，如果你的作品集只有70分，那么你可以通过面试让自己达到90分，才可以走进心仪的公司。当然，首要目的是，你的作品集必须过各个公司招人的及格线，才会有面试机会。

对于UI设计师而言，作品集非常重要，它是衡量一个设计师水平和工作能力的重要指标之一，所以作为一名UI设计师，在日常工作中一定要注意整理收集自己的作品集。所谓作品集，并不仅仅只是“作品的合集”，它更是一门展示的艺术。你需要在短时间内全面地展示自己的能力，让“观众”对你感兴趣并认可你的能力，最终按下“通过”键。

作品集里放哪些作品？怎么放？

作品集内的作品的选择，整体原则是“择优录取，宁缺毋滥”。挑选你最好的作品（通常也是你最擅长项目）放在作品集的最前面。这部分的作品一定要足够出彩，因为这将是你给予“观众”的第一印象。第一印象往往能够起到决定性作品，如果你能够在这个阶段就抓住“观众”的眼球，那你就成功了一大半了。反之，如果前面的作品不够出彩，则很有可能导致作品集被直接关闭，最终失去后续的展示机会。

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很像，

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