当前位置：首页 > 技能培训 > 正文

ui设计作品集展示模板,UI设计师如何制作个人作品集

技能培训 · Sep 23, 2023

本文目录一览：

如何制作插画作品集？ui设计师作品集怎么做

ui设计师作品集怎么做作品集需要如何准备？作品集中应该包含哪些内容？你可以依据自己不同作品的质量、应聘岗位的业务方向，去调整作品集展示的顺序和展示比例。一、作品集基础内容一个完整的作品集应该包含开始的自我介绍、作品展示、结尾的感谢。
1、开头页一个作品集的开头就已经开始展示一个UI设计师的能力了，整个作品集的开始部分界面风格尽量统一。有些设计师会用简单的图片作为作品集的第一页，如下图所示。
图片来源：阿多比学院学生作品
有些设计师喜欢开门见山，第一页就包含有自己作品的元素、以及后面展示的内容的目录。
图片来源：阿多比学院学生作品
一般来说在作品集的开头还应该包含简单的自我介绍，包括姓名、性别、年龄、毕业院校、联系方式、照片等，然后展示工作经历和技能，工作经历不用像简历中写得这么详细。
图片来源：阿多比学院学生作品
在自我介绍完成之后，可以有个作品集的目录页，让企业更加清晰的了解你作品展示的顺序，作品目录中需要包含改作品集中作品的内容以及顺序。
图片来源：阿多比学院学生作品
2、作品集内容作品集的内容是整个作品集的核心，里面可以选取自己优秀的作品去详细展示。如果你有特别心仪的公司，为了增加你面试成功的概率，你可以依据公司的业务方向去调整自己作品集的内容和展示顺序。比如你应聘的公司是一个电商公司，你可以着重去展示自己电商设计的作品，将电商设计作品丰富化、或者有意识的放在前面展示。
作品集的作品一定要精，当作品数量不多的情况下一定要保证作品的质量。3、结尾在作品展示的最后，可以礼貌的表示感谢，提升企业对自己的友好度。注意结尾页的风格和开始的界面风格尽量保持一致哦。
图片来源：阿多比学院学生作品
二、作品集-作品
作品集的内容是整个作品集的核心，作品集的内容就是作品的展示与介绍。通过作品的展示与介绍让企业了解你的设计思路与设计能力。
UI设计的作品肯定也是有分类的，比如移动端设计、网页设计、电商设计甚至有些设计师还做过平面设计。不同的设计内容其展示的方式也有差别，那我们先拿一个移动APP的部分作品集内容去聊聊，设计作品我们可以怎样展示？
一个好的产品不仅要有美观的界面，还要能最大限度提升用户操作的效率，通过色调影响用户的操作习惯，用颜色或图形明确产品功能和产品内容的主次展示，降低用户操作负担。所以为了让企业更清晰的了解你的设计思路，你可以选择依据设计流程去展示自己的作品。
一般来说，UI设计师会参与需求评审、理解PRD，用户调研、情绪板梳理等过程，主要目的让UI设计更了解产品，设计出更符合目标用户的操作界面。我们都可以将我们参与的过程表现在作品集里，而不单单只是展示作品。
图片来源：阿多比学院学生作品
以上选取的音乐APP作品集的展示内容依次为：封面、设计理念、需求分析、竞品分析、设计准则、设计思路、信息架构、颜色\字体规范、图标设计、页面设计，在所有的设计中可以详细讲解设计思路。
产品定位：简单介绍项目背景、产品定位可以让企业去判断你的设计符合你的产品需求。产品定位之后会有用户画像、竞品分析、设计理念等的展示。
图片来源：阿多比学院学生作品
展示设计思路和产品的信息架构：
依据需求整理出设计思路、产品的功能架构、输出原型设计，这样可以更直观的向企业展示产品设计思路与产品架构。
图片来源：阿多比学院学生作品
图片来源：阿多比学院学生作品
制定设计规范：规范制定的展示侧面展示了UI设计师设计规范、色彩运用的设计基础技能。
图片来源：阿多比学院学生作品
展示产品图标设计：图片来源：阿多比学院学生作品
页面设计：页面设计的展示，可以拆分页面的功能模块去详细讲解，让企业明白你的设计思路。
图片来源：阿多比学院学生作品
图片来源：阿多比学院学生作品
图片来源：阿多比学院学生作品
当然除了依据流程去展示，我们也可以直接展示、分类展示。比如网页设计可以分为企业官网、电商站、后台、专题页等，平面可以分为VI、LOGO等。展示的方式多种多样，但是展示顺序一定要流畅且有序。
图片来源：阿多比学院学生作品网页
三、其他注意事项
1、作品集最好打包成PDF，页数控制到50~100页。
2、投递简历一定要附上作品集，最好可以有个作品集链接，方面查看，作品集的压缩包名字一定要有姓名。
3、如果作品集已经是上线项目，可以给面试官直接展示。
4、作品集中可以展示自己学习的作品，比如手绘、临摹，这样可以侧面反映自己的学习能力和持续提升的态度，但是注意作品一定要优秀。
5、如果实际项目不多，也可以选取一个自己想要优化的产品，去深入优化产品界面形成自己的作品集。

插画设计作品集模板-插画作品集如何准备，从最初的草稿到成品

个人插画作品集
插画设计<毕业设计>
商业插画设计——昆仑山矿泉水
商业插画设计——昆仑山矿泉水&颐和园
商业插画设计——加多宝
商业插画设计——片仔癀节日海报
商业插画设计——雅士利奶粉
商业插画包装设计——珍珍纤瓶罐瓶标包装设计展开图
商业插画包装设计——珍珍纤瓶罐瓶标包装设计效果图
商业插画包装设计——珍珍礼品卡
商业插画包装设计——人类老家螺蛳粉包装设计效果图&展开图
商业插画包装设计——人类老家热干面包装设计展开图
平面设计——碧桂园
参赛作品
UI设计师作品集，7天找到好工作
主题:UI设计师做好作品集【729期】
包含内容:UI设计师作品集
适合人群:初级设计师、中级设计师
资源大小:143.90_B
提供方式:百度网盘
工欲善其事必先利其器!设计人的器就是自己的作品,只有把自己的作品完美的呈现,衬托自己的设计水平,才会获得高薪工作。
资源展示
目录清单
1、作品集模板20套;
2、APP作品36套;
3、网页作品25套;
4、图标作品280套;
5、banner466套;
6、商业插画120款;
7、后台作品163款;
8、logo作品33款;
9、电商作品624款;
10、海报作品172款;
11、手机样机300款;
12、精品简历2500款;
13、面试技巧11篇;
14、UI必备字库1600款;
15、UI实用教程200课时;
UI作品集展示部分
APP设计作品
网页设计作品
图标作品
商业插画
设计实用课程
插画作品集如何准备，从最初的草稿到成品
插画专业作品集怎么做?
1、确定主题
在你确定准备作品集的时候,脑海里可能会涌现出各种想法,但你所有的想法不可能都体现在作品集中,所以,就需要同学们根据自己最擅长的,选择一个自己最感兴趣的,最核心的要点。
换言之,选择的主题尽可能具体,而非抽象宽泛的话题。太过于宽泛的主题往往不利于你下一步的创作,后面的创作不容易把控。
2、前期调研
用事实说话,用数据展现,在确定了作品集的主题之后,同学们要利用各种渠道收集数据,你可以上院校官网查询,也可以参考书籍,有条件的学生问自己的学长学姐都是很有必要的,但需注意的是,在大量收集灵感素材,发散思维的同时,也需要将调研收集的资料进行有条理的整合。
3、灵感转化
插画涉及的范围非常广,在创作的过程中,会涉及到各种元素的运用,在前两个步骤中,已经大致确定好作品集的方向,在这一步骤中,就需要对灵感进行转化,重要的元素进行提炼,还需要根据之前所确定的主题进行故事情节内容的具体推敲,并在每一个部分都尽可能去细化。这一过程中也要不断参考前期收集的资料。
多画速写、拍照。多关注一些网站,比如国内会关注一些艺术博主,国外网站比如viemo、nowness,还有很多fashion相关的。
4、绘制草图
草图的绘制会为自己创作满意的成稿做一个重要的铺垫,在创作过程中极为关键。作品的构图、色调、风格、元素以及元素之间的关系编排都会在这一步骤中基本定型。
5、成稿创作
有了之前的草图作为蓝本,这一部分的创作就相对轻松很多。这一部分只需要有计划、细心地进行。在按照勾勒的草稿组织好画面以后,并在绘制过程中注意步骤。先确定留白和着色的位置和区域,然后平铺颜色,再刻画细节。
6、最终排版
在所有的项目完成之后,铜须门就需要对作品集进行排版,有的学生喜欢做完一个项目就进行排版,有的则是等所有的项目做完后排版,但无论哪种排版方式,最终的目的都是为了让作品完美呈现,但是在排版的过程中,一定要把握好握主题、风格、逻辑在整个作品集排版中的贯穿与统一。

ui作品模板-如何做界面UI设计的展示图

