关闭

摘要

四年一度的奥运会即将开始,委托方希望今年增加新玩法,即跑步里程兑换成到里约的实际公里数。活动步数与微信运动数据首次打通,利用游戏的方式吸引用户参与。

时间

05.2016



分类:

界面

工具:

Photoshop、Illustrator、Mindnode、Flinto

标签:

ui、app、图标

设计概念

因为是再设计的案例,需求方原来是有一个标志。不过不是很满意,之所以不满意他们觉得有点太复杂,且主题不明显。

核心解决:主题明显+尽量简约。
从解决思路看依照上述的理念,同时考虑主办方的品牌特性思考。

xw
思考流程

流程图

该项目腾讯运动、跑向里约项目组主导,京火科技负责完整的微信端、管理后台及积分商城的设计与开发。通过整合微信运动数据,实现千万级别用户的大型运营活动。





---
交互原型*12
---
品牌视觉*30
---
图标插画*40
---
界面*34
---
产品流程*12

考虑细节时,首先思考的是层级问题。简单划分,以组件叠加方式从上至下,分别是游戏说明层、赞助商问题解锁层、节日节点解锁层、游戏层。

主流程:步数解锁20个城市,1人或5人组队皆可,计算谁先到达里约。每日签到,积累步数解锁对应城市,赢取奖品。
明星步数捐赠模块:向偶像捐赠步数,粉丝决定哪位明星成为下一站代言人。
个人成就分享模块:活动期间微信步数、捐赠明星信息,获取活动专属奖励个人成就信息,以成就拉动更多用户参与。

  • image
  • image
  • image
  • image
  • image
失恋了十一次的标志故事

由于这次是冠名游戏活动,品牌商是奥迪,活动名称跑向里约。周期是需要三天内定下本次的品牌结合标志,一般这种联名活动最难处理,其一双方的意见不统一,其二双方的品牌调性不一致。
很容易导致做出四不像的组合标志。所以彩色的视觉形象是最稳妥的做法,不会因为偏向某一品牌色而导致双方不愉快的事情出现。
不得不赞叹奥迪视觉规范的严谨,哪怕标志与实际有大约几像素的误差,都需要重新提交。

20个城市的孤独整理之旅

游戏规则,每到一个城市,都会解锁相应的地点。总共探讨有20座城市,那么需要准备约20幅插画和20个城市图标。如何统一视觉效果是值得思考的问题。
较真的设计师,总在纠结阴影是多一个还是少一个像素好。很多看似无所谓的细节,组合在一起就逐渐放大,甚至显得杂乱无章,却没办法收拾局面。
良好的习惯是,控件组合,即通过规范约束大部分的重复视觉效果。

总结

第一版和最终版,修改最多接近30次。系统的考虑是本次项目最大的收获,以及通过什么方式,减少视觉修订带来开发难度的问题。


Image Title

如何更完美整理视觉形象,已应对修改带来代码变动最小化。如何规范效果,做到组件的统一,以做到每个组件可随时插拔。如何结合品牌特性,产出最符合目标气质的形象。
自己一直在思考,更优雅简练解决不断增加的需求,以及处理问题的方式。

MITEN