7000字干货|超全整理UX作品集——元素、方法、流程、原则、示例

360影视 2025-01-08 07:03 3

摘要:作品集是你复试环节非常重要的证明材料。初试也许你获得了很高的理论笔试分数,或许你的手绘能力在考场上帮你完成了漂亮的方案,但那仅仅是你的应试能力,研究生需要考察你做方案的综合素质,那么这个综合素质就需要靠作品集去展现。

对于艺术设计类专业来说

无论你是即将申请学校或准备复试

还是即将准备秋招或者春招的工作

作品集都是不可或缺的一部分

它能够帮助你更好的展现你的设计能力和设计思维

作品集意味着什么?

对于考研的同学:

作品集是你复试环节非常重要的证明材料。初试也许你获得了很高的理论笔试分数,或许你的手绘能力在考场上帮你完成了漂亮的方案,但那仅仅是你的应试能力,研究生需要考察你做方案的综合素质,那么这个综合素质就需要靠作品集去展现。

对于想要找工作的同学:

凡是艺术设计类专业,在投递简历的时候,都会要求上传作品集。也会在面试的环节要求你就自己的作品做出展示和解读并和面试官就作品集进行探讨,可以说,作品集相当于明星海选时你的脸面,是最快展现你能力的一种途径。

对于留学的同学:

对于有设计类专业想要出国留学深造的同学,基本排名靠前,喊得上名号的学校都会要求上传作品集,作品集会成为你所申请的学校判断你能力很大一部分决定因素,有些学校还会采取面试的方式,进一步考察你对作品集的讲述能力。如果你是准备设计留学,那么你申请周期70%以上的时间基本都是在为作品集冲刺。

什么地方需要用到作品集?

几乎everywhere:出国留学、考研复试环节,想要提前联系导师的同学,博士申请,找实习,秋招春招找工作,社招...

作品集制作的原则是什么?

原则

Principle

1.宜精不宜多

一般大厂招人要求上传的作品集在20M左右,很多学校也会要求页数在30页以内,所以一般可以控制作品的个数在3-5个左右,重点是展现质量高、精美。

2.作品之间要有故事性和串联性

作品集中的每一个作品不要想什么做什么、有什么放什么,你可以想象你作品集是本故事书,每一个作品就是一个章节,这本书交出去就能说明白你这个设计师的设计理念和核心思想。

3.要有针对性和个人特色

交互设计和UI设计是两个不同的岗位,UI设计更偏向于视觉,针对岗位和自身特色定位,不要盲目追求视觉的好看而忽视了交互本身逻辑和思维的体现。针对不同的岗位,也可以对作品内容进行调整,比如应聘游戏交互的话,可以多放点与游戏有关的项目作品。

4.老作品焕发新生

有时候我们在短时间内由于各种原因无法做出足够数量的作品,那时候可以用以前的作品加以改进,或者升级。比起硬凑,这也是个不错的方法。

作品集中应包含哪些元素?

3-5个项目方案,展示项目的来龙去脉。案例研究必须包含你的思路的描述。线框的外观是次要的。UX作品集(或UX/UI作品集的用户体验部分)必须展示你的思考方式:为什么要做出特定的决策、为什么选择一个选项而不是另一个选项。

用户体验设计师一天中很大一部分时间是做决定(基于客户的数据、研究、信息)并为之阐述。许多初学者的作品集都没有任何描述,因此无法评估其思维方式,也无法猜测此人将如何应对日常任务。一个好看但可用性低的作品在面对一个专注于提供可靠的用户体验的组织时,将会降低你的专业度和好感度。

作品集会包含的内容会根据情况有所不同,但最常见的元素是:

各种定量研究数据desk research data(如竞品分析、市场调研、民意调查)各种类型用户研究数据user research(如专家访谈、用户访谈、Mockup)人物角色personas用户流程user flows手绘草图hand-drawn sketches线框图 wireframes可点击原型clickable prototypes,信息架构information architecture...

交互设计作品通常有哪些方法?

交互设计作品集比较关键的一点是:显示思考的逻辑过程。也就是需求发现—需求挖掘—设计分析—设计思考—设计成果。

对于每个项目,将要包括:

1. 定义要解决的问题

2. 你使用了什么工具

3. 使用工具后得到了什么发现

4. 你是如何解决问题的

5. 表现最终结果

AM有专门整理的一套交互设计方法卡片知识图谱系统,帮助大家在做作品集的时候快速找到适合自己使用的方法。

(下图为部分方法示例)

作品集里的一些环节和方法的介绍

调研、用户测试、访谈

功能来自于用户的需求,在设计前期的时候,我们需要对用户进行访谈获取用户的需求。如果你的项目是一个体量比较小的项目,那可以自己去组织被试进行1v1的访谈。

当然,随着科技的发展,一些线上的工具也是可以帮助我们去获取一些资源的,比如一些研究报告,或者在线的调研网站。下面给大家列举两个:SEMRush和SimilarWeb

访谈非常适合收集更深入的定性内容并了解用户的偏好,行为和观点。社交网站是一个绝佳工具, 可以在社交网站上发布带有问题的帖子。例如你想了解人们经常将自己的自行车用于娱乐还在户外消磨时间,还是将它们当作公共交通工具的替代品。

市面上有很多书籍在讲关于定量研究和定性研究的,交互设计精髓里也有介绍,这里不再赘述,有对用户研究特别感兴趣的同学可以再读读以下几本书。在这些书里,你可以找到许多有关不同研究方法的文章

用户画像Personas

用户画像能帮您以想象的角色的形式来积累目标用户的特质和特征。用户画像来源于真实用户的目标与动机,是对特定用户群体需求与典型行为的总结与归纳。

用户流程User flows

用户流程会映射出产品的元素以及这些元素之间的连接。它的目的是显示用户可以导航应用程序并访问特定元素的路径。有些时候我们可以创建简单的流程图,而有些时候我们可以会它们构建为屏幕上像素级的图示。目前,流程图更加重要-屏幕上像素级的展示更适合开发后期的项目。虽然它们看起来要高级得多,但实际上,在创建像素级的展示之前,必须要有用户流。

对元素进行清晰的描述非常重要,因此应该重点关注用户可以执行的操作,而不要关注要创建的屏幕。屏幕和屏幕上的元素的数量应从用户流中得出,而不是反过来。

如果你在创建用户流时遇到麻烦,并且流程图梳理的非常糟糕,请将其全部写下来,将其放置在白板或大张纸上,并在它们之间绘制连接 。重新组织它,直到一切变得有意义。可以考虑将草图和白板的照片添加到作品集中,作为过程文档。

工具:draw.io可以很方便的帮助你绘制流程图

手绘草图Sketches on paper

必须先对lo-fi线框进行草绘,然后再将其数字化。这种模拟草图比使用Sketch或其他任何东西要快得多。我们可以作品集中显示照片或草图扫描。

这个部分不必有非常高超的绘画技能。只要能传达解决方案,就不会有人在乎lo-fi线框的外观是否不错。

特别说明1:普通的笔和纸就足够了,但便利贴和色彩鲜艳的锐利笔迹使草图更清晰(并且在文件夹中的照片上看起来更好)

特别说明2:如果要手绘同一页面的多个版本,只需复印并打印此页面,将便笺放置在要修改的元素上,并在便笺上绘制这些更改。在这种阶段下,应该更关心效率,而不是美学。

线框图wireframes

说到工具,推荐Sketch(仅Mac)。其他常用工具包括Axure和Adobe XD(免费!)。还可以使用基于网络的原型制作工具,例如 UXPin和InVision Studio。所有这些工具都非常相似,因此从一个切换到另一个只需要花费几分钟。也可以在UXtools.co上找到更多工具。

尽管用户界面视觉设计可以由UI设计师完成,但UX设计师仍应注意元素之间的距离,尤其是在使用移动设备解决方案时。小距离等于按钮的较小可点击区域,这会给所有手指较大或运动异常的人带来可怕的体验。另一个是在增加间距后,屏幕上的可利用的空间就要少得多,因此您须重新设计它或将其拆分为更多的屏幕。

特别说明1:传统的线框以灰色调制作。使用中性,朴实的色调,这样的颜色不会分散读者对线框进行交流的注意力。

特别说明2:如果要使用图标,并且正在使用电脑端软件(Sketch,Axure,Adobe XD等),可以去专业的图标网站进行下载,比如Iconfonts.

可交互原型Clickable prototypes

原型使设计师可以验证用户流程和线框是否有意义,通过可交互原型,设我们以检查有些东西是否丢遗漏或者多余了。在这个过程需要迭代是非常正常的。

特别说明1:如果您设计移动应用程序,则Iketch可让您将原型直接发送到手机。它使设计师可以在打算使用的设备的情境中检查应用程序。你可以立即看到按钮是否足够大,或者是否需要更改字体大小。

特别说明2:如可以你的朋友测试原型,并且在整个过程中不要不要描述设计,不要告诉他们怎么做。相反,请他们描述他们在做什么和在想什么(出声思考)。你不仅将验证你的项目,而且还将体验所有这些人可能会有的不同想法和意见。如果可能,请与陌生人或朋友的朋友进行测试。甚至考虑邀请家里的长辈进行测试。

工具:Sketch,Figma,Axure,InVision,Marvel,UXPin。

信息架构Information architecture

信息架构可绘制网站或应用程序中内容的组织方式。它包括导航,网站的内容,页脚等。最简单的方法是写下当前的体系结构,然后检查缺失的内容,不合逻辑的内容或不一致的地方,然后根据发现结果构建新的体系结构。

方法:卡片分类!请用户对元素进行排序并将其划分为类别(或将元素分配给您创建的类别)。可以直接在白板上使用便利贴的方式高效的完成这一过程。当信息架构的完成后需要做可视化时。

工具:Boardmix、Miro、Xmind

做一份作品集大概要多久?

一份作品集的完成时间因人而异,从选题到方案细化到内容填充、软件使用、排版细化、整体包装各个阶段的时间都不相同,与其问做一份作品集大概要多久,不如看看自己作品集的目的是为了出国?/考研复试?/调剂?/实习找工作?...然后再按该目的的时间线进行规划,具体可以参考这篇文章:

《考研初试结束后,复试/调剂/留学还是找工作?该如何准备以及做时间规划,附详细时间轴》👇

设计小白,怎么做作品集?

所有的参天大树都是从一颗种子开始成长的。

如果你的时间足够充裕,可以先自己摸索着开始。广泛浏览好的作品,确定自己的设计风格临摹练习自己的软件能力,在此基础上找到好的切入点,开始制作。

如果你的时间不太充裕或者自己摸不着头脑,我们也提供作品集小班课和1v1 的定制服务,帮助你少走弯路 ,更快成长。

作品集小班课来啦~~

适合对象:

准备考研复试的小朋友

有调剂意向的小朋友

准备参加工作的小朋友

其他需求作品集积累的同学

内容:共6周

渐进式学习路径:从背景研究到高保真设计,逐步深入,帮助你快速掌握设计思路。理论与实践结合:课程内容强调实践任务,确保学习效果可视化。作品集完成导向:课程的最终目标是为学员提供完成作品集的内容指导。

来源:AM艺术设计

相关推荐