UI设计师作品集，7天找到好工作
主题:UI设计师做好作品集【729期】
包含内容:UI设计师作品集
适合人群:初级设计师、中级设计师
资源大小:143.90_B
提供方式:百度网盘
工欲善其事必先利其器!设计人的器就是自己的作品,只有把自己的作品完美的呈现,衬托自己的设计水平,才会获得高薪工作。
资源展示
目录清单
1、作品集模板20套;
2、APP作品36套;
3、网页作品25套;
4、图标作品280套;
5、banner466套;
6、商业插画120款;
7、后台作品163款;
8、logo作品33款;
9、电商作品624款;
10、海报作品172款;
11、手机样机300款;
12、精品简历2500款;
13、面试技巧11篇;
14、UI必备字库1600款;
15、UI实用教程200课时;
UI作品集展示部分
APP设计作品
网页设计作品
图标作品
商业插画
设计实用课程
如何做界面UI设计的展示图
UI设计中制作界面图标的流程:
1、图标创意阶段;
2、草图绘制阶段;
3、草图渲染阶段。
补充:
1、在PS中新建一个所需尺寸的画布并保存,将其命名为UI设计效果图模板。
2、再新建一个画布,命名为界面UI设计效果图展现。尺寸随意。
3、将刚才保存的界面UI设计效果图模板.psd拖到画布中。Ctrl加T变换到合适的尺寸,倾斜到合适的透视效果。
4、然后双击界面UI设计效果图模板这个图层即可。
补充:UI即用户界面的简称。泛指用户的操作界面,包含移动APP,网页,智能穿戴设备等。UI设计主要指界面的样式,美观程度。而使用上,对软件的人机交互、操作逻辑、界面美观的整体设计则是同样重要的另一个门道。好的UI不仅是让软件变得有个性有品味,还要让软件的操作变得舒适、简单、自由,充分体现软件的定位和特点。
UI设计师一般去哪些网站找素材_找设计素材的网站有哪些
有什么常用的UI设计网站?
学ui网:学UI网是一个发布高质量设计教程和分享设计经验的免费UI学习平台!
致设计:中国最大的电商设计师交流平台.电商设计大师们都潜伏于此,聚集了中国绝大部分的80,90电商设计师,在此分享了他们的店铺设计,创意设计,美工设计和淘宝首页设计等优秀作品。
一起学设计:关于Photoshop,网页设计,UI设计,电商设计,平面设计,淘宝美工等设计行业的网络学习平台
爱果果:H5酷站欣赏|酷站欣赏|html5酷站|网页模板|sketch素材下载|appui|psd下载|ui素材下载
90设计网:90设计是专注电商设计的淘宝素材库,设计交流、学习与分享一体的平台,让电商设计(淘宝美工)找灵感和素材更效率。
UI设计者:UI设计者,是一个自学UI设计的手机APP,主要学习UI设计和UE交互设计的平台。系统学习UI设计以及交互知识。

UI设计作品集制作小技巧,来看看

1、掌握制作作品集的高效率工具
工欲善其事必先利其器，想要做出好的作品集，就要把需要的工具准备好。除了要把基本的Word准备好外，你还可以使用Keynote，为什么推荐Keynote?首先Keynote是最方便的演示工具，图表功能齐全，而且方便向他人展示;其次Keynote导出的PDF体积小，兼容性更高，打开速度快，你的作品集能够得到更多的曝光机会。
2、作品集的格式很重要
导出的作品集最好是一份PDF配合上一份Word版简历。PDF是目前全球体积最小、使用最方便、打开速度最快的阅读器，而且支持矢量，你的作品集不会出现被压缩及失真的现象，且利于后面的整理及保存。
3、作品集的大小很重要
PDF的作品集最好保持在10M以内，你的作品集越小也就意味着你作品集被打开的机会比别人要更胜一筹。Word只放基本信息，最好不要放图，原则上来说简历和作品集的命名越简单清晰越好。
4、作品集的框架结构
设计作品集之前，搭好自己作品集的框架才是最重要的。要先想好自己适合什么样的框架，再根据框架去填充自己的作品跟内容，确保每一页PPT都有存在的理由，都能讲清楚讲明白一件事儿。最关键的是在做作品集的时候，你一定要想的比面试官更清楚更细致，这样你的作品集才有可能在几百封作品集中脱颖而出!
以上就是小编关于UI设计作品集制作技巧的相关分享，希望对大家有所帮助。

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

作品集设计注意事项：
1、 展示你最好的作品，而不是全部
“数量不是决定作品质量的关键，通常当我们觉得自己的设计作品不理想时，我们倾向于展示大量相同的解决方案，然而这样会导致我们的作品看起来很一般甚至相当低端。
2. 展示与你想就职工作相关的作品
“你的作品展示了你作为设计师和从事的专业方向。如果你在一个确定的设计领域拥有特殊的兴趣，例如企划美编设计，这就需要你专注于自己的作品。如果你展示的项目特色是网页设计，品牌设计和包装设计，你几乎不可能得到一个企划美编设计的工作。
3. 不要仅依靠于个人项目
自创项目特别适合探索和练习，但是回到你的个人作品集，应当尽量多的去展示真实项目。源码时代告诉你一个真实的项目意味着你必须调整确定的参数以及考虑到产能的限制。你在处理一个客户端时，通过修改更正的过程，从而证明你的选择是正确的。
4. 仅仅完成工作是不够的——还要考虑怎样展示它
精美展示一个普通的设计方案可以使作品达到一个更高层次，反之，一个惊艳的作品通过拙劣的展示方案会大大降低作品的影响力和价值。

