新媒体视觉设计第2章新媒体视觉设计准备工作课件.pptx

1、第2章 新媒体视觉设计准备工作 目录2.12.22.32.4 新媒体视觉设计的准备工作分析用户需求，可以明确设计方向；分析竞争对手，可以取长补短，避免同质化；在此基础上，确定符合目标用户需求，但不与竞争对手重复的设计理念，然后，利用情绪板工具，完成设计草案。2.1 明确用户需求 2.1 明确用户需求一个用户说，我现在需要一个馒头。这时最好的方法并不是给用户一个馒头，因为我们知道这里用户真正的需求是“用户饿了，想吃东西”，这个时候如果你提供一个鸡腿给用户，大部分用户都会更加高兴。简约至上简约至上 2.1 明确用户需求在明确用户需求时，可以借助 KANO 模型，KANO 模型是东京理工大学教授狩野

2、纪昭(Noriaki Kano)发明的对用户需求分类和优先排序的有用工具，以分析用户需求对用户满意的影响为基础，体现了产品性能和用户满意之间的非线性关系。根据不同类型的质量特性与顾客满意度之间的关系，狩野教授将产品服务的质量特性分为五类：l基本(必备)型需求Must-be Quality/Basic Qualityl期望（意愿）型需求One-dimensional Quality/Performance Qualityl兴奋（魅力）型需求Attractive Quality/Excitement Qualityl无差异型需求Indifferent Quality/Neutral Quality

3、l反向（逆向）型需求Reverse Quality 2.1 明确用户需求用户并不知道自己真正的需求，一旦我们能够提供超出用户预期的设计，就会大大增加用户满意度。2.2 分析竞争对手 2.2 分析竞争对手竞品分析，顾名思义就是对竞争对手的产品进行分析，因为产品的内容极其相似，所以如果是市场上已有的产品，就可以分析相似的设计、相似的产品。这里的竞品分析指的是视觉上的竞品分析，竞品分析会使设计方向更有理论依据、不偏不倚。2.2 分析竞争对手在获取竞品的时候，可以利用新榜（）中的新媒体（包括微信、微博、头条等各大主流新媒体平台）排行榜，查看本行业排名靠前的新媒体品牌如何进行视觉设计（如图 2-2 所示

4、），然后，可以在设计理念、色彩、插图、字体、有无动态效果等不同维度寻找差异化。2.3 确定设计风格 2.3 确定设计风格设计风格是设计师在构思过程中所确立的主导思想，它赋予了设计内涵和风格特点。合适的设计风格至关重要，它不仅是设计的精髓所在，而且能令作品具有个性化、专业化和与众不同的效果。艺术家 Marco Marilungo 用漫画的形式将人类艺术史上最主要的 16 种风格生动形象地展现了出来。2.3 确定设计风格这 16 种风格中的一部分在新媒体视觉设计中应用非常广泛，比如现实主义、印象主义、立体主义、波普艺术、极简艺术等，而另一些因为过于抽象，在新媒体视觉设计中相对少见，比如抽象主义、非

5、正式艺术、观念主义等。伴随着新技术的诞生和社会文化的发展，新媒体视觉设计实践中还诞生了一些全新的设计风格，比如蒸汽波艺术、三维渲染艺术等等。2.3 新媒体视觉设计实践解析现实主义关注还原现实，一般具有极强的逼真程度，所以也可以称之为写实风格，写实风格关注细节，非常重视细节的还原程度。比如锤子手机的 UI 设计采用的就是写实风格，非常精美：1.现实主义（写实风格）2.3 新媒体视觉设计实践解析为了保持统一的设计理念和严苛的美学标准，甚至重新绘制了以扁平化风格为主的第三方应用图标：1.现实主义（写实风格）2.3 新媒体视觉设计实践解析20 世纪 60 年代，在包豪斯运动的影响下，极简主义开始出现，

