上几期讲解关于交互设计的版面技巧,大家都学到了吗?从这一期的版面技巧分享开始我们来给小伙伴们讲讲工业设计的版面设计,大家要记好喽!
序言
以wikipedia的解释,工业设计是设计那些能够被大规模生产的产品的过程。放在若干年前我背着书包漫步在大学校园的时代,这个解释非常准确。而放在现在,似乎它的范畴里少了些内容。这几年工业设计的发展,已经非常强烈地吸收了来自交互设计、服务设计、用户体验和系统设计等领域的思维方式与设计方法,目前的工业设计已经不仅仅是一张图纸扔上流水线看到实物产出的过程,它更应该是关注与目标用户的需求与一个综合解决方案的产出,这其中,硬件产品是其中的主要部分,大致这样的范畴都可以称之为工业设计。
本书中,我们将工业设计划分为如下三个类型,并且将分章节介绍各个类型的设计:
- 传统用户为中心的工业设计 UCD
- 以服务和体验为中心的设计 UED(SD)
- 以红点概念奖为代表的概念设计 CD
注: UCD = User Center Design UED = User Experience Design ≈ Service Design CD = Conceptual Design
作品集是一个综合呈现设计师能力的工具,而这其中最重要的当属设计方法,通常如果能够在一本作品集中体现出以上几种截然不同的设计方法论,申请的成功率会大大提升。
后续的内容呈现的是一本完全架空的工业设计作品集的各个页面(熟悉交互设计的同学应该会觉得它更像是作品集的低保真原型),各个页面的重点是介绍这部分内容如何排布在作品集中,所以如果你对于作品集或版面完全没有概念,这个内容能够帮助你建立起“作品集是什么”这样的一个概念,而如果你的项目已经完成,那这个内容也能够帮助你梳理自己作品集的设计呈现思维。
所有的内容我们都是通过 Adobe Illustrator 原创制作
1.以用户为中心的设计(UCD)
以用户为中心的设计,或者 User-Centred Design 应该是最传统的工业设计思路,所以在典型的工业设计作品集中,第一个项目一般都会尽可能靠近UCD的设计思路,大致分下来,UCD 的典型内容可以分为如下步骤(为了方便对应作品集制作,核心要点均用英文):
主要步骤
3.1.1 Persona(人群)
3.1.2 Insight(洞察)
3.1.3 Questionnaire(问卷)
3.1.4 Interview(访谈)
3.1.5 User Needs(用户需求)
3.1.6 Concept Generation(概念生成)
3.1.7 Concept Selection(概念筛选)
3.1.8 Mock-Up Development(测试模型)
3.1.9 Moodboard & Appearance(情绪板与外观设计)
3.1.10 Design Communication(设计传达)
3.1.11 Design Evaluation(设计评价)
3.1.12 CMP Design(部件、材料和工艺)
后续的章节将逐一介绍每个要点在作品集中的典型呈现形式。它在作品集中看起来大概是这个样子的:
注意:本书中的所有举例仅是一些版面的可能性,并不能涵盖所有版面,所以在使用的时候注意灵活运用,结合自己具体的项目内容与版面风格进行,切不可完全照搬。
1.1 Persona
作为设计师,能够寻找到合适的设计方向,以及进行合适的初步的设计定位是一个非常重要的能力,而一些院校也在自己的作品集要求中提出诸如了 “identify good design opportunity”这样的设计要求。而很好地展示设计能力的开始就是设计师定位用户的能力,即 Persona。
词典中 persona 一词的意思是这样的:The aspect of someone’s character that ispresented to or perceived by others.
简而言之就是一个人呈现给别人的或者被别人看到的性格或特点。中文我们一般叫它“用户画像”。它的表现形式可以有很多,而在作品集中最常见的形式就是拼图。
一般来说,在标准的A4幅面作品集中,除非项目内容特别庞杂,persona board 是可以独占一页的。
当然,persona还可以有其他的一些形式,大致如以下这些图例所示:
上图是另外一种 persona board 的呈现,左侧的内容是 who they are, 内容主要是展现他们生活状态一些细节的图片;右边的内容是围绕用户的 daily brands, 通过品牌来体现用户的定位。
当然,persona board 的另外一种呈现也可以是以几个典型用户的形式来体现,如上图所示。但是需要注意的是,这几个典型用户所创造出来的“用户空间”以及要能够反映你的目标用户。但是,并不是所有的项目都起于persona, 只有那些先定位了一些人再逐渐剖析发现问题的设计流程才会以persona board 作为设计的起点。
1.2 insight
Insight 这个词很难有准确的翻译,“洞察”一词很难精确描述 insight 的精确内涵。简而言之,可以将“insight”一词的意思理解为对于一个问题(issue)的初步了解,但是还没有精确到发现问题(problem)的程度。
如上图内容左侧,insight board 的基本形式主要是图文结合。需要寻找到有足够表现力的图片进行问题(issue)的初步描述,再通过文字的形式加以说明。甚至更多时候,文字的出现仅仅是为了版式上的装饰和平衡。
类似的insight版面样例还有如下几种:
在这个例子中,左侧的图是对于现状分析的图片,而右侧是对于用户调研的Questionnaire 的部分。
这一页的版面有了一些装饰内容,对于那些具体的环境和语境(context)的项目,可以通过一点点图片来揭示或烘托一下项目背景,如最左。
关于insight的篇幅,最长可以是1整页,而短的话甚至可以没有,因为并不是所有的设计项目都是设计师去探索设计方向的,还有很多设计是给定的设计方向(design brief), 这部分内容暂不做讨论。
1.3 Questionnaire
相信对大部分同学来说,问卷绝对是最熟悉的一个调研方法。这一章不讲问卷的注意事项,仅仅用来阐述问卷调研在作品集之中的使用方法。
如下图右侧所示,一般来说问卷调研在作品集之中并不需要呈现完整的问卷调研全过程,仅需要将调研的结果做出呈现即可。而常用的图表无非饼状图、柱状图、折线图、环形图、雷达图等等。所以,版面中需要做到的就是把核心的数据,即能够对设计产生影响的数据,通过图表的形式展现出即可。要做到的就是清晰、有逻辑、有条理。
这里图表的绘制可以参考1.2 图表绘制
以下是有关Questionnaire 在工业设计作品集中的其他应用举例:
同样,这里的左侧仍然是 insight 内容的一部分。当然,在版式上,questionnaire 这里并没有固定和统一的格式,根据需要有可能是从半页到两页左右,还需要根据具体的情况来定。本节内容也仅是参考。
本章内容节选自《版面速食/设计留学作品集全攻略》,现在赠送pdf版还在继续哦,关注公众号回复“版面”即可。
想要看交互设计方面的作品集版面技巧,可以点开以下文章哦!
《教你如何将作品集完善的更好》
《或许这是你该pick的版面设计》
《帮你开拓思路解决作品集的疑难杂症》
《嫌作品集内容不充实?这里有一份版面材料等你看》
《思维逻辑对版面的重要性》
《原来设计版面可以这样做……》
《交互设计专业的你值得拥有》
任何关于院校和作品集的问题
欢迎随时和马克君沟通
知无不言,言无不尽