烟台app制作：如何做好品牌设计

品牌在做设计的时候其实大致可以分为三个阶段，分别是：

第一阶段，设计前期的产品思考；

第二阶段，设计中期的品牌树立，视觉细节阶段；

第三阶段，设计后期的品牌规范，其中包括VI体系规范和品牌推广相关的视频，手册等等。

而我在这里主要想阐述的是设计前期，设计思考的内容。

设计师在做设计之前是需要做设计思考的，但是有很多人却不理解为什么要做设计思考，难道就不能直接入手画图吗？而我们又到底需要思考一些什么东西呢？如果你想知道美工和设计师之间的区别，那么设计思考就可以很好地帮你找到答案。

设计师都希望自己设计出的产品可以独树一帜，而设计思考的目的就是找到这独树一帜的方法或者途径。问题来了，那么如何才能做到独树一帜呢？独树一帜，顾名思义，就是说与你的同类品牌相比，你的产品更有特点，或者你的产品能表现出竞争品牌所没有表现的东西。

在设计前期，我们具体需要去思考哪些内容呢？

首先，你可能会想到：

♦ 这是一个什么样子的产品？

♦ 产品的用户群体是谁呢？

♦ 用户喜欢什么样子的产品？

♦ 它能给用户带来什么？

♦ 它能给我们带来什么结果？

♦ 与市面上同类的产品相比，吸引点是什么？

以上这些都是一些基本的思考问题。

主要操作步骤可以归纳概括为这五点：

   1. 独到的产品分析  

   2. 竞品分析  

   3. 确定用户群体

   4. 完善用户模型  

   5. 创建情绪面板

1.独到的产品分析，在这个阶段我们需要做三件事情：

   a. 分析产品需求，要成为一个什么样子的产品　

   b. 确定品牌个性和形象  

   c. 整个产品功能定位是什么

2.细致的竞品分析，在这个阶段需要做三件事情：

   a. 确定分析目标（想得到什么，竞品都做了什么？）

   b. 从视觉、交互体验、产品功能层面分析

   c. 得出结论（生成分析文档）

3.确定用户群体，在这个阶段需要做四件事情：

   a. 产品的受众（你的用户是谁？）

   b. 确定年龄层  

   c. 设定品牌视觉等个表现  

   d. 得出参考关键词

4.完善用户模型，在这个阶段需要做两件事情：

   a. 用户调研、问卷  

   b. 收集用户反馈、关键词

5.创建情绪面板，在这个阶段需要做五件事情：

   a. 确定体验关键词  

   b. 选定测试人群

   c. 选择素材创建情绪板  

   d. 展示结果  

   e. 视觉元素提取与参考

以网易云音乐为例，我们来详细的阐述一下这些步骤。

第一步，独到的产品分析：

首先这是一个音乐产品，接下来我们来分析一下什么是音乐产品。音乐其实是人们日常生活中不可或缺的一部分，你会发现每一天每一个时刻全世界各个地方不同的人，他们都会在不同的地点和场合欣赏音乐，享受音乐带来的快感和舒适，所以也有越来越多的人在社交媒体平台讨论并且分享音乐话题。

上图是当时用户对市场上几大音乐产品的“内容偏好、产品反馈、品牌感知度”的一个调研。

从数据反映来看，用户对这几款音乐软件的“内容偏好，产品反馈，品牌感知度”来说，虾米音乐占最大的优势，好评度是在当时相对最高的，用户对产品的反馈也相对最好，其次是酷狗音乐和豆瓣电台，它们都占据一个比较靠前的形势，其中酷狗音乐是使用的人数非常多，豆瓣电台是整体品质较高，有一种文艺范儿。

多米音乐、酷我音乐、百度音乐处于一个中间的形势，反馈相对比较平平。反馈相对最弱就是QQ音乐，可能是因为它们当时定位的主要用户群体是90后，产品在做视觉设计的时候，表现力方面过于追求低龄化所导致的结果。

那当时的音乐市场状况又是什么样子的呢？其实当时的行业现状是一片红海市场，整体呈现一个比较饱和的状态。问题关键就来了，我们如何才能在这片市场中占有一席之地呢？

可以肯定的是现在音乐的形式早已经从最初的手与手的交换模式，推荐音乐、开始听歌等模式慢慢地转换成使用专用设备听歌的模式（iPod，MP3，CD机，电脑听歌等），再慢慢地到移动设备（我们的手机），随时随地听歌的一个模式的演变过程。

