设计师如何理性的定义视觉风格——情绪板

“做的挺好看,但是不符合我们产品调性”“还不是很理想,你看**家的那种,你照着抄一下”

“感觉差点意思,你再出几版看看”……到这里设计师已经血压开始升高了,内心一段国粹奔涌而出.为什么我们会遇到这种场景?

因为我们没有一个科学的设计思考路径.在接到文字描述的需求后,视觉风格的定义通常是依赖竞品视觉和相关设计参照带来的灵光乍现式的创意.在设计结果输出前,我们往往是“封闭性”的进行创作.很多设计师习惯性的直接将视觉结果呈现给关联人员,单方面的去组织和阐述设计理念.产品经理、运营或者老板往往是最后的阶段才介入,他们直接对结果进行审核.中间沟通环节是缺失的.作为整个业务链的一环,我们的设计工作是与上下游有点割裂的.

丰富的联想和创造能力是我们设计师的优秀品质,但是我们在缺少经验的情况下,完全依赖创造性思维,往往不能做出符合我们产品需求的作品,这就给我们工作带来很多不必要的返工.所以我们需要借助一些科学的工作流程和工具来帮助我们提升效率和设计的准确性.

我们需要知道设计策略的制定不仅仅是设计师的职责,这个部分需要产品经理、运营等相关人员一起参与,因为设计结果的准确性比美观度更重要,我们只有充分了解了用户和我们的业务才能做出符合我们产品要求的设计,通常运营人员、市场人员、商务人员、老板或者产品经理比我们更靠近用户,更了解业务,我们通过与关联人员深入的沟通才能知道我们的设计风格做成什么样子,才会更能迎合我们的受众,才能更好的服务我们的业务目标.

沟通越多,我们的设计目标才会越清晰.如何在引导大家一起进行设计风格的探讨,并且如何按照探讨的结果将设计风格很好的描述呢? 这就需要工具的辅助了——情绪板.

情绪板(Mood Board))是由能代表用户情绪的文本、元素、图片拼贴而成的，它是设计领域中应用范围比较广泛的一种方法。它可以帮助我们很好的定义设计的方向.

情绪板的本质在于将“情绪“可视化,把抽象的难以言表的“感觉”变为具体的物像的表达,并通过图片集合的形式将其表现出来.情绪板对我们的设计思路起到了一个很好的梳理作用,可以很高效的阐述你的设计想法,在不需要输出设计页面的情况下,让团队了解到产品将会有的设计风格.如关于欧运动风格的产品,他的情绪版可能就是如下:

(图片来源网络)

情绪板可以将我们的“感觉”清楚的传达出来,一方面可以帮我们将设计想法具象化,找准设计方向.另一方面可以把想法更直观更高效的传递给关联人员,在视觉策略上达成一些共识,构建统一的设计世界观.

1,实施步骤.

情绪板的实施分为3个步骤:原生关键词(抽象词汇)、 衍生关键词(具象词汇) 和图片搜集(衍生关键词映射)

1,原生关键词,通常是抽象词汇,简单说就是用词语概括我们希望传达给用户什么样的品质,用户希望我们具备哪些品质也就是我们的产品的核心价值所在.如理财产品的词汇是“友好”“品质感”“安全”“可靠”等.这些是我们构建设计价值观的基础.需要注意的是这些传递给用户的价值观不是由设计师冥思苦想出的,是由产品顶层设计人员来定义的.所以需要我们与相关人员反复沟通确认.由他们来告诉我们,或者与他们一起来探讨.必要的时候让他们参与我们情绪板的制定工作.

2,衍生关键词,就是把抽象词汇通过联想具象化, 通过头脑风暴,将抽象的词汇用具象的物品来表达.如:“安全”可以联想到,密码锁、保险柜、盾牌、等. 这个阶段需要我们发散思维,联想到越多越好.在这里我们可以将衍生词汇进行映射分类.视觉映射、心里映射和物化映射.这些分类可以更好的帮助我们梳理思路,防止重复和遗漏.

(图片来源网络)

3,图片搜集,产出情绪版

图片收集:我们按照第二步中得到的词汇,去搜集相关的图片.将图片集合进行分析整理.就得到了需要的情绪板.(找图的国内网站推荐:海洛创意、摄图网、视觉中国.)

要有结果.产出情绪版只是我们整理视觉思路的一个过程,我们使用工具的目的是帮助我们得出结论,通过情绪板分析整理出视觉风格的定位才是我们最终要输出的结果.情绪板的终点不是图片合集,是通过图片合集挖掘出来的设计风格和品牌色的提取.视觉风格可以分为五个方面进行整理.颜色、字体、构成、图形和质感.

1,颜色.我们通过情绪板可以提取品牌色.如通过图片集合我们可以发现,热闹、盛典、惊喜等可以用橙、红等暖色调,电商行业运用最多也是这两种颜色.

2,字体.不同调性的产品用到的字体差异会非常大,不同的字体可以传达出不同的情绪,字体分为衬线体、非衬线体、手写字体等字体的颜色、粗细、大小、排版的呼吸感等都会影响作品基调的传达.通过整理分析情绪版,找到我们字体的设计方向.

3,图形.通过情绪版我们可以找到能够带给用户相应感觉的具象的物体,从而为我们的图形设计找准方向.

4,构图.画面布局对品牌调性的传达起着关键的作用.以UI设计为例,入口的划分、卡片容器的大小等都要符合品牌调性.

拼多多这种综合类型的平台,品类丰富、用户范围广泛,在布局的时候就需要结合人群的线下行为喜好,给用户多个入口,卡片之间水槽的宽度适宜.得物app垂直电商平台,主要针对潮男潮女,他们喜欢直接、简单、大胆的产品,在首页去掉了分类入口,直接展示商品卡片流,满足用户的需求.

5,质感.设计时候的光影、纹理等细节体现.这部分的应用主要是结合用户的喜好.如一款年轻女孩儿用的app,按照情绪板的分析步骤,我们原生关键词可能是“软萌” 衍生关键词可能是“果冻”“糖果”以此我们可到情绪板.通过分析情绪版可以得到果冻质感的设计方向.

整个情绪板方法的实施步骤如下:

站在全局的角度,我们就更容易了解情绪板的使用流程了.情绪板给我们零散的设计灵感提供了一个科学的串联路径,助力我们很好的找到设计目标的靶心,提高了我们的设计效率,同时也为团队同步设计方向提供了沟通的基础.