聊城平面设计师培训必学:准备作品,打造完整的UI作品集体验

  • A+
所属分类:图像处理培训

应征UI设计工作时,平面设计师需要透过作品集展示自己的专业能力,替自己争取面试机会。作品集本身也是一套有用户、有情境的产品,人事部门看完作品集后的主观体验,是决定应征者是否能晋级、录用的重要因素,直接影响您的求职机会。因此如何打造出良好的「作品集体验」,对应征者来说非常重要。

自我介绍

在放作品之前,请先花一两页篇幅做自我简介。需要知道这份作品属于谁、想要应征的职位,以及如何联系。这个环节很重要,却常被应征者遗忘。

直接贴履历表或专门设计都可以,但要注意:

记得写名字

留联系方式(email、手机等)

想要应征的职位(视觉设计师?平面设计师?)

不要把自我介绍拆到作品集的外面,变成两个档案。根据统计,有87%的企业人资会把这两个档案搞散,导致人事部门只拿到作者不详的作品集。

选择作品

放进作品集的作品数量求精不求多,精选3–5个跟应征职位相关的作品,对整天都在开会的人事部门说恰到好处。他们可能会用零碎时间(开会、吃饭、等电梯…)来抽空观看您的作品,因此越具代表性的作品要放越前面。

优先选择由自己主导的设计,或是有知名度的大型专案。作品时间不要超过三年,一来没办法反映目前的实力,二来可能会与最新流行风格脱节,显得过气。

展示作品

选用适当的作品展示手法,能让自己的作品大幅加分。动态影片的效果非常好,很吸睛,也能充分展现自己的动态设计能力。可惜很少人会在作品集内放影片。

网络上有很多免费的第三方资源,比方说 Wix 的 template 或 mockups,都能让作品集锦上添花。但这跟套滤镜修图一样,不要滥用这些不属于您的设计,不要试图用超级华丽的 template 或夸张透视角的 mockup 掩盖个人作品的不足。这些小技巧或许可以一时蒙混过关,但绝对逃不了面试官对质逼供,最后只会浪费您的时间。

作品除了 mockup、flow,最好加上文本简介,避免人事部门进行不必要的通灵。文本内容应该包含:

作品标题(针对哪个客户?哪些用户而设计的?)

设计年份、专案历时多久

作品背景(学校作业?毕业制作?公司专案?)

自己在作品中担任的角色、职责、任务

三句话简述设计理念:满足了哪些需求?解决了哪些问题?得到了怎样的结果?

行为召唤

作品集最后,别忘了放上行为召唤 (call-to-action),引导人事部门进行接下来的动作。例如:想看更多作品吗?这是我的 Behance 连结;想要联系我吗?这是我的 email… 等等。

载体格式

请考虑人事部门可能会在这些场景观看您的作品集:

用手机开启你的作品集(字体够大吗?有 RWD 吗?)

在开会时或在厕所里偷看(你的作品集会自动发出声音吗?)

作品集的载体格式,我推荐最老派的 PDF 档案。它非常可靠,绝不会出包,在每种设备上都能完美呈现,在公司内部转发、传阅很方便。档案大小尽量控制在 20MB 内,影片或 prototype 可用 hyperlink 方式外连云端。记得检查 JPG 压缩后的品质,尤其是设计视觉作品。

至于莫名奇妙受设计科系学生喜爱的 Issuu,完全不适合用来当放设计作品。Issuu 在许多主流浏览器上 render 的效果并不好看,画面被压缩得模煳不清,交互也很差劲。刻意模拟纸本书籍翻页的视觉效果,对设计作品集来说不但多余,还很恼人。它有时还会在您的作品旁边放广告,让人事部门看了一肚子火。

但再怎么糟糕,都远远比不上把自己的作品一股脑丢上百度云,然后只甩出一条共享文件夹链接的人。让人事部门自己想办法在资料夹里挖宝,是最糟的「作品集体验」。

面试现场专用作品集

当您通过了书面审查阶段,被邀请参加面试时,通常要向面试官介绍、解说自己的作品。这时您需要准备一份「面试现场专用作品集」。

面试用的作品集内容,可以跟书面审查的版本一模一样。最好能额外将作品的 prototype 或实际上线产品,下载到手机或电脑里,供面试者试用,凸显您的专业沟通能力(这也是面试评估的一环)。

要注意的是,许多企业的联外网络并不太通畅,甚至有些公司怕员工上班看影片,连百度云都开不了,因此务必针对所有云端作品准备一套 offline 版本。最后用自己的笔电、平板、手机屏幕检查一遍,确保作品能完美呈现(颜色有跑掉吗?版本对吗?字体有缺吗?)。

赴试前挑选 2~3 个最具代表性的作品,针对每个作品准备一段解说,内容应涵盖:

为什么这个作品最有代表性?

您在本作品 / 专案中担任的角色?

专案进行的过程,使用了哪些方法 / 工具?

您的设计在本作品 / 专案中发挥了什么价值?解决了什么问题?

最后如何验证设计达标?有量化 / 质化证据吗?

若能修改,后续会怎么完善设计?



发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: