如何用设计冲刺5天搞定世界杯主题图标设计
-
-
新力 这家伙很懒，还没有设置简介...
0 人点赞了该文章 · 69 浏览
本文作者将带着大家来感受其在这次世界杯 图标设计 冲刺经历的过程、以及如何采用的一些定义方法、抉择方法推导设计思路，希望对大家今后在主题设计中有所启发。enjoy~
此次项目是由我和我们组3位UI设计师共同设计完成，在不影响主产品迭代的需求过程里，我们历时一周碎片时间，经历理解主题、定义关键点、头脑风暴、聚焦创新思路、绘制草图、效果6个过程，其中在效果落地中进行很多次;方案优化，最终，在上线完成后获得不错效果。
设计冲刺最早由谷歌提出针对带领团队快速做创新设计并验证设计的基本流程。下面通过这篇文章，带着大家来感受我们这次设计冲刺经历的过程、以及如何采用的一些定义方法、抉择方法推导设计思路，希望对大家今后在主题设计中有所启发。
前言
有人说世界上有两种通用的语言：一个是音乐，一个是足球。每届世界杯结束后，总有一些旋律萦绕在耳边，还有一些视觉元素印在脑海里。记得2014年巴西举办的世界杯，其中主题曲《we are one》、以及主题视觉设计充满了巴西的特色让人记忆犹新。
这次我们bxd设计团队为了响应世界杯的运动精神，提升指旺APP情感化的氛围，把首页8个icon作为切入点，结合俄罗斯世界杯时效效应，做一次具有创新性的主题设计。
1. 理解主题、发散思路
1.1 理解定义主题
在定义思路方向前，我们先搜集了俄罗斯素材、感受了主题曲《放飞自我》旋律以及往届视觉表现，并进行了相应的分析。
主要集中在：如何抓住这次世界杯的核心精神？如何在指旺app平台上表现更有记忆点？
通过搜集的一些海报素材资料，我们提炼出2018俄罗斯世界杯2个关键点：运动精神、地域特色。
运动核心精神：放飞自我、激情活力。记忆点：俄罗斯国家地域特色1.2 发散—头脑风暴
在提炼出2个关键点后，我们从运动精神与俄罗斯特色为出发点，进行了头脑风暴，不断发散关键词，尽可能多角度思考，突破旧的思路寻找最佳创意的切入点。
2. 聚焦方向
在头脑风暴后，我们把发散的关键词进行归类整理，把思路锁定在这几个关键词词上：世界国旗、足球元素、俄罗斯特色、球星、运动员上。
把重要关键词聚合形成3个设计思路：
思路1：世界各国国旗+足球元素思路2：俄罗斯元素+足球元素思路3：运动员+俄罗斯图形我们对3个思路的评审维度是：可行性、创新性。
按照思路1、思路2我们迅速找了一些参考，做了一些对比。
思路1，国旗元素因为最终八强不确定性较大—可行性低。思路2，在设计上缺乏创新，拼的是写实功底，和市场中我们常见的一些设计形式比较趋同—创新性低。思路3，从设计创新度和可行性上来说，都占据较大优势。同时，我们还在设计组做了一些调查，发现大家都有相同的倾向，这更坚定了思路3方向的确定。
3. 草图设计过程及效果表现
运动员+俄罗斯的思路确定后，我们开始尝试了几组试验发现效果不是很好，人物显得很小，动作看不清楚，风格也不知道如何提炼。突然，我们就闪现了想重新换回方案1的念头。
这时，我们停下来思考：出不来效果的原因在哪里？这些原因也是我们接下来面临的几大挑战：运动员表现形式、动作设计、对比关系、细节表现。
挑战1：什么形式表现运动员？
我们把运动员的运动表现拆分为两种：局部运动、整体动作。在icon里表现局部动作缺少连贯性，构图不饱满。对比之下，一个完整动作比局部更具有整体协调性、饱满性。
确定完动作的形式后，那就是找到相应的风格。我们通过“五度分析法”，以“真实”与“夸张”为两端的维度。过于真实的运动缺乏设计感，过于夸张的动作缺乏亲和力。结合我们平台用户属性后，在夸张和真实的第3度找到了稳重又简练的表达形式。
挑战2：如何给运动员设计动作？
我们都知道足球运动有一个较惊心动魄的动作—射门，这也是看球赛最让人兴奋的时刻。于是，我们把这最兴奋部分放在最后作为整个主题设计的点睛之笔，那前面的几个动作自然就和射门衔接上了。
设计后：有规律的带球、传球、射门、接球等一系列完整的动作。
挑战3：人物与背景的对比关系
