『 前言 』
文章分为两部分:1.介绍地图小车换装的由来;2.以春节小车设计为例,沉淀创意 icon 设计的标准化流程。
『 地图小车换装回顾 』
滴滴出行 App 中除了常规地图小车,类似春节舞狮的 icon 换装设计已经做过很多次了。在重大节日或发生热点新闻时,通过icon 换装的形式来配合运营活动烘托活动气氛。
圣诞节的时候,小车变成了圣诞老人,驾着驯鹿雪橇带着满满的礼物飞奔在地图上;奥运会火炬传递的时候,小车成了高举火炬奔跑的火炬手,传递着奥运精神;北京市7月暴雨的那天,小车成了一艘艘小船,帮助需要出行的人们航行在城市道路上……
今年的春节 icon 设计就是文章开头看到的舞狮了。做了多次的换装设计后积累了一些方法和经验,现在借新年伊始大吉大利的时机,以本次春节舞狮设计为例,和大家一起聊聊一个换装 icon 设计是怎样一步步炼成的。
『地图小车换装设计全流程 』
换装 icon 的设计过程分为7个阶段,是不断地发散、聚合、再发散的过程。
首先从活动运营方接到需求,分析审核需求是否存在不合理或难以产出设计的部分。通过这一步,为后续设计的顺利执行奠定基础,前期的需求分析沟通也能让项目的上下游快速达成一致,避免后续产生疑问导致设计的反复影响进度。
需求确定后,根据活动主题发散关联元素,进行头脑风暴寻找创意点,这也是整个阶段里最疯狂的部分。发散的目的是增大创意的可能性,正如莱纳斯·鲍林所说“为了有个好主意,必须要先有很多想法。”
然后结合设计的最终输出环境,明确执行挑战有哪些,将发散的创意点一一通过这些挑战进行筛选,决策设计方案方向。随后就是细化方案反复推敲,达到高质量的输出标准。
由于滴滴出行多业务形态的模式,设计方案需从一个方案延展至多条业务线,并保障所有业务线方案既整体统一又符合业务特性。方案确定后输出切图元素,推动落地发布上线,并进行跟踪反馈。
整个设计的过程就是发散和聚合的规律交替,每个重复的过程与前一次相比都会更聚焦,也更关注细节。在发散阶段,新选择会出现,在聚合阶段则恰恰相反,要淘汰选项保留最合适的选择。这种设计流程可普遍适用于创意类的设计需求。
接下来就对7个阶段一一详细介绍。
1.分析活动需求
换装设计需求通常是由市场运营活动或实事热点活动发起,希望通过 icon 烘托活动气氛,吸引用户关注。曾经也由设计师发起过换装需求,目的是通过 icon 的视觉变化营造节日气氛,增加产品的情感化表达拉近与用户的距离。
但很快我们发现,纯视觉的 icon 变化在产品使用中是断层的,强烈吸引了用户注意,没有活动解释,没有后续操作,且不能为用户带来实际收益,这反而引发一些用户的疑惑,也让我们思考如何体现换装设计的价值,于是制定了需求审核标准。
首先,需求要有多维度的运营活动背景,icon 换装作为线上展示的活动部分,通常还会有运营对话框,运营卡片等对活动进行解释,引导用户操作。其次,设计需求的执行性强,不破坏地图小车本身的功能属性。第三,活动均为正向情绪的表达,并为用户普遍认知事件。只有需求满足了这三点才可进行下一步。
换装需求分为4类,热点类、天气类、节日类、商业类。每一类对设计的要求也不太一样。
时事热点类,要求设计师能够快速产出设计方案,精准匹配新闻发生的时间段。
天气类需求在时间上具有不确定性,比如不确定今年的初雪是哪一天,要结合运营策略提前准备预案,避免临时设计时间不足。
节日类需求时间固定,且较常规,可根据运营活动排期提前2-3周准备。本次春节舞狮 icon 设计,就属于节日类换装设计。
商业类是商业合作往来,具有直接的商业收益,但商业需求要和滴滴的品牌气质高度契合度才可。
2.寻找最佳创意
这一步是整个设计流程最关键的步骤,我们希望用户看到换装 icon 时能够快速感知 其代表的活动寓意。
从活动主题出发,不断在网络上和脑海中搜集提炼春节相关的关键元素,发散搜集需要多反复几次,查找资料并和身边的朋友交流沟通,尽可能全面多角度的进行列举,然后对其分类整理。此次我们搜集与整理了这些关键元素:
立体物体:灯笼、寿桃、元宝、祥云、葫芦、布老虎、财神、门神、龙、凤凰、生肖、年兽、舞狮、寿星、鱼
平面物体:对联、福字、年画、贺卡、窗花、脸谱
代表颜色:红色、金色
装饰纹样:传统花纹、象征符号、祥云
不同类别的关键元素之间还可以进行关联组合,比如金色带传统花纹的元宝。