这是早前的一个数据显示，数据显示无线音乐长期呈现一种快速增长的趋势，这说明无线音乐市场会越来越火。

再来看一份数据，这是移动音乐用户占比与PC音乐用户占比的一个对比分布图，蓝色区域是移动用户的占比分布，我们可以看出移动音乐用户的占比越来越大，也就是说移动听音乐越来越流行。但是移动音乐的行为也在发生着一些变化，人们开始用碎片的时间来听歌，人们需要随时随地在碎片听歌的时间里发现好音乐，人们听音乐时需要情感的表达，更加喜爱分享。

由以上内容我们可以归纳出云音乐要做的功能：

第一点：专为移动而生。

第二点：现实与网络的纽带，随时随地发现好音乐。

第三点：音乐是情感宣泄的出口，APP也是有感情的，需要在听音乐的时候带给用户良好的情感体验。

所以在产品功能属性上可以概括出几个关键词：移动音乐，情景体验，社交文明。

在创新上需要从三个方面去努力：人性化（操作、交互和用户体验做到人性化，易操作），个性化（根据每个人不同的音乐口味去推荐一个精准的歌单，能够找到关注音乐品味相似的朋友），精品化（音乐品质高，曲库整理完整，做精品）。

所以产品在品牌个性上和形象上可以概括为这几个关键词：个性化，人性化，高品质

第二步，细致的竞品分析

在正式开始之前当然需要做一些竞品分析，了解市面上的竞品是如何做的，它们的视觉表现和现状是什么样子的。这样做的目的是为了更好地取长补短，为我们后续的设计提供参考，而且不光要对国内的同类产品进行分析，还对国外比较著名的音乐产品进行分析。

主要是从视觉和交互体验上，产品层面上的分析不需要太多，做到了解即可，把更多的精力放在分析产品的视觉风格表现、页面布局、交互体验以及现状的优缺点上（可以参考的点和规避的点）。

还要了解用户对这些产品所呈现出来的视觉现状的一些感知，简单的就是说用户对它们的评价。

根据前面提到的，可以制定成这样一个竞品分析的表格

因为竞品分析不光视觉设计师会做，交互和产品策划也会去做，大家可以各自负责一部分，到时候再合并内容。

我们在视觉层面要做的分析内容，要基于我们的概念和功能出发，主要从视觉品牌，交互操作，功能等几个角度去对比，从中找到一些被忽略的机会点，可以被借鉴学习的优势，以及需要避免的问题等等

举个例子，如果你想要做得简单一点，

那这算是一份比较简单的竞品分析报告，它分析的面比较广泛，总结的点也比较广泛，适用于做视觉风格大感觉上的把握。

但是可以分析得再复杂一些，你可以针对更具体的一些视觉元素进行分析总结，可以看到下面这份报告，针对多米的一个分析报告。

对以上报告总结分析：

第一点，页面布局很常规，不过采用的滑屏交互理念在音乐类软件中还算是比较新颖的；

第二点，当软件被最小化后，正在播放的歌曲会以屏保的形式存在，这种形式很不错；

第三点，它的界面干净清爽

做完以上的种种，我们可以在风格设定上得出

第三步，确定目标群体

问题的关键是：谁来使用这个产品呢？哪些人是该产品的预想主力用户呢？

我们来看一份数据分析

这个数据是市面上一些主流的音乐软件，它们的用户年龄层的一个表现，可以看出，从70后到00后，这些人群对应到具体音乐产品上的一个占比数值。

通过这个表格，我们可以发现，年轻的群体在听音乐这件事中会表现得比较明显，整个群体中80后和90后其实差不多各占据了一半。

ＱＱ音乐与其他几个音乐产品相比表现出最大的差异化，当时的用户年龄层与同类产品相比，表现出年龄层偏低的状况，主要是以90后为主，80后为辅的受众群体，其他的几款产品平均下来都是以80后为主，90后为辅。

介于市场数值的平均值， 网易云音乐的目标群体最初选定为80后为主，90后为辅的一个比例用户群体方向。

那用户模型大概就可以出来了，希望产品定义为整体素质较高的人群，是以80后为主，90后为辅的一个情况。

对应年龄的占比分布预估