6、现在，极简主义已成为当今主流的艺术风格之一。极简主义风格以简单到极致为追求，感官上简约整洁，品味和思想上更为优雅。极简主义关键词是理性、简洁、干净。极简主义设计的风格包括摒弃复杂，只使用基本元素、大量留白、色彩、字体都很简单。2.极简主义 2.3 新媒体视觉设计实践解析2.极简主义 2.3 新媒体视觉设计实践解析旅行类公众号“24HOURS”、营销类公众号“休克文案”、情 感 类 公 众 号“我 要 WhatYouNeed”等都是采用极简风格的设计。化妆品牌 HomeFacialPro 的公众号也非常好地诠释了极简主义的设计风格，和品牌简单、有效的定位非常契合。2.极简主义 2.3 新媒体视觉

7、设计实践解析3.印象主义（像素艺术）大多数人接触到“像素化”图像应该要追溯到玩小霸王游戏机那个年代了。但其实如果把“像素化”放在艺术领域去讲，最早可以追溯到 19 世纪 80 年代的点彩派。点彩派不用轮廓线划分形象，而用点状的小笔触，通过合乎科学的光色规律的并置，让无数小色点在观者视觉中混合，从而构成色点组成的形象。之后的艺术家用电脑绘制类似的图像被称为像素艺术。2.3 新媒体视觉设计实践解析3.印象主义（像素艺术）美妆类公众号鲸鱼颜习会在封面设计时，部分采用了像素风格。2.3 新媒体视觉设计实践解析4.波谱艺术波普艺术在 20 世纪 50 年代中期诞生于英国，它反对一切虚无主义思想，通过塑造

8、那些夸张的、视觉感强的、比现实生活更典型的形象来表达一种实实在在的写实主义。和孟菲斯风格的起源类似，都是因为青年艺术家们对于风格单调、冷漠、抽象的现代主义感到厌倦、反感，渴望从希望有新的设计风格表现自我，于是在英国青年设计家中出现了波普设计运动。所以波普艺术和孟菲斯有很多的相似性，比如注重形式主义、色彩饱和度高而且颜色丰富、主要的表现形式是图形。2.3 新媒体视觉设计实践解析4.波谱艺术情感大号“我走路带风”采用的就是波普风格的设计，非常有趣：2.3 新媒体视觉设计实践解析5.孟菲斯艺术孟菲斯艺术风格最早形成于 1981 年，是由一群意大利籍家具设计师探索出来的一种装饰艺术的设计风格。他们反对

9、单调冷峻的现代主义，提倡装饰，强调手工艺方法制作的产品，并积极从波普艺术、东方艺术、非洲拉美的传统艺术中寻求灵感。孟菲斯艺术风格在色彩上，常常打破配色规律，喜欢用一些靓丽、纯度高、大胆、对比强烈的配色。在排版上，元素之间没有过多的联系，但是要做到“形散神不散”，构图上一定要保持平衡。2.3 新媒体视觉设计实践解析5.孟菲斯艺术孟菲斯艺术风格另一个很明显的特点，就是运用大量的几何元素。规则的几何图形有圆形、三角形、矩形、圆环、波浪线、网格、斜杠等等，不规则的几何图形也是由点、线、面拼贴而成。知乎、陌陌、有道翻译官等知名互联网企业在广告中都尝试过孟菲斯艺术风格。2.3 新媒体视觉设计实践解析故障艺

10、术的流行和进入学术讨论大概是在 2010 年以后，是指利用事物形成的故障，进行艺术加工，使这种故障缺陷反而成为一种艺术品，具有特殊的美感。故障艺术最常见的就是电视机、电脑出现问题后产生的破碎、有缺陷、颜色失真的图像。6.故障艺术媒体艺术之父白南淮创作的故障艺术风格的作品 2.3 新媒体视觉设计实践解析故障艺术在国内的走红主要归功于抖音。抖音爆红后，许多设计师开始关注并模仿这种风格，导致故障风的设计泛滥。6.故障艺术 2.3 新媒体视觉设计实践解析6.故障艺术 2.3 新媒体视觉设计实践解析故障艺术的制作非常简单，使用 PhotoMosh 等一键生成故障艺术的工具，直接把图片拖拽进工具即可。6.