UI设计新手如何整理作品集(ui作品集用什么做比较好)

给大家分享几点完善作品集方面的小技巧：
一、作品要少而精，以商业性作品为主
一些UI设计师在准备简历的时候，常常会在简历中放很多作品，这是个错误的方式。作品要少而精，一定不要为了证明自己做过很多东西，就把所有的作品都往简历里面放，因为面试官没有时间也不会愿意去浏览你所有的作品。一些不好的或者普通的作品不仅不会加分，反而会拉低你整个作品集的水平。被选入作品集的作品，一定要是你自己认可的、足以证明你实力的作品，这样才能打动面试官。
另外，我们在实际工作中所做的设计大多数都是商业设计，面试官需要的也是一个有实战经验，懂得市场和客户需求的UI设计师。所以我们的作品集呈现出的东西，要具备商业特质，简单直白、有商业信息、可执行、易传播。当然，除了商业性作品，一些优秀的飞机稿也能为你的作品集加分，但是比重要控制好，差不多在20%-30%左右。
二、给作品制造亮点
在一个作品集里，想要每一件作品都很优秀、吸人眼球显然是不太可能的，也没有必要去追求每一件作品都完美，我们要做的是去制造亮点。比如在简历中加入插画作品、用3D软件设计的作品、动画作品、视频作品等等，这些都是设计公司目前比较重视的技能。如果以上技能都没有，也没关系，因为很多时候，打动面试官的只是一两件亮眼的作品。你的毕业设计、参与过的优秀案例、获奖作品经过加工后都可以作为亮点来展示。
三、其他细节
除了上述两点，还有一些细节方面的问题也值得我们去注意，说几个简单的方面：
①排版要简单整洁，使整个作品集更易读，不会让人觉得冗长乏味；②分类罗列作品，增强作品集可读性；
③有针对性地投递简历，不同的公司偏重的业务不一样，对设计师的要求也不一样，尽量找与自己经验对口的公司，以及在作品集中加入符合对应公司需求的作品，这样求职成功的几率会大很多。
我们在完善自己作品集的时候，一定要懂得取舍、注意细节，一定要有足够优秀的内容去突出你自己能力，吸引面试官的眼球。请记住，一份好的作品集，一定可以帮助我们获得更好的资源！

ui设计作品集怎么设置

ui设计作品集怎么设置。1.作品集排版：对于ui设计的作品集来说，需要确定作品集的呈现方式。对于ui设计作品集来说，作品集的风格定位是非常重要的，如果把所有作品都整理出来，可以让作品集内设计的更丰富、更有逻辑，这样可以增加作品集的说服力。如果你连作品集都没有进行总结，没有及时的分享，也怎么知道它是一优秀的作品集呢。2.作品展示：根据设计作品的分类，可以对作品进行展示。如果你的设计作品集里只是一些看起来毫无联系的图标，可以将图标集里的图标进行展示。如果你的设计集内只是一些可供欣赏的图标，你也可以展示出来。在的作品集中可以将图标集内的徽标展示出来。在的作品集中也可以展示出你对图下的项目理解。

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

UI设计师作品集，7天找到好工作

主题：UI设计师做好作品集【729期】

包含内容：UI设计师作品集

适合人群： 初级设计师、中级设计师

资源大小： 143.90?GB

提供方式： 百度网盘

工欲善其事必先利其器！设计人的器就是自己的作品，只有把自己的作品完美的呈现，衬托自己的设计水平，才会获得高薪工作。



资源展示

目录清单

1、 作品集模板 ?20套；

2、 APP作品 36套；

3、 网页作品 25套；

4、 图标作品 280套；

5、banner 466套；

6、 商业插画 ?120款；

7、 后台作品 ?163款；

8、 logo作品 ?33款；

9、 电商作品 ?624款；

10、 海报作品 ?172款；

11、 手机样机 ?300款；

12、 精品简历 ?2500款；

13、 面试技巧 ?11篇；

14、 UI必备字库 ?1600款；

15、 UI实用教程 ?200课时；



UI作品集展示部分

APP设计作品

网页设计 作品



图标作品

商业插画

设计实用课程

ui设计作品集用什么软件做

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