我们可以看到25岁到29岁的人是主力军，这部分人占到41%，30到34岁的人群占25%，其次是19到24岁的人占19%，剩下的就是35岁但39岁的人群是8%等等，我们可以看出25岁29岁之间的人是网易云音乐初期的主要用户。

这部分人正处于事业的上升期，他们充满活力，喜欢探索新奇事物，对工作充满热忱，生活追求品味和情调，享受清奢或者是小资的生活。

所以在产品定位：80为主/90后为辅    高品质    时尚清新

这里要补充的是产品思考前期的用户群体不是一成不变的，需要再根据产品的不同时期与市场反映做出一定的调整，有时候可能会变成市场用户的自然转变，比如早期定义产品用户是80后为主，90后为辅，那慢慢延伸到现在的市场普遍用户群体都是以90后为主，00后为辅一个趋势，甚至是以后一个群体00后为主，10后为辅的一个趋势，因为你的产品在发展，用户群体也在发生着一些变化，所以视觉也需要根据产品不同发展时期，用户群体的改变，结合当下的设计趋势做出一些方案或者是风格的调整。

设定最初的用户群体其实是为了能够更好地帮助你后期寻找你的情感关键词，也就是为视觉设计风格做铺垫参考

第四步，完善用户模型

你们觉得用户或者我们设定的用户群体，他们应该会喜欢什么样子的风格呢？比较能够接受什么样子的风格表现呢？那最简单的办法就是用户调研了。

可以做一些简单的用户调研，基数可以不用很大，但要典型，它要覆盖基本常见的年龄层和职业。对他们进行一个轻松的访问，在聊天中获得我们能用的一些资讯，后期整理出访问记录，获得用户能够接受的一些关键词，或者是对我们有帮助的一些关键词和条件。当然，设计师还可以拉上产品的PM和研发运营等一起来讨论产品的情感关键词是什么。

这时候讨论的内容是什么呢？讨论的内容就是之前罗列的一些问题：这是一个什么样子的产品？用户喜欢什么样子的产品？我们的用户群体是谁呢？它能给用户带来什么？它能给我们带来什么结果？与市面上同类的产品相比，吸引点是什么？

这种讨论都是主观的表达，设计师要做的就是把你在旁边听到的一些关键词记录下来，记录下路来的这些关键词关系到产品团队希望产品成为的样子。

在这里我可以罗列出一些，比如专业，氛围，情感，创新，易用，品质，丰富，社交，时尚，新潮等等，这些零散的词汇当中藏着未来对视觉设计起到标杆作用的关键词。

这就是初期的情感关键词的探索，当然这些关键词不是绝对的，也不是最终的。在做视觉设计的时候，搜集和参考的目标不能太多，所以在征求大家的建议后，我们要把优先级不高的关键词去掉，把重复的感受合并，最后确认我们产品的情感关键词，关键词要少而精，列出三到四就可以。

第五步，创建情绪面板

不要觉得有了关键词，后面的设计就完全OK了，对于互联网产品，它的视觉设计存在太多的不确定性，即使有了关键词，那事情还不是那么简单，因为每一个人对同一个情感都会有不同的认知，比如你认为夏日是沙滩日光浴，而我认为的夏日是绿树大草地，这会导致你后续的视觉设计在颜色偏靠上可能会存在争议，因为每个人对同一情感有不同的认知，这就是一个表现。

而这就是设计的困扰，你想要对你的用户进行理解，你可以通过问卷，访谈，流量数据等这些传统的用户调研方法，就可以的得到你的用户的年龄，性别，使用场景，产品使用习惯等等。

但是如果你想要知道用户对你的产品风格的一些感受，那些在潜意识中的感受可能无法直接说出来，即使用户很配合地说出来了，你可能也不会懂，甚至不能理解他想要表达的一些点，这部分其实就是没办法通过用户调研和问卷做到的。

如果说以用户为中心的设计不是一个噱头的话，那我们可以试试让用户给视觉设计一个方向。

这个时候我们必须要依靠情绪板了，把每个人对情感的抽象理解转化成一些具像的，能够实际定义的一些元素表现出来。

那什么是情绪板？

情绪板是一种借助图像来启发和探索用户的体验，然后再作用于视觉设计的一种研究方法。很多公司和产品设计团队都在频繁地使用这一方法，它能够为我们解决一些意象或者理解不统一的情况。

