在过去的一年中,我使用了一系列数字化工具和一些方法论协助我完成MA课程的申请。少数派关于留学申请中应用到的工具和方法的分享不多,在这里我也想谈一谈在整个完整的申请流程中我的一些感受和方法。

前言

虽然本篇是以分享申请中用到的工具和方法为主,但是我认为在前言部分我仍然需要介绍一下我的申请背景,因为我认为所有的方法和工具都是因人而异的,我们更需要关注的是这些手段背后蕴含的更高层次的“通用”规律,也希望如果恰巧有计划申请国外MA课程的你,能够收获到一点帮助。
本文会把用到的工具放在文末方便快速查看。前面的内容主要以心得和一些方法为主,可以通过点击目录直接跳转到感兴趣的部分。

申请背景:

我是从2017年12月开始有计划申请国外院院校的MA课程,申请专业是和交互设计相关的。经过整整一个2018年一年时间的准备,到2019年3月收到了RCA服务设计专业的offer。刨除中间春节、摸鱼的时间,整个申请流程大概花费了约一年的时间完成。
对于双非背景的我而言,这个结果算是很满意了。

UAL的offer

RCA的offer
在申请前我也综合评估了自己关于申请MA课程中的不利因素,如下:
  • 双非背景,二流本科学校
  • GPA极低,仅仅是及格往上的程度。这对于很多注重GPA的国外院校而言是很大的劣势,而实际上从我的申请结果来看(收到相当多的拒信),这点很难被彻底消除,所以如果你还是本科在读,绩点真的要重视
  • 非艺术类或设计类相关专业,基础非常薄弱,甚至连像样的草图都画不出来(只能画火柴人XD)
  • 毕业已经两年——实际上这个不能说是劣势,更多的是从个人职业生涯规划考量的。但的确有一些学校会卡工作年限,2年的工作经验只能说是不上不下

申请艺术院校的专业和很多其他的专业都不一样,除却语言成绩、个人简历、文书等必要的材料意外,需要提供作品集,也就是你既往做过的一些项目的展示。我申请的专业都是与交互设计相关的,学校会比较注重逻辑以及综合水平,这与插画、纯艺术或服装等设计专业又有了比较明显的区别1 。而正是基于这样的要求,我在准备整个申请流程以及作品集的过程中需要把用到的工具和流程结合起来,才能产出一个令人比较满意的预期。

设计项目

作品集是最重要也是内容最多的一个部分。虽然院校对作品集具体的内容没有明确规定,但是并不意味着可以随便乱来或者应付。

以交互设计的作品集为例,最起码应该包含以下内容(通常情况):

  1. 调查和研究,即你做这个项目的原因
  2. 设计的草图或线稿图,以及一切能够展示你的思考和制作过程的材料
  3. 成品图,也可以理解是高保真的原型图,如果你做了一个app的项目就需要提供类似UI这类的材料,如果是和建模相关的需要有结构图和渲染图
  4. 使用说明及其他的补充材料,如服务设计中的模式图,你的项目的渲染图及使用场景等

选题

其实在调查研究之前,我还需要经历一个叫“选题”的工作。其实就是避免与其他学生撞车的同时你的创意足够新颖和有意义。在这个过程中,除了要求本身要有一些创造力和想象力以外,我更多地是从日常生活中去挖掘素材。
人的思维是比较复杂和难以解释的,我一般的流程类似:
  1. 观察某一个日常现象,哪怕是司空见惯或被你忽略的。
  2. 思考为什么这个现象为什么是这样,再思考这个现象为什么不是这样。
  3. 如果某条件发生了改变,这个现象会是这样吗?
  4. 这个现象的根本原因是什么?如果从这个层面入手能否改变它?
从这个流程中,我无论是走在大街上还是洗澡的时候都会去思考一些问题,然后当灵感出现后,我会尽快地用我手头可以记录的工具把想法记录下来,然后挪到我的Onenote的一个页面中。

模糊的原因其实是因为大部分的想法现在回想起来都是很搞笑无厘头的

而筛选的过程我会参照我想申请的学校的专业的要求来确定。比如某些学校的专业比较侧重于产品设计,在选题上我会尽可能地选择结合实物的交互设计项目。最终我是做了2个实物+app的项目,一个服务设计的项目和一个和编程代码相关的项目。此外,在选题的时候,不要吝啬于记录想法,尽管有一些记录你事后看会觉得是“黑历史”,但是记录思考的过程本身也是一个反复自我否定和提升的过程。如果没有记下来,在后面的反思工作效果就会打折扣了。


调查和研究

其实作品集最关键的就是选题和调查这个部分。在我看来这个过程就和写论文的资料收集和论证是差不多的。在调查和研究的过程中,除了展示给老师和学校方以外,论证的过程也是向自己验证这个项目是否有意义,或者通俗点说“有搞头”。哪怕这只是一个原型的展示,但实际上很多情况下,原型产品在设计验证的时候就已经知道是否能成功了。

内容

  • 背景调查——比如大趋势,大背景等,一般来自于二手数据,说服力和权威性是最强的
  • 用户画像——指项目的目标人群,经过访谈、问卷调查等方式总结提炼出的一个“典型”的形象
  • 故事板/用户体验地图——类似于通过图片+文字把各个阶段和步骤的流程串联起来的描述方法。
  • 解决方案的技术原理——如我做的一个给听障儿童训练发音的项目中,需要呈现关于傅立叶变换原理的讲解。
  • 竞品分析——是否存在类似或相同的产品或模式,你的优势或定位是什么

资料收集

关于资料收集各位看官应该都有自己的一套技巧。例如善用搜索引擎的技巧过滤无关的信息,或有自己的一些常用的网站,高级一点的可以爬虫找到自己想要的数据。因为我没有学习爬虫相关的知识,使用的也只是最简单的搜索引擎获取资料。基本上大部分想要搜集的主题都可以通过搜索引擎搜集得到,只是在效率上的区别而已。
我认为更关键的是,如何甄别数据源的真假。有时候正是因为数据太泛滥,可信度参差不齐。而在做作品集的过程中,涉及到我的选题的我都尽可能搜集近两年以内的数据。因为超出了这个年限一般参考性不会太强。此外,如果在知网等论文网站下载相关资料时,我也会查看作者的学校和学历,或出版方的资质等。

至于一手资料,有时候可能会用到一些数据分析的工具,目前我也只是应用过SPSS做过一些简单的相关分析或因子分析。听说大神们都是自己写模型来做数据分析的。但是作品集申请中,我个人认为如果做到这个地步也非常了不起了。如果具备这样的技能,请务必炫技。

而在收集一手资料的过程中,我认为比起分析用到的工具和技术,更有趣的是如何“获得”这些一手数据。我在调查当地流浪汉生存情况时,最初遇到了比较大的阻力———根本无从入手找到这些人群,更不要提面对面地接触。后来的方法是,找到了一个当地比较知名的义工队伍,加入他们,跟随他们一起去探访这些无家可归者,“成功打入内部”,拿到了最有价值、最直接的一手数据,对整个群体都有了一个很系统的理解。这对于后面我设计的项目有很大的指导和参考作用。

这件事给我的启发是,如果涉及的领域自己难以接触,去请教专家或相关从业者是最有效和直接的方法;其二则是,不要吊死在一棵树上,有时候另辟蹊径会有意外收获,从多个角度思考问题。

如果没有义工队员的身份掩护,这些无家可归者会对陌生人的戒心非常高

当我找到一篇相关的资料后,我通常会使用OneNote网页剪辑功能把正文部分收集到笔记本中。后续将会提炼有用的信息整理成自己的思路。

其中一个作品集项目用到的参考资料

确认产品思路

在收集资料的过程中,基本上脑海中已经形成了一个自己产品的雏形了。而此时你需要把你心中的“草稿”写成一篇“作文”。在这个过程中必然会遇到一些矛盾的抉择;或是对于自己设计的主题的模糊;也有一些情况会加入一些并不实际但看上去“很酷”的功能。这里我个人认为与个人风格的影响非常大,就像是厨师收集好食材后,制作的食物的口味和他的做菜风格相关。比如有些设计师比较克制,会着重于打磨或雕刻产品的核心功能,把用户体验做到极致;也有一些设计师在做作品集的时候会给出十分激进的解决方案或革命性的产品。

其中我认为需要注意的一点是,分清楚那些数据和资料的来源是用于验证你产品的可行性的,哪一些是用于指导你设计的方向和内容的。如关于用户需求的资料大多都是背景调查或一些用户访谈,而具体到某一个功能或某一种交互方式的设计,则需要考量用户画像、使用习惯的方面的资料。

通常我会用思维导图来确认产品的功能点,这么做的好处是我顺带可以把信息架构也做了。虽然信息架构和功能点并不是两个同样的东西,但是一般情况下我会按照功能点的层级归类来设计信息架构;某些特殊情况下我会把最核心或最希望用户使用的功能单独提炼出来,放在信息架构中比较靠前的位置。
如果涉及到服务设计的内容,还需要做一个流程图,来帮助自己建立一个清晰的思路。用到的工具有很多,你甚至可以手画一个,只要看上去足够清晰就可以了。

大家来猜猜这是个什么产品

整理后的思路一般包含以下的内容:
  • 功能点——由用户需求、市场背景、你观察到的可以改进的现象来决定
  • 为实现你的功能所需要的技术条件——如需要用到视觉识别,要考量到目前的技术条件是否已经达到(如果可以自己写或掌握就更好了)
  • 典型用户、用户画像——你是为什么人而设计的,他们有什么特殊之处
  • 产品的基本外观、形状、材质、特性等
  • 产品的定位
  • 使用流程、使用场景


以上这些内容并不是一定最终都会出现在你作品集的排版中。但是申请学校的过程中,学校方可能会安排面试的内容,其中会提问关于你排版中并没有出现的或额外的问题,此时如果你的准备不充分就很容易成为扣分项。
其实可以发现,调查研究的内容几乎涵盖了所有关于作品的“非视觉”的部分。而关于VI风格的确定、一些UI、UX的细节等,其实也和调查研究的内容相关联,因为视觉设计本身也是“功能”的一部分。这个会在后面的内容进行描述。

视觉设计

如果把单个项目的制作时长设定为3个月的话,如果前面的调查研究部分做的足够充分,我个人认为从视觉设计到最终的成品和排版,1个月以内的时间是可以全部完成的。

VI

通常我会优先把这个部分完成。这决定了整个产品或项目的视觉风格和排版。通常我会设计一个Logo,一套配色方案(根据情况有时候会有暗色模式),字体和字重,一些衍生的周边形象或变体。至于icon的部分,我通常会在设计好整个app界面后再单独设计(根据Logo的风格)。

Logo的部分,我会结合我作品的主题选取一些素材进行二次创造,如下图中我选取了一个衣架和魔方的元素进行结合,然后将结合后的元素进行简化,并加一些修饰的元素如阴影、描边等。关于Logo设计的方法网上有许多教程,这里不过多展开描述了。(很多平面设计专业的同学画的草图也比我在电脑画的要好看T T) 对于非设计专业出身的我而言,这种方法即节省了许多榨取灵感的过程,同时在逻辑上也能说得过去。
排版中可以把VI的设计过程呈现出来



配色方案的部分,我通常会使用情绪色板和一些配色工具来帮助我完成这个过程。情绪色板需要参照上文提及的用户画像部分,收集符合你的目标人群的一些图像。如我的目标人群是90后,可以选择一些他们喜欢的品牌Logo,或他们喜欢的表情包等。然后把这些图片拼合成一个画板,再使用高斯模糊处理,不一定需要使用Photoshop,美图秀秀也可以。
随后使用吸管工具在画板上取一个主题色,一般我会选择一个主题色+一个强调色+三个辅助色作为配色方案。
你可以使用一些配色工具来帮助你决定最终的配色方案。我使用的是这个工具
它可以帮助你确定好一个主题色后,使用不同的配色方案确立一系列的配色方案。这样你就可以结合情绪色板和配色工具来完成配色方案的设计了。
你可以把配色放在一些现成界面中进行预览测试

配色工具用法


字体的部分我没有太多的研究,我通常使用Helvetica和Roboto。如果有一些用于装饰用途的,可以使用一些艺术字和自己设计一些字体元素。(网络上还有对关于衬线字体和非衬线字体的区别的描述,在不同场景下有不同的使用方法。)

UI界面设计

这里不特指App的用户界面,还包含了设计的装置、终端、产品上的一切与用户发生互动行为或信息展示的界面。
通常我会选择在纸上原型上设计一系列的草图,然后使用Sketch完成最终的界面设计。你也可以使用IllustratorAxure来完成(前者有时候适合一些特殊尺寸或对画面有特殊要求的界面)。
在我看来类似Sketch这样的原型设计工具足以应付大部分的界面设计工作了(有时候对渐变颜色支持的不是很好)。

sketch界面

icon设计的部分,我会按照上文中设计好的LOGO做延伸,配色会采用上文中设计好的配色方案进行搭配。如下图中的icon统一采取镂空的风格,追求视觉上的统一。
这一版的icon并没有100%统一风格(部分镂空不好看),所以在确定风格前真的要深思熟虑

至于界面本身的设计,包括一些用户体验的规范等,我其实没有经过十分系统的学习,主要都是参照谷歌和苹果在用户界面上的设计规范和凭借以往工作经验,在一些关键的地方加入一些具有设计感的布局或元件,用于突出产品功能。而互联网上也有很多关于用户界面设计的一些原则和小技巧,这里就不过多赘述。

实物设计

有些朋友可能会误解交互设计就是画UI图,以至于在跨专业申请作品集的时候会集中把主题放在APP的界面本身。而实际上现在许多学校也很注重如何将实际的产品和交互设计结合起来。(比如小米的智能家居,或者是一些医疗或教育领域的创新产品等。)
由于我不是产品设计专业的学生,在做产品设计的时候(通常是与app相结合),我更多地会注重把功能、使用方式和交互方式凸显出来。而关于外形、材质和一些可用性、人体工学等方面因为我并不擅长,所以基本上都是参照同类型产品。
通常实物设计包含以下的内容:
  1. 产品设计草图
  2. 渲染图
  3. 结构图/功能描述图
  4. 使用场景效果图

