视觉传达和平面设计作品集讲解
作者介绍
康超
教育背景：
硕士毕业于伦敦艺术大学, 师从英国书籍艺术家Susan Johanknecht、Les Bicknell、Helen Douglas、Denise Hawrysio。
本科毕业于北京印刷学院艺术多媒体设计系
工作经历：
方正集团Founder Group
目前任职于China Daily中国日报社，主要负责China Daily新媒体设计和China Daily infographics频道的创建,以及中国国家政府英文网设计。
借调至中华人民共和国国务院办公厅为李克强总理设计infographics
主要展览：2015 三里屯太古里年轻艺术家奖 三里屯橙色大厅，"2011CCW MA Show" 英国坎伯韦尔艺术学院，2011 作品“Real Utopia”展于中央圣马丁艺术学院主要展览
收藏： 2011 作品《沉浸地城市》收藏于坎伯韦尔艺术学院图书馆
报道：作品报道于英国书籍艺术杂志杂志“Book arts newsletter”NO .69 UK
助理联系方式：qq2056079371 微信 olena_zheng
选视觉传达设计方向的同学出国深造的数量很庞大，在教学中我遇到申请本科和研究生的同学都带有这样的疑问。是选择传统的Graphic Design方向，例如书籍设计或者品牌设计，还是选择这些年很火热的互联网UI设计。的确由于互联网的发展，传统纸媒报纸书籍作为传播信息功能性已经衰退了，但是这对纸张这种媒介本身来说也是一种契机，因为同时也释放了它本身。但无论选何种媒介纸张或屏幕，我们探讨的根本问题应该是一个用视觉语言进行表达传播的方式，或者说是给用户和观众制造一种体验，就像图形设计师在海报上通过安排字体、照片和插图来创造用户体验；家具设计师在椅子上通过材料创造一种体验；室内设计师在屋子里运用布局、灯光、材料来营造一种体验。接下来我针对申请留学艺术院校准备申请视觉传达作品集从两方面来概括地聊一下我们在作品集需要注意的问题。
CommunicationDesign是个很广泛的词，简单说通过视觉语言进行表达传播的方式。一般大学的视觉传达专业会分成几个方向，比如字体设计。品牌设计、信息设计、UI设计等。申请视觉传达专业的作品集一般需要四到五个作品作品的类型需要根据学生感兴趣的方向来进行，但也要明确未来在研究生中要学习的方向。
要在作品集中体现你的灵感来源和思考过程
以互联网产品设计设计为例，当你确定好做一个信息类产品或功能性产品后。在作品集中要体现出你的灵感来源和思考过程，包括调研的过程。下面是做一个好的数字产品设计的流程。
以目标为导向的产品设计
首先要提出问题和明确产品目标和用户需求。写一个针对项目的proposal，带着以下问题去做调研。
Working title
How to...
How might we...
In what ways might we...
WHO?
谁是设计作品的受众？
WHAT?
设计这件作品的目的是什么？
主要讨论的 内容是什么？
希望传达哪些关键信息？
WHEN?
设计是否有时效性？
工作时间表
WHERE?
资料来源。例如数据来源、研究资料来源
作品发布的途径、预期途径和受众期望？
在互联网发布还是印刷？
WHY?
受众为什么会觉得设计作品极具重要的价值？
如果实在解释不出为什么它对受众很重要，
那么我们就应该放弃那个设计概念，
转向新的创意。
HOW?
调研和设计方法？
设计怎样易于理解？
可以让别人来协助审视内容
用户需求
任何涉及努力的结果都必须最终在多大程度上满足了用户。无论设计师多么熟练和富有创造力，如果没有清晰而详细的关于目标用户的知识、问题的约束条件成功的概率将会很小。下免得表格是常用的做用户调研的toolbox（图2）,并不一定在用户需求调研中全部用到，需要根据不同的项目选择最合适的方法。
用户研究工具箱，来自学生作品（图2）
然后将调研的结果用infographic在作品集中展现出来。（图3、图4）
学生作品（图3）
学生作品（图4）
信息架构
在一个app或网站的设计中，信息架构是重要的一部分，良好的信息架构能使用户更有效地搜索信息、运用信息，同时使信息提供者能更好地表达自己的思想和意图。这张图展现了数据到知识的转化途径，即把原始状态下没有使用价值的数据，经过综合整理后形成最初的信息，然后再经过组织和梳理，进而转化成知识、智慧等。在这个过程中，对信息进行综合整理、组织化和条理化。
信息架构图，来自学生作品（图5）
设计场景剧本
叙述（narrative），或者讲故事是很具有创造力的方法之一，我们需要用故事来考虑可能性，想象用户使用我们产品的故事。围绕故事设计出的体验用户更容易理解，也更容易投入，因为这些体验是以某个故事为结构建立起来的。
框架和细化
为了避免开始就立即进入细枝末节的工作中，而是先站在一个高层次上关注用户界面和相关行为的整体结构。设计框架定义了用户体验的整体结构，从屏幕上功能元素的组织，到交互行为和底层组织行为，到何种视觉语言和形式语言来表现数据、概念、功能和品牌形象等。设计框架一般包括交互设计框架和视觉设计框架。
线框图，来自网络作品（图6）
线框图，来自网络作品（图7）
线框图，来自网络作品（图8）
线框图，来自学生作品（图9）
视觉界面设计
为帮助用户达成目标，在理解产品的用户和精心设计产品的行为之外，如果没有用适当的方式将行为和用户联系在一为帮助用户达成目标起，无论花费多少力气都是不够的。申请视觉传达专业我们要重视在视觉界面设计这一阶段。
视界面设计需要创造出有效且吸引人的用户界面，必须掌握一些基本的视觉要素，如颜色、版面（Typography）、形式（Form）和构成(Composition)，还必须了解如何运用这些要素来有效地传递行为和信息创建自情感和内心的反应。 界面设计也必须掌握交互原则和界面习惯用法的基本知识，这些对于塑造产品的行为都很重要。
申请pratt艺术学院硕士作品（图10）
申请pratt艺术学院硕士作品（图11）
设计视觉界面应该注意以下方面:
运用视觉属性将元素分组，创造出清晰的层次结构
在每个组织层次上提供视觉构架和流程
使用紧凑、一致且上下文合适的图像
风格一致，功能全面并有目的性
避免视觉噪声（visual nose）和杂乱
值得一提的优秀范例是google新发布的Material Design,设计鲜明。新的视觉语言，在基本元素的处理上，借鉴了传统的印刷设计——排版、网格、空间、比例、配色、图像使用——这些基础的平面设计规范。在这些设计基础上下功夫，不但可以愉悦用户，而且能够构建出视觉层级、视觉意义以及视觉聚焦。精心选择色彩、图像、选择合乎比例的字体、留白，力求构建出鲜明、形象的用户界面，让用户沉浸其中。
Goolgle的Material Design（图12）
在设计视觉界面中尽量运用网格系统（图14）。
运用网格系统的好处： 1.可用性 2.美学上吸引人 3.提高效率
申请pratt艺术学院硕士作品网格运用（图13）
因篇幅有限，以上向大家大致讲了一些交互设计的流程和使用的工具。以下是一些优秀的作品，有机会向大家更详细聊每一步的细节设计。
Bella Huang作品
来自网络作品
来自Dribble排名第一的设计师Mike作品