header_v1.7.40

2015百度地图世界大会彩蛋

1年前发布

原创作品 / 网页 / 移动端网页
作品版权由Megamind417 解释, 禁止匿名转载;禁止商业使用;禁止个人使用。 临摹作品,同人作品原型版权归原作者所有。

故事版设计:柳森(Megamind)
彩蛋分镜场景设计:不去的黑眼圈 & AnyanW & Coolbean
场景GUI:李文洋
视频:柳森,小文
出品:百度移动用户体验部(MUX)
感谢玉洁的耐心指导,感谢兄弟团队百度地图UE的同学,地图pm和rd的付出。使我们最终的效果到达了更好的视觉体验。
anyway,we are MUX 伐木累。

起源:“如果能用百度地图搜索到452b星球,应该很酷”。我们根据这句话,结合地图产品今年主推的业务来进行创作。从地图常用的功能里,提取核心功能。所以在这个项目中我们融入了故事版环节,为了更前置化的表达我们的设计理念和意图。同时也为后续工作减少了一些成本。从索引地点,导航,出行,签到,几个主要功能出发创造我们的故事版,剧情内容首先是通过故事板的形式表达出来的,一个完整的故事有起,承,转,合四个部分

首先,从“起”开始。起是地点索引,为了突出地图的搜索功能和定位功能。“承”的部分,出行方式,设计出三种,为了体现今年地图主打的出行体验,我们重点突出了uber和顺风车,把车设计成了飞船,更符合我们的主题,同时也能给用户传达这种未来的理念,也表达了我们前瞻性和地图未来更多的可能性,其他两种方式是为了添加了趣味性。

“转”的部分是导航功能,我们需要在这部分制造一些小冲突,小亮点去给用户带来一些刺激,在这个过程中,重点突出了导航的一些功能,像语音引导功能和驾车导航体验,结合太空的真实情况,变成事故多发,星际右航道,前方有太空碎片等。“合”的部分,再次点题,突出整体品牌,曝光百度地图品牌,所以我们做了签到和落点采足迹的功能,登陆星球后,将带有自己头像的水滴插在星球上。

为了匹配各个机型,素材全部分层输出,这样在H5页面中各个素材可以自动匹配个机型,防止画面被裁切等问题<br>

制作部分:<br>在创意初期,大量的素材收集,对素材进行分类和抽取,提取了两种我们想要尝试的视觉效果,可以更直观的展示给其他职能的人,避免我们后续有理解性的出入。我们地图今年主打的是连接真实世界,为了符合一切为了真实,完美的视觉体验。所以在方案上,我们更倾向写实这种风格,也更符合我们的主题。所以在两个方案上,我们也做了优略的对比。最终选择了写实的风格。

使用工具:<br>相比以往的项目,除了AE,ps外,我们这次多用了3个工具,xcode,origami和audition。在交互动效测试时候,我们用到了xcode和origami,去模拟我们想要的动效交互效果,算出动效的code去交给开发,并且确保这些数值开发可以复用。这样,H5互动页面和视频可以同时进行,也节省了成本。同时在AE中也能用到。最后用adobe的audition去修改,剪辑音乐音效。

快速组建团队之后,我们进行了精确的分工,确保每个同学去理解我们做的东西是什么,主题,风格,展示形式。通过这样的合理分工以及并行的工作,关键的节点,整体的方案去保证我们整体的进度,最终的质量产出。<br>提升效率,最大化产出。我们的职能分工分几个环节<br>1.讨论idea,大家明确项目的目的,背景, <br>2.大家明确具体的工作内容 <br>3.文案,视觉,动画并行 <br>4.是否需要切图 <br>5.具体的时间节点,内审 <br>6.共同讨论,互相反馈<br>

这是一场顺利完成的考试,所有人努力精耕于每一个细节,最终给自己交了一个满意的答卷。不过,成绩不由自己来说,我们倾听来自外部的声音:

最后感谢玉洁的耐心指导,感谢兄弟团队百度地图UE的同学,地图pm和rd的付出。使我们最终的效果到达了更好的视觉体验。anyway,we are MUX 伐木累。<br>

54

作品信息

  • 创作时间

    2015/08/05

  • 创作工具

    Apple iMac
相关作品 收录收藏夹 TA的主页
2015百度地图世界大会彩蛋
没有新消息

提示文案

提示文案

提示失败
提示成功