草图通常是手绘,如果有绘画功底但是不是产品设计的同学可以参考一下花瓣上介绍的一些画法

这种类型的图叫爆炸图

使用场景图除了实物以外,类似于人物之类的可以用photoshop搞定,不一定全建模


作品集排版

我在写稿的过程中写到这一步其实已经不想写下去了,当用文字记录当时自己做整本作品集的过程时才发现其实做一本完整的作品集要投入大量的时间和精力。
上面提及的内容都只是素材,而最终我们需要把这些”素材“整合到一个完整的排版中,用故事、数据、图表等内容向学校和老师描述你的成果。
内容和一开始提及的作品集所包含的内容是一致的,需要注意的是要留意不同学校对作品集的页数有要求,通常一个项目分配6-8页为宜(加上封面)。

数据可视化

数据可视化其实算是一个独立的学科领域,但是在交互设计专业的作品集中,为了凸显出“科技感”和“专业感”,通常我们需要在视觉上美化一下你所收集的数据。
原因有两个,其一是外形本身就是一种功能,从易读性出发好看的图表也能使人阅读的效率更高;其二是虽然交互设计专业的申请中视觉并不是第一被考量因素,但是竞争者大多都是有美术功底的,在相同条件下无疑是更美观的胜出。

而实际上做数据可视化时,不一定非要把图表做成很酷炫或很复杂,相反许多人甚至连“三件套”的使用场景都没有搞清楚,就为了追求酷炫做一些很难看懂或强行把图表复杂化的设计。
其实只需要把你调研的结果讲清楚,将心思花在一些细节上,如配色、棱角、描边、图例的小形状上,就已经很增色了。

追求好看的前提是易读性


如果你具备一些编程能力,你可以考虑使用Processing/R/python等软件来制作更精美或复杂的数据可视化图形。但是通常在这种情况下,你所做的调研数据库需要足够充分和完善,而通常这样的前提是你研究的课题往往会比较深入或复杂。此外,你也可以获取一些二手数据,通过矢量绘制软件或其他的工具手段来重新把二手数据用更精美的方式呈现出来。

硬件

电脑

  • 联想E430C
  • 某年份的Macbook Air
  • 2018版的15寸MacbookPro



战斗成色的E430C



领导淘汰下来的旧款Macbook Air


外设

  • 绿联某转接口
  • 罗技M558无线鼠标
  • 斐尔可MINILA67机械键盘键

  • 希捷移动硬盘1TB

文具

因为在制作作品集的过程中需要画草图,同时院校也会要求你展示相应的思考过程。所以尽管交互设计专业并不特别要求“纸上功夫“,但我仍然需要在纸质的材料上展示我的想法和概念原型。这里用到的用具其实也很简单:
  • 铅笔&橡皮
  • UI尺
  • 草图本(大的空白本子)
  • 纸上原型(用于画UI草图)
文具如果不丢的话可以用很久

其实在最初的做作品集的时候,我手头的设备只有一台用了将近5年的联想,一支铅笔和一本草图本而已。设备和硬件并不能成为限制开始的理由,而在随后尽管我也购置了一些设备,但是在这个过程中我也保持了对设备购入最大程度的克制。可以在纸上完成的草稿坚决不用IPAD,可以用鼠标绘制的图形绝对不用数位板。在这样的过程,我的确磨练了自己的大脑,只有不过分依赖外在工具之后,才能够更好地发挥这些工具的价值,而不被工具所劳役。

软件

设计类

  • Adobe全家桶
  • Sketch
  • SketchUp(用于建模)
  • 犀牛(用于建模)
  • V-ray(用于渲染)

效率工具

  • OneNote
  • Google Keep
  • Notion
  • Eagle
抛开设计要用的专业软件不说,效率工具在调查研究的时候非常有用。【OneNote】担任整个资料整理和收集的中枢;而Googlekeep帮助我在室外或手头没有电脑时记录一闪而过的灵感或数据的收集;Notion更多是在复习雅思的时候发挥作用(后面可能会单独写);至于Eagle强力推荐购买,作者非常用心,而且不得不说离线图片管理的方式非常舒服。(有时候你要在离线环境下给别人看你收集的素材,如果全部存在花瓣之类的网站有时候会不是很方便)。

最后的话

按照进度这篇文章应该要在2个月前就完成了。但当我拿到offer和考完雅思后正应了那句成语:一鼓作气再而衰三而竭。等学习的劲头过了写一篇稿都写不下来。也因为这个原因,内容或多或少会有一些遗漏,比起当时规划的内容差了不少。所以要做什么事情,还是趁着有动力有兴致的时候赶快完成。
第一次在少数派投稿,欢迎大家批评指正或交流。


4
10