发布时间:2020-12-21 分类: 电商动态
如何把理性的翅膀融入这个想法,滴滴设计师和你回顾春节地图汽车图标整个装修设计的过程。
前言
新年过后,元宵节即将来临。工作的年轻伙伴穿着新衣服并收到红包。你还记得在春节期间带你穿过门的狮子舞车吗?
作为舞狮图标的设计者,我们将梳理设计过程,揭示狮子舞图标的诞生过程。本文分为两部分:
介绍地图汽车重装的起源。
以春节车设计为例,促进创意图标设计的标准化过程。
地图汽车装扮评论
滴滴旅游应用程序除了常规地图车外,春节舞狮的图标更改设计已经多次完成。如果出现重大节日或热点新闻,标志性的装扮将用于匹配运营活动。
在圣诞节的时候,汽车变成了圣诞老人,驾驶着一辆驯鹿雪橇,在地图上飞来飞去。当奥运火炬传递过来时,汽车成为举手火炬传递奥林匹克精神的火炬手;北京在7月份的城市暴雨当天,这辆车变成了一条小船,帮助那些需要在城市道路上行驶的人们。 …
今年的春节图标设计是文章开头看到的舞狮。经过大量的装扮设计,我积累了一些方法和经验。现在我借新年的机会,利用中国新年舞狮的设计。我们来谈谈如何更改设计图标。成。
地图汽车重装设计的全过程
重载图标的设计过程分为7个阶段,即连续发散,聚合和发散的过程。
首先,从事件操作员接收要求,并且对要求的分析是不合理的或难以产生设计部件。通过这一步骤,为后续设计的顺利实施奠定基础,早期的需求分析沟通也可以快速达到项目上下游之间的协议,避免了后续导致设计反复影响的问题。
确定要求后,相关要素根据活动主题分歧,集思广益找到创意点也是整个阶段最疯狂的部分。分歧的目的是增加创造力的可能性,如Linus·鲍林说:“为了有一个好主意,首先必须有很多想法。”
然后结合设计的最终输出环境,明确实施挑战,并通过这些挑战使创意点多样化,以过滤和决定设计的方向。随后对精炼方案进行了改进,以实现高质量的输出标准。
由于滴滴旅行的多服务模式,设计计划需要从一个解决方案扩展到多个服务线,并且所有服务线解决方案都保证统一并符合业务特征。在确定解决方案之后,输出切出元件,并且释放着陆并执行跟踪反馈。
整个设计过程是分歧和聚合的交替模式。每个重复的过程将比前一个过程更集中,更注重细节。在分歧阶段,将出现新的选择,在聚合阶段,情况正好相反。消除选项的选项保留了最合适的选择。此设计过程通常适用于创意类的设计需求。
接下来,我们将逐一介绍七个阶段。
1.分析活动需求
对服装设计的需求通常由市场运营活动或热点事件引发,希望图标氛围将被用来吸引用户的注意力。设计师还提出了装扮要求,旨在通过图标的视觉变化营造节日气氛,增加产品的情感表达并使其更贴近用户。
但很快我们发现纯粹的视觉图标变化在产品的使用上有缺陷,这极大地吸引了用户的注意力,没有活动解释,没有后续操作,也无法给用户带来实际的好处,这在转向导致一些用户怀疑,让我们也考虑如何反映更衣设计的价值,因此我们制定了需求评审标准。
首先,需求应具有多维操作活动背景,并且图标将被替换为在线显示的活动部分。通常会有一个操作对话框,一个操作卡等来解释活动并引导用户操作。其次,设计要求是高度可执行的,并且不会破坏地图汽车本身的功能属性。第三,活动是积极情绪,通常是用户的认知事件。在进行下一步之前,只有要求符合这三点。
穿衣需求分为四类,热点,天气,节日和商业广告。每种设计的要求也不同。
时事热点课程要求设计人员快速制作出能够准确匹配新闻发布时间段的设计解决方案。
天气需求在时间上是不确定的。例如,不确定今年第一场雪的哪一天。有必要事先准备好运行策略,以避免临时设计时间不足。
假期时间要求是固定的,更常规,可以提前2-3周准备。这个春节狮子舞图标设计是一种节日风格的装扮设计。
商业是一种商业合作伙伴关系,具有直接的商业利益,但商业需求与滴滴的品牌气质高度兼容。
2.找到最好的想法
此步骤是整个设计过程中最关键的一步,我们希望用户能够在更改图标时快速查看他们所代表的活动的含义。
从活动的主题出发,我们不断收集和完善与互联网和我们心目中的春节相关的关键元素。需要多次迭代才能收集和收集信息,与我们周围的朋友进行交流,尽可能地进行枚举,然后进行排序。这次我们收集并组织了这些关键要素:
立体物品:元宵,寿陶,元宝,香云,葫芦,布虎,财神,门神,龙,凤凰,十二生肖,兽年,舞狮,寿星,鱼。
平面物体:对联,祝福,新年图片,贺卡,窗花,Facebook。
代表颜色:红色,金色。
装饰图案:传统图案,象征符号,祥云。
还有不同类别的关键元素的组合,例如具有传统图案的金锭。
3.明确实施挑战
在进行需求分析和广泛的创造性分歧后,下一步是整理设计约束和挑战,以汇总不同的创意元素。经过多次地图汽车重装设计,设计团队总结了以下设计挑战:尺寸限制,视角限制,需求认知的普遍性,以及可扩展性要求。
性能区域很小,汽车图标的大小只有88 * 48 px
设计汽车图标的最大困难是尺寸太小。通常,传统功能图标的大小约为40 * 40像素,而Drip汽车则在约两个功能图标的区域中绘制细节。逼真的图标,确保汽车的图像,光影和配件细节清晰表达。
例如,在驾驶员图标中用体积光绘制眼睛细节仅需要4个像素来表达,并且由于面积小,可能会放弃许多出色的创意灵感。
汽车图标需要向下看并显示方向
由于地图是鸟瞰图,因此地图上的汽车也需要向下看。同时,地图上的手推车需要用户识别真实车辆的方向和实时状态,因此图标设计应该能够区分头部和尾部以指示前进的方向。
有时图标太难以表达其内容,我们也会尝试制作正面视角,并移除360度旋转方向,然后移动到地图上的地图,但这会对用户的习惯产生影响感知,所以没有这不是非必要条件的情况。
图标的图像必须符合认知
以春节车为例,汽车形象应突出春节气氛,准确表达,符合大众知识。不存在错误的联想或区域差异。此外,如果图标本身的图像与车辆组合,则更好。
能够支持六个业务线的差异化设计
Didi Travel是多种商务产品的集合,如高效特快列车,出租车,小巴,特殊服务和优质汽车,豪华轿车。这些业务线的汽车图标在表达形式上是相似的,但通信特征也是为了传达差异。在图标更改设计的情况下,将选择业务线快速作为基准,并且通用解决方案将扩展到所有服务线,因此解决方案的可扩展性成为挑战之一。
在澄清设计挑战后,结合上述限制和挑战,我们将筛选上一步的广泛创意方向。春节车的设计应得到公众的认可,简洁明了,可执行,可表达。最后,选择了传统图案绘画,屋顶装饰和中国新年舞狮的初步创作方向。
4.决策设计方向
明确了实施条件。最初的创造力,有必要快速草拟和规划,建立评估标准决策思路的可行性,并筛选出最终的设计方向。
素描的过程是将信息观念转化为图形设计的过程,草图的潜力是从纸张到眼睛到大脑,然后再回到论文的信息周期。理论上,信息通过周期越多,机会就越多,设计意图的随机记录,表达和草图可以最小化概念思维的表达约束。在草图尝试之后,将快速评估和测试其他输出方案。
评估该计划有三个主要方面:清晰的图像,直观的意义和氛围。从上述维度中对团队中程序的选择进行评分。其中,图案方案无法清楚地看到车身的细节;祝福计划在大气层中更为保守;龙舞计划类似于端午节的龙舟体验,节日气氛无法澄清;舞狮节目一般更符合标准。更多的气氛和情感。
除了评估上述几个方面之外,对于一些项目,公司也在进行小规模的调查,舞狮也是非设计同事的首选方案。综合专业评估和快速用户测试,春节车的最终设计是舞狮主题。
5.深化设计细节
通过上述步骤,可以获得可靠的初步设计方案。现在有必要改进形状,光线,阴影,材料和颜色,以完善其视觉表达。
表格
图标提取和重建的形态设计方法用于提取具有代表性的对象特征,将其转换为视觉元素,并不断改进和重塑为新的设计。
在可视化过程中,提取了舞狮头,舞狮台阶,面部表情和春节元素,并不断融合和调整元素,使形式协调丰富。虽然舞狮的脚太小而无法看到,但这仍然是一项艰苦的工作。此外,舞狮还增加了春节祝福文字,使图标更加有趣,狮子的视觉内容可以在狮子在正反方向跳舞时阅读。这也是该计划的一个亮点。 。
由于地图上往往有多辆车处于重叠状态,因此图标形式需要保持块状形状,即保持图标本身的完整性,并便于区分车辆以确保界面的舒适性。 。
地图图标具有最合理的视角,但在俯视图下很多东西更难识别。因此,狮子舞图标将狮子头与顶视图体结合起来,以确保识别并保持顶角的功能。性别。这种不同角度的组合非常适合于不适合纯顶视图的元件。
光与影
由于图标是俯视图并且将旋转360度,因此光和阴影性能由顶视图光控制,因此当多个汽车在界面中以不同角度出现时,光源仍然是均匀的。图标和地图之间还有一个微弱的阴影,它将图标与地图区分开来,但在地图上保持和谐。这些阴影的深度只能反复尝试才能找到最佳水平。
颜色
图标本身很小,并且有多个图标叠加,因此您需要尽可能地保护图标。在颜色系统中,颜色均匀性可以直观地保证图标的整体感。主色调用辅助色来表现大气,采取良好的色彩比例,使整体不花哨。
材料
地图车一直以三维逼真的方式表达。它通过玻璃反射,屋顶高光和渐变纹理为用户提供真实感,使界面中的车辆信息感觉真实可靠。在顶视光源下,有必要表达图标的三维感和材料感。这是一种需要仔细观察和患者抛光的测试技术。
完成此步骤后,获得了基于快车的通用解决方案,并奠定了其他业务线的基调。
6.扩展设计计划
经过与各业务线的协商和沟通,这次,六条业务线决定启动春节重装设计。由于业务线集中在一个应用程序中,因此需要地图重新加载图标来维护整体风格并表达业务特征。 。
我们将2008奥运福娃的设计联系起来,这两个设计都是多个统一和独立的图像扩展,主要是按颜色区分,并辅助局部区分。
根据这个想法,快车是用户量最大的商家,使用最炽热的红色,出租车继续使用金色,汽车和豪华车注重质量和服务汽车,分别使用海军蓝和黑色突出其高端和高贵的气质,并保持与商业品牌颜色相同的颜色。同时,它夸大了豪华车图标的眉毛,凸显其奢华尊贵的形象。小巴注重价格并继续原始图标的颜色。高档灰色作为其主色调,并且驾驶不能缺少春节的气氛,司机上的司机将换成红色的春节唐装。
此外,每一个舞狮都在其背面添加了春节祝福文字。不同的人物不仅可以使舞狮代表不同的春节祝福,还可以代表不同业务线的气质差异,使形象更加有趣。
7.将程序推送到陆地
在这个设计阶段,即使它处于画龙点睛之中。然后切出方案并确保它与现有的方向和尺寸一致,以便于更换。设置在线时间和在线城市。在背景配置完成后,春节的舞狮在每个Drip用户的界面中都是活跃的。
上线后,我们还应该跟进该计划的反馈。一般来说,我们会从微博,Pulse等平台上关注用户的舆论,并根据“不好,影响出租车”,“一般,没有感觉”,“好,有趣”组织用户评价。判断程序是否显示其价值。
总结
回顾整个设计之旅,设计师采用分歧的方法 - mdash;聚合—然后分歧快速了解需要找出爆发点,放开思路探索这个想法的可行性;然后改进设计挑战和限制,扭转约束的使用促进思考并获得初步想法;然后通过设计和连续反复试验,快速决策,做出快速决策;完善抛光计划并探索程序的可扩展性;在最终设计发布后保持持续跟踪和反馈。
我们从中学到的不仅是一劳永逸地完成汽车重装的设计任务,而且还要完善未来创意设计要求的标准化流程和方法,以更好地保证设计效率和质量。