想转行做UI界面设计该如何准备作品集?你已经工作十年了,我相信你应该明白,对技术人员来说,简历是证明你的理论最大能力的,而不是反应过往成绩的。
另外,我也相信你有能力做个产品出来,没有开发不应该成问题。如果你想尽办法都实现不了这一点,那对你来说这个年龄转行太不智了。
不管是衡量设计效果,还是在作品集里描述设计达成目标,数据都是最有力,也是最能打动面试官的证据。但是数据从哪里来?需要观察哪些?怎么分析计算?什么样的数据算正向?有了结果怎么办?
我准备好好拆解一下这块硬骨头,以帮助被数据困扰的小伙伴,不管是取悦面试官,还是取悦自己领导与上下游,都非常有帮助。
比如一个项目是电商类App的购物流程改版,母婴电商也好、海淘也好、3C数码也好,核心指标都差不多,都是GMV,而GMV=UV(用户量) * CR(订单转化率) * ATV(客单价)
用户量和客单价大概率不是设计师能决定的,那么设计师最需要关注的就是CR了,也就是从App首页、商品列表页、商品详情页、支付页到支付完成页的全流程转化率。
假设最开始有10000UV,随着页面流转,最终有2016位用户完成了订单,那么全流程CR就等于所有页面间转化率相乘,最终计算得出,是20.16%;
有了数据之后,如何判断是正向还是负向呢?以总的转化率为例,肯定是越高越好,验证改版项目最常见的方法是AB测试,当改版后的转化率比旧版本有显著性的提升,就可以说是正向的结果,当然也可以采用其他的对比方法,这里就不展开说了;
基于数据反馈做设计应对的话,就需要细拆数据找问题,case by case的分析咯,以后有就会可以再讲讲“数据驱动”。
设计不难,求职有我,关注我,我是Odin,帮助大家规划、优化简历和作品集,指导面试技巧,助力拿下满意offer。
比较精通的程度是这样:比方做一个设计效果有很三四种方式能够完成,而你至少会一种。最后能做到别人随便拿出一张UI图片,你能自己照着做出来,也许步骤比别人复杂,也许这还得加些手绘才能做出来……但不论如何你都能抄出来。
除此之外再多接触其他的一些设计工具软件,比方做图标有的人除了能用Photoshop做出来外,也有人可以用Painter手绘画出来,用Illustrator勾出来,也有人用CorelDRAW做出来,再比方最近做APP的UI界面用Sketch的人越来越多。
有手绘能力最好,如果没有的话,那你得知道不用手绘的方式如何做出一些手绘的效果,这个在游戏界面的设计中经常要用到。
然后就是多看多练习,国内外有很多优秀的UI设计网站,原来我都把图片下载到自己的电脑里,现在都用花瓣和Pinterest收集,并且这两个图片收集类网站里也能找到不少好的UI设计。
其次你需要了解设计流程,先看产品文档,再画产品原型图,接着出设计规范,按原型图和设计规范做设计界面,完成后再切图命名。
有些公司在UI跟进之前会有产品经理或策划这样的角色先做出产品的原型图,有用Axure这类工具软件做的,(如下图,我做的一个APP原型)
原型图会告诉UI设计师要设计哪些界面,照着要求做就行,非常方便,不用太考虑用户体验方面的东西,主要考虑主色调、颜色搭配、文字、图片、图标、质感、屏幕自适应、切图这些,开始的时间可能还需要边设计边做规范。如果项目中没人做原型图,那么UI设计师就得自己上,先去看产品文档,接着做原型图,自己布局、排版、设计交互方式甚至动画效果这些非常费脑子的东西。
所以作为一名UI设计师最舒适省心的事就是有PM做好了产品原型,甚至写出了所有的设计尺寸,有主设计师定好了设计规范,因为设计规范是一般是一张PSD的源图,有这个做起图来吸颜色、拖图层,非常方便,手脚快的话差可能一两天就完成了所有的界面设计。
在实际操作的过程中,每个细节都体现了一名设计师的综合素质,几乎每个细节都需要很多的积累才能做得好做得象,对设计之初对整体风格的定位、对颜色的理解、配色的感觉、字体的选择及排版、图片的设计……到最后切图、图片命名等等,每个地方做出来的效果都可以看出UI设计师的能力和火候。打个比方说图片命名,这个是UI设计的最后步骤,但命名是否规范,涉及到其他同事的后续工作能否顺利进行,如果图片命名一会儿中文一会儿英文一会儿拼音,或是命名特别长,或是特别短无意义,或同一系列的切图没有注明顺序等等,这个涉及到设计师的做事风格是否认真、英文水平、团队协作能力、沟通能力等很多方面,一个有经验的程序员看与他配合的UI设计师是否专业,看一眼TA的图片命名就能猜个不离十。
不建议一名初学者先去看哪些书哪些理论,那太广泛了,最好先去了解清楚UI设计师的整个工作流程,把工作流程中的所有环节以及涉及到的细节逐个弄明白并学会,开始的时候不需要太深入了解弄得非常透彻(基本上也不太可能),但需要保持永远学习的心态对待设计,这样才会不断进步下去。当然UI设计师的重点是做出优秀甚至完美的设计作品,设计感是第一的。
最后题主如果想转行做UI设计,去面试前必先要准备好自己的设计作品,建议你先做一套完整的设计,既然你有产品经验,那可以先计划一个项目,再做这个项目的原型图、设计规范、各个功能界面图片、图片命名规范,如果是移动端的项目,还得弄明白屏幕自适应的事,要做几个分辨率要切几套图都得门清,所有流程都熟悉了解后,会令你在面试的时候更自信。
“数量不是决定作品质量的关键,通常当我们觉得自己的设计作品不理想时,我们倾向于展示大量相同的解决方案,然而这样会导致我们的作品看起来很一般甚至相当低端。同时当你那样做的时候几乎所有业内人士都会到处宣扬。”
“你的作品展示了你作为设计师和从事的专业方向。如果你在一个确定的设计领域拥有特殊的兴趣,例如企划美编设计,这就需要你专注于自己的作品。如果你展示的项目特色是网页设计,品牌设计和包装设计,你几乎不可能得到一个企划美编设计的工作。
“自创项目特别适合探索和练习,但是回到你的个人作品集,应当尽量多的去展示真实项目。一个真实的项目意味着你必须调整确定的参数以及考虑到产能的限制。你在处理一个客户端时,通过修改更正的过程,从而证明你的选择是正确的。你处理的个人项目可能从来不会出现在现实世界中,因为你的个人项目很少妥协于现实情景,就像客户端输入系统。如果你已经实现一些你认为值得展示的东西,创建一个足够好的模型以至于它将很难辨别真假以及具体说明自创项目背后的思考。”
精美展示一个普通的设计方案可以使作品达到一个更高层次,反之,一个惊艳的作品通过拙劣的展示方案会大大降低作品的影响力和价值
个人认为这两种方式都可以,但是如果使用在线作品集的时候尽量保持“专业”,推荐使用专门的网络相册这样也能同时增加你的个人作品的曝光度。不过不建议把作品的图片直接以html 的形式插入邮件当中,那样不容易保存。
很多设计师都有自己的博客,在招聘中让别人看看自己的博客也是非常不错的选择,一来可以让别人从一些侧面了解你的兴趣点、对设计的看法等等。其他的就可以不用体现了。
GUI 设计是很讲究 Pixel-Perfect 的,所以经常把作品以图片的形式打包发送,那样的话压缩包的尺寸不能过大。尽量以自己的代表作为主打。另外最好能比较详细地命名,比如压缩包里的文件夹就是「Icon 作品」、「插画作品」等,方便别人集中查看。
如果是临摹的或者与别人合作的作品务必写明!这个是诚信问题。一般面试官都是有经验的,是不是你自己做的还是看的出来的。
小鹿作为一名05年入行的设计师,后来进入互联网领域创业,多年的设计工作经历,让我对于UI设计有更加专业的认知和经验。
对于题主的问题就不针对性的一一回答了,不过值得注意的是,题主已经具有产品相关的工作经历,这对你之后的工作会有帮助的。关于作品集,我这里主要分享以下 4 点:
知群曾经在组织一系列关于“职业规划”、“职业发展”方面的分享,邀请在互联网公司中资深的设计师、产品经理等行业内资深的专家来进行分享。其中作为大厂校招、晋升面试官 Paul 老师(曾先后就职于腾讯、京东等互联网大厂)讲到了关于作品集的内容,拿出来大家一起看下。
借这个案例正好说下,为什么简历中为什么避免文件夹形式。来看左侧,你看这就是我收到的简历,直接丢了一个文件夹。
这个文件夹里面就是压缩包,我打开压缩包之后,第一个你看左边那个图它是“应届毕业生压缩包”;我解压之后里面有这么多内容,然后每个图格式还不一样,有的长、有的短、有的宽、有的窄,还有一个文档。
所以说你当面试官看到这些内容的时候,你想一下,它这么多,10 个内容我要关闭打开 10 次。你想一下,3 分钟关闭打开 10 次都占用面试官一半的时间了,还有心思看你的简历吗?
还有旁边这个人的作业,你看解压完了之后是一个文件夹,文件夹之后还有文件夹。这些文件夹的命名“一些页面、小动画、手绘”;这样看起来就觉得这个学生没有条理、不系统。所以说这种简历不要发。
1. 第一部分选择好的、有代表性的作品 ,常见的错误是只有量,缺乏品质。作品集的目的是展示你的实力,不需要把不满意的东西放上来。
2.第二部分放几个完整的项目,包括项目的背景,整体的定位,做这个项目的过程,项目产出的结果是什么…… ,重点描述这些作品是如何做的(过程) 常见的错误是只有结果,缺乏过程。如果你的作品是团队协作的产物,面试官要弄清楚你作为面试者的实力,就需要知道这个结果是如何做出来的,并且,特别重要的是,你在这其中做了什么。
3.第三部分描述关键的设计细节(如何思考) 常见的错误是缺乏点睛的细节。对设计师考察的关键是要看细节,再华丽的作品,深入的问到细节时,很容易看出人的水平。如果能够在作品集中重点突出一些细节设计上你的思考,会有一些帮助。
新手进公司需要从基本的界面、元素、控件等这些小事开始做起,所以你的作品集里面要突出自己在细节执行上的能力。比如说能不能把一个页面设计好,对于一个页面里的元素,作为视觉设计师应该怎么安排,作为交互设计师细的流程应该怎么设计…… 作品集里列一些具体的例子,你的面试官才能和你很好地进行沟通交流,因为他要判断你能不能处理好一些细节的地方,你有没有基本的技能。这包括你对于界面元素是怎么考虑的,你对于控件使用的熟悉程度等等。我看到的 80% 以上的项目作品都没有展示出这个方面。
所以大家一定要在自己的作品集里去留意,这对你以后会非常有帮助。就像我前面所讲的,你是个新手,你进公司之后,人家对你的期望是什么,对你的要求是什么,一定要把这个点考虑清楚,以后在创建自己的作品集时能够有这个意识,就跟你考试的时候一样,你要揣测出题老师的思路是怎么样的,你才能按部就班的表现好自己。
5.第五部分注意作品集的美感和条理性,因为作品集本身就是作品。作品集本身的设计,无论是信息架构,还是视觉,都应该像一个设计师的作品。设计都是相通的,同样有优先级、有临界点,有认知负担等等,好的作品集应该能够很快让读者了解重要的信息,并且,展现出你创造美或审美的能力。作品集本身就是一个重要的设计,值得花时间来做好。建议做作品集前先多去看看一些做的好的作品集,这方面只能自己去搜索。至于作品集的长度,不是太大问题,控制在50页以内吧。内容表达清楚就好。
你想一下,打个比方讲,我今天要去做招聘这件事情,我收到了 20 份作品集,但是我平时还是有工作的,那我就会协调安排时间来看这 20 份作品集;试想一下,如果说面试官花一个小时来看这 20 份作品集,每一份作品集才只需要看 3 分钟,这 3 分钟里你的作品集里面要展示什么内容?
如果说你的作品集提供过来是一个 PDF 的话,那么你的 PDF 里面可以链接到网站,那我是非常建议的,因为我只要点击一下就可以链到你的网站了。
作品集网站地址千万不要以图片的形式去呈现,因为网站我还要再手动去敲;或者你在你的文件夹命名上面,比如说你的文件命名。这样我能够认为你是一个懂得用户体验的一个设计师,因为你在为我考虑,让我省时间去加快看你作品集的效率。
也是今年非常流行的弥散光风格,同样可以用在作品集的封面上,与文字或者图片结合,突出封面亮点,视觉中心和层级也会更加明显。
也可以运用一些简单的C4D基础方法(样条、地形、形状等),经过处理也可以出一些视觉效果不错的封面。
插画类封面风格,可以是左文右图,文字对比使信息层次分明,插画背景颜色元素和人物之间的对比使画面视觉更加丰富,且有趣味性。如果你有绘画功底,可以绘制自己的创意插画形象,展现特点。
自己的照片和文字结合比较简单且容易出效果,利用强调细节的视觉图片或具备视觉冲击力的元素,赋予画面细节、质感及景深感,打造视觉层次。
注重排版表现方式和信息层次至关重要,通过突出主体且具有画面秩序的同时,又有变化和冲突感。脱离常规对齐的排版方式,在确保视觉平衡的情况下,通过变化和对比突出信息。
个人信息的版面排版要清楚,想清楚给谁看,ta想看什么。重点部分即工作经历,学历、名字、联系方式、链接、照片(可放/不放/个人IP形象),且信息最好控制在一页,方便观者快速阅读。
那么我一般会从8个方面去做破题相关,比如说我要问你的学历背景、有没有工作经验、做哪一行、想到哪个城市工作相关……然后清晰化,把模糊的信息梳理清楚。包括我会告诉你一份好工作是什么样子的,然后我再去咨询你是不是,在这个过程中一来一往,我慢慢的对好工作背后隐含的意义有了更清楚的了解。
这里是咸鱼塘的破题的解析。同样就是从一个鱼塘的核心诉求得到的几个关键词。破题的过程中,我们是可以去做行业分析、竞品分析和体验诊断来进行相关的破题。
通过用户调研才可以得到设计机会点,主要分为三个部分:一是真实用户有哪些痛点我们要去解决;二是竞品调研,竞争对手做的好的我也要做到,做的不好的我要超越;三是商业需求调研,即我们要达的商业价值。
最常用的方法就是问卷调查和问卷访谈。用户访谈有很多种的访谈方式,一般大家用的是面对面的访谈。另外是用户画像,这是整个用户访谈结果的精华所在,用户画像做的好不好,直接决定了给用户调研的结果是优秀还是差。用户画像是根据我们的产品特征去选择其中的一些关键的信息。例如下面是两份比较好的用户画像,好的原因是有强相关的维度。如果你做的是保险,那你就要跟买保险的用户相关的一些特征放在里面,还有一些足够的细节,让人觉得这个人是活生生的一个人。
竞品的调研方法就更多了,我们常用的包括SWOT、PEST的模型、精益画布等。竞品分析基本上是通过5步来进行,非常重要的前两步要选一个或多个合适的竞争对手,而且要去选分析方法和分析维度。完成选择之后,我们就要去通过桌面研究了解一些竞品的概况。不要我们在最后做完设计方案 发现竞争对手早就已经做了。
设计在整个的过程中是非常关键的,如果前期的破题和调研做得好,只要设计的基本功过得去,那么设计是一定能够做出来,而且是会有亮点的。
首先,设计是迭代的过程不是一蹴而就的。是从概念开始到草稿到低保真、中保真、高保真。每一个环节可能都会打回去重做,去做微调或者是大的调整。
设计里面非常关键的就是信息架构。信息架构最主要的就是把一些核心任务给突出出来。根据你的用户画像,你要知道用户最核心的任务是哪些,根据这些核心任务再去排列组合你的信息架构。
信息架构完成之后,我们就要做具体的设计。设计要遵从设计规范。安卓也、 iOS也好,或者是各个公司都会有自己的设计规范,这都是最优秀的、最有经验的设计师输出的,所以如果我们能够遵照设计规范来做我们的设计,就一定是比较不错的一个设计了。
对于有经验的同学来说,可能有些已经了解了,那么没有经验的同学就需要从一点一滴的去积累设计规范。
最后就是非常关键的方案展示。一是要做出吸引人的震撼人的有冲击力的方案的展示,二是要有内容、要言之有物,用逻辑去关联串联你的内容,最终用版式和视觉把它呈现出来。
设计的呈现的话,设计功底的不同导致呈现效果的差异比较大,但是也有大致会有一些比较好的呈现方式。
上图的优秀作品就用2.5D的插画形式展示了设计方案的As is 旅程图,整体视觉表现是非常精致、非常震撼的,有实力的同学也可以考虑用这种方式。
另外,可以用一些标注的方式去展示设计、设计点,哪里是突出的设计、哪些是可以点击的半岛综合体育登录入口、点击完之后界面是什么样子的。把设计的亮点、交互逻辑等表达清楚。
看题主的介绍才大二,应该没有积累相关的项目作品,所以这里推荐四个权威的设计大赛,记得保存参加,储备自己的项目经历,可以放在作品集里。
已经有20年的历程,白金创意大赛亦成为当前设计教育界备受瞩目的重要专业竞赛活动,也是各设计院校公认的最规范、最权威的大学生设计大赛之一,获得了广大设计专业师生的大力支持与积极参与。包括的设计类型多样:包装设计、标题设计、插画设计、网站设计、海报设计、书籍设计等等。
站酷网常年会有大量的设计比赛,大家可以选择自己擅长的领域和优秀的同行一起碰撞交流,其中不少活动是与知名企业合办,奖品丰厚。
花瓣网是国内的社交分享网站,用户可以创建和管理主题图片集合。用户收集了来自各个网站的优秀设计,在这里可以看到海量的优秀设计作品。这里同样也有比赛,主要是平面设计类的。
由知群举办的中国产品设计大赛,本质上是把企业内部项目拿出来做,它主要针对互联网行业的产品和设计,是产品经理、交互设计师和 UI 设计师展现技能的舞台。目前和点淘举办的以不一样的购买体验为主题的大赛(分多期持续举办),有很多有经验的产品经理、设计师直接参加了比赛;也有很多有热情却没经验的同学跟了一个完整的项目流程;还有很多对产品设计感兴趣的同学也在围观学习。
如果你想更深入的了解互联网行业中UI设计的工作内容、思维方式,和作品集指导规划,这里推荐你一个全链路设计训练营,帮助你细致了解设计行业需求,构建底层能力框架,了解腾讯、阿里等公司认可的实战项目是怎么从 0 到 1 做出来的。更有专业设计老师带你一起做实战项目,帮助你在实践中得到更深刻更真实的认识,指导你的设计作品集架构。