经验总结｜品牌视觉改版要如何开始做？.docVIP

经验总结｜品牌视觉改版要如何开始做？ 　　一个成功的视觉改版是靠30%的探索流程+70%设计师水平。 　　 　　最近有个很好的机会来做了一次视觉改版，感谢team（良辰、圆圆、小马哥、珂珂、妖子）的努力，我们一起来完成这次极具挑战性的任务。我们发现了许多问题，也学到了许多方法。 　　不知道大家在遇到视觉改版的时候第一个想法是什么，是参考竞品？还是主观猜测？还是问问用户喜欢什么样的？ 　　其实都不正确，改版通常会分以下几种情况： 　　只改视觉，不动交互。 　　视觉交互一起改。 　　改交互不改视觉。 　　第3点的情况不多，主要是第1点和第2点，如果视觉交互一起改，还相对更简单一些，但是交互的改动往往伴随着产品的整体规划调整。如果只改视觉不改布局，那限制条件就更多了。那么，究竟视觉改版要如何开始做？我们一起来分析一下。 　　一、目标 　　首先我们需要明确我们改版的目标是什么？在确定改版目标之前，我们先问问自己，目前的产品出现了什么问题，也就是为什么要改版？改版是一件工程量非常巨大的事情，因为首先风格的推导过程不是一蹴而就的，不能说你几个人拍板，从自身经验出发说：我们就要这样改！这是不对的。其次改版之后的规范组件库要相应的更新，再次开发资源的分配更捉襟见肘，需要在完成产品功能需求的开发同时来完成改版需求的开发，最后改版的效果我们如何来衡量？是否是一次成功的改版，如果不是，哪些地方需要重新调整？这是一整个改版需要做的闭环工作，从前到后都是需要感性发散，理性执行的。 　　所以，我们改版的原因是视觉和品牌定位不匹配，还是产品的用户体验很差劲？亦或者是规范组件库需要重新建立？原因可能是重叠的，他们并不是孤立的，那么这次改版我们将问题定在视觉与品牌定位不匹配，并且需要一定程度上优化用户体验这个点上。所以我们的目标是基于正确的品牌定位，从品牌，配色，排版，情感化，微交互，趋势等维度出发，重新定义视觉风格，达到一种让用户一使用我们的产品就能感受到我们的品牌魅力和性格的目的，让用户从情感上达到共鸣的效果，并输出DPL。 　　其实定义目标，是需要精准化的，不够精准化的目标会让最后的产出流于形式，太广泛的目标并不好落地。 　　二、方案 　　说起这个定义方案，其实是比较痛苦的一个过程，因为大家都没有完整的做过一次改版，或者说一次客观的改版，但是通过这次的改版让我们学习到了不少，也发生了一些比较有趣的事情。 　　首先我们会用到情绪板来定义一个风格走向，其次用到了品牌冲刺，其实这些方法可能最后并不能切实标准化我们去做一些改版设计，但是我们需要找到一些方向，以及一些参考，从而帮助指导我们设计。我们希望了解的是产品的核心价值，产品的性格态度，以及受众的情感和动机，我们通过这些方法我们能够获取这些信息，对我们的帮助是巨大的，而不是马上通过这些方法能得出一个按钮的高度和宽度是多少。所以最后我们用到了3种方法：情绪板、品牌冲刺、定义脑暴 　　三、流程 　　方法一：情绪板 　　情绪板的原本流程是这样的： 　　探索品牌感觉 → 发现提取关键词 → 寻找对应素材创建情绪板 → 指导设计 　　其实感觉是一种比较虚无飘渺的东西，即便你是产品的设计或者开发人员，可能你所体会的感受和用户体会的感受并不相同，所以第一步我们需要找准品牌的定位以及用户心中产品是个什么样子，是优雅的绅士还是花枝招展的少女？当然最后你所成型的品牌风格并不能满足你所有用户，但是只要满足大部分用户，你就成功了。 　　我们对情绪板步骤做了一次修改，因为如果按照情绪板常规的步骤来做的话，我们需要用户二度参与，由于一些原因限制我们进行了一次不一样的尝试，我们首先进行了关键词提炼。 　　所以我们这次的步骤有了一些改动，就变成了： 　　发现提取关键词（我们自己） → 寻找对应素材创建情绪板 → 探索品牌感觉（让用户）→ 指导设计 　　可能有些人会问了，你这样随意改动步骤最后的结果不准确怎么办？其实本来最后也不是一个很准确的结果，而且我们使用一个方法并不需要按部就班的跟着做，否则我们很难从中取发现一些新的问题。 　　第一步：脑暴提炼关键词 　　在这之前我们需要用户画像、体验地图、故事板等一些基础用户数据信息。同时因为我们自己也是产品的用户，所以关键词也是有一定的准确性的，这边就是通过具象和抽象两个维度去发散思维，尽可能多的想出一些和产品感觉靠近或者没那么靠近的描述，基本上抽象的类的词比较多，具象类的会比较少，当然脑暴的分类方法肯定有很多中，这里只是举个例子。 　　 　　 　　第二步：寻找对应的素材及其图像 　　脑暴出关键词之后我们需要将他们对应的找出不同的图片图像，为什么要找图片，因为我们在访谈过程中，用户很有可能无法将自己的直观感受表达出来，他们需要有图像的辅助才能更直观的表达。这边注意一点尽量找出质量高、种类全的图片，举