我们必需要靠情绪面板，把每个人对情感的抽象感受转化成具象的可以看得见的元素，比如你可以把夏日转化成你脑海中的实际景象和感受，它是草地、绿树、光晕。

怎么进行情绪板呢？也就是说如何设计情绪板呢？

我们先来看看情绪板的完整操作过程，然后再来逐步理解这些具体的步骤。

我们可以看到有这些步骤，主要分为三部分：准备阶段，创建阶段，分析阶段

在准备阶段，首先你需要找来一群人，可以是设计师、产品经理、市场人员、研发运营等等，这些就是你前期需要找的一些人。你们要开会讨论分析，并且定下最初的一些关键词，讨论的内容可以围绕这些展开：

♦ 这个产品给你带来什么样特别的感受？

♦ 和竞品相比，有什么差异？

♦ 如果将它比作一个人，你希望他有什么样的性格？

♦ 若向朋友介绍，你会如何形容它？

然后你们这群人需要对之前的用户进行一个研究，如果是新产品，没有之前的用户，那就可以对已有竞品的用户进行一个研究分析（在做这些用户研究的时候，我们也可以找内部的用户，并以问卷或者调查报告的形式来调研）。

分析完后，与第一步讨论的结果相结合，会得到一些体验关键词，通过筛选定下几个关键词，要选最能代表我们产品或者是设计方向的一个关键词。

然后对着这些关键词，设计师接下来要收集图片，去生成一个图片素材库，这些图片素材就是我们未来强有力的工具。不得不提的是，我们在搜集图片的时候，要尽量找图像寓意清晰的图片，不要找模棱两可的图片。

接着就是创建阶段了，这个阶段是真正创建情绪板的阶段，把之前收集的那堆图片素材打印出来，做成情绪面板。

再找到之前的那些人（也可以是我们的用户），对他们说出你想要的产品是什么样子的，并给到他们关键词，或者在题板上写出我们的关键词，然后让他们每个人根据给到的词汇，找寻他们心目中认为比较符合这几个关键词的图像，然后再分别贴在题板上对应的关键词下方。

最后就是分析阶段了，设计师需要对选择出来的情绪板进行一个讨论，筛选，还有整理，保留重复或者比较符合产品关键词表现的图片，最后筛选出来的这些图片组成情绪板，设计师要保留下来，并在后期的视觉风格设计时进行参考和元素提炼。

这整个过程就是情绪板方法的操作过程，走完一个完整的过程之后，你可以再次进行用户访谈，再跟进和修改你的体验关键词，再进行情绪板的一个设计，得到对应的结果，整个过程其实是可以被反复循环的。最后反复被保留下来的图像就是真的会对视觉和产品产生重要的参考作用。

再来说一说图片素材阶段，也就是建立图片素材库，这里看到的是设计师找到的图片素材库的展示

你需要不断地一轮一轮根据关键词找到对应的一个图片，可以是多个设计师分不同的类型去搜集，然后汇总。

必须要提醒大家的是，你在准备图片阶段的时候，准备的图片一定要符合以下两点：

1. 图像表达准确，要够普遍；

2. 图像要直接，不要隐晦。

比如说温暖这个词，这个秋天落叶的照片会让人觉得不是温暖，而是萧条，会存在争议，那这就是表达不够真确，认知不够普遍的一个情况

再比如同样是温暖这个词，用妈妈做饭的场景，从而联想到温暖的感受，就有点隐晦了，情绪面板上的图片就是需要不让人经过仔细思考，一眼就能肯出并且能够感受带你的情感关键词，所以不能太过隐晦

在做到上面两点的情况下，根据已有的体验关键词，可以收集具体的实物，场景等等，这种具像的图片可以给人带来一个风格上的感受。

也可以根据已有的体验关键词建立抽象的图库，它可以包含一些色彩，质感等元素，这些是能够让人体验到的设计元素，在你后期做视觉设计时，你便可以选择一个抽象图片，将上面的一些元素，图案，颜色等投放运用到你后期的一个视觉表现上去。

那图片资源准备好以后，你就可以邀请用户来参与并且创建情绪板了。

具体要怎么做呢？

上面的创建情绪面板的时候也提到过了，也可以观看下面的图解。

这里展示的是根据上面提到的方法步骤，网易云音乐在最初设计前期用情绪面板创建出的一个情绪面板。