11、故障艺术 2.3 新媒体视觉设计实践解析插画风格在设计领域的应用非常广泛，包括扁平 插 画、手 绘 插 画、MBE 插画（由法国设计师 MBE 于 2015 年年底在 Dribbble 网站上发布而走红、立体插画等多种不同的表现形式。7.插画风格 2.3 新媒体视觉设计实践解析7.插画风格许多公众号的视觉设计都采用了插画风格，特别是主打年轻人和女性群体的公众号。比如，公众号行动派采用了扁平化插画风格。2.3 新媒体视觉设计实践解析7.插画风格公众号咪蒙、UC校园、姜汁满头等采用了手绘插画风格：2.3 新媒体视觉设计实践解析8.赛博朋克风格赛博朋克是科幻小说的一个分支，有着强烈的反乌托邦和悲观主

12、义色彩。今天赛博朋克经常以隐喻义出现，反映了人们对于大公司企业、政府腐败及社会疏离现象的担忧。一些赛博朋克作家试图通过他们的作品，警示人们社会依照如今的趋势将来可能的样子。因此，赛博朋克作品写作的目的是号召人们来改变社会。赛博朋克风格以蓝、紫、青等冷色调为主色调，霓虹灯光感效果和故障艺术风为辅助（图像的失真、错位、破碎等），有时还可以加一些异常的现象比如180 度翻转的建筑，还有复古风和未来风并存。2.3 新媒体视觉设计实践解析8.赛博朋克风格常见的元素有黑客、数字空间、虚拟现实、人工智能、控制论与电脑生化、都市扩张与贫民窟、大型企业、基因工程、毒品和生化、恐怖主义。2.3 新媒体视觉设计实践

13、解析9.蒸汽波艺术蒸汽波风格兴起于 2010 年初期，是一种受赛博朋克影响的网络线上艺术，主要采用拼接的方式制作，用于拼接的元素主要来自 80、90 年代流行文化的产物，比如，Windows95 的界面、老版的 IE 浏览器、石膏雕塑等。2.3 新媒体视觉设计实践解析9.蒸汽波艺术人人车在春节前夕推出了一支 H5，故事的内容可以归纳为一个青年在春节被亲戚盘问，最终选择尬舞唱歌让亲戚别担心。除了故事内容外，H5 的风格则比较特殊，一开始的亲戚对峙采用了故障艺术风格游的游戏交互，后面的 MV 则充满粗颗粒、复古科技的热闹。H5 整体采用赛博朋克式蒸汽波风格，超现实的画面风格对撞现实的春节亲戚，形成

14、了一种夺人眼球的对撞感。H5 开头用故障艺术的动效、电脑对话框与第一视角镜头，做足虚拟现实结合的游戏感氛围。MV 部分男主搭配音乐唱跳，背景拼贴复古的霓虹、游戏像素、迷幻万花筒、粗颗粒画质视频。短短一分多钟，唱了整整 20 个“别担心”，还搭配了极其洗脑的推掌动作与鼓点节奏。2.4 完成设计草案 2.4 完成设计草案完成设计草案设计草案时，可以运用情绪板方法。它诞生于 20 世纪的非信息时代，参与者被要求从日常的报纸杂志中挑选出符合某种心情意境的图片，剪下来粘贴在一起。现在的设计中，也会运用到这类方法。2.4 完成设计草案 2.4 完成设计草案第一步要确定设计的情感关键词。关键词的选择主要和目标用户和品牌定位有关，比如，受众是年轻人时，设计的关键词可能会出现个性、时尚等。然后根据关键词去图库寻找模仿对象和素材，模仿对象可以是设计精美的网站、杂志或其它公众号，素材可以是任何图片。最后，对汇总在情绪板的素材进行归纳总结，选择合适的字体、色彩、风格等，形成设计草案。设计实践1.借助 KANO 模型分析老年新媒体用户的需求。2.分别搜集 1 个写实主义和极简主义风格的典型公众号设计案例，并分析亮点。