查看原文
其他

2 个 95 后开发者,独家揭秘「一个鸡蛋的暴走」地图设计思路

Mapbox 2022-06-25

商务合作请联系:apac-bd@mapbox.com

加入开发者交流群请联系微信号:Mapbox_max


上周六,第九届「一个鸡蛋的暴走」在上海迪士尼申迪生态园开启, 50 km 的长长距离铺满了公益的爱心,此次暴走的主题为“行百里者,一言九顶”,意为承诺用 50 公里的征程,汇聚万千爱心,共同“顶”起孩子们的未来。


作为公益事业的支持者,Mapbox 已连续三年支持暴走路线电子地图的制作。


点击这里了解 Mapbox 做的那些公益项目

Mapbox 2019 年鸡蛋暴走地图 点击访问

今年跟前两年有所不同, Mapbox 代表队新增了两位新鲜面孔 —— 开发者 @申永范 @程诚。


拿到志愿者证书,合个影(左:程诚 右:申永范)


他们参与了招募 | 邀请你来做 1 个月的公益地图设计志愿者,见证策划到落地,来不来?的活动,并在两个月相互配合,一个设计一个开发,亲自搞出来了一个美美哒的地图!


还跟着 Mapbox 团队一起完成了暴走活动 🎡


淡定的表情下,腿其实已经残了


下面就让我们通过采访了解一下,两位开发者的制作思路和心得体会吧。



Bilibili 纯净版:https://www.bilibili.com/video/av52441304/


Q:你参加鸡蛋暴走地图设计活动的初衷是?

  • 设计师申永范:我第一次知道这个活动是在 Mapbox 官方微信里面,通过公众号文章了解到,觉得很有意义。当时正好自己在做一些样式的设计,就觉得如果能用自己所学的东西来做些什么的话,应该是一件很酷的事情。只是,比较担心的是自己不会技术,不过 Max 非常热心地帮我搭档到了一位技术小朋友,我们一起来做一件这样的事情。

  • 程序开发程诚:最近也看了一些关于 Mapbox 的东西,正好也是一个实践的机会,所以就借这次机会,参与了这个活动。


Q: 整个地图的设计思路是怎么样的?

  • 设计师申永范:当我接到这个需求的时候,其实对整体的画面还不是非常明确的,就是前期的时候,我和程诚一起头脑风暴,想了很多种方案。比如初期有这样的一个想法 —— 像是一个游戏的关卡一样,通过暴走一段时间后可以解锁新的关卡。我们当时的整个风格和设想和游戏很像,具体来说,第一个打卡结束后,用转场动画切换地图样式,以营造不同的场景,然后再继续下一个卡点。黑夜应该是什么样子的啊?然后春天应该是什么样子的颜色?然后我们就以这样的一个基调来去做了几款不同的样式方案。


制作过程中的聊天截图


Q: 在项目制作的过程中有什么想要分享的内容?

  • 程序开发程诚:我们前期其实交流很多,有很多想法,有时候下班很晚了还会在一起讨论。

  • 设计师申永范:我当时希望用颜色传递一些信息,就把每个路线设定成不同的颜色,并展示颜色渐进的一个过程,然后希望能参加这次活动的人能感受到这种变化带来的这种温暖,这是我们当时的一个初衷。整体的风格也是比较卡通活泼的。

巧妙的变换的路线颜色


精心设计的卡通元素


Q: 想对 Mapbox 开发者们说什么?

  • 设计师申永范:如果有一定的设计基础的话, Mapbox 跟 PS 还挺像的,可以深入研究下,还是比较好上手的。

  • 程序开发程诚:Mapbox 的官方文档值得好好读一下,讲的还是挺详细的。


Q: 想对 Mapbox 说什么?

  • 设计师申永范:是这次的活动也是给了一个很好的机会,其实是会有一些想法想要去表达,需要表现,这个时候跟工程师一起合作去让这个项目落地,希望开发者社群可以办得越来越好。

  • 程序开发程诚:希望越来越多的人可以用 Mapbox 设计出来好看的地图。


暴走结束后,申永范和程诚为开发者社群填写问卷的小伙伴抽奖

真的很不容易,从零到落地,再亲自参与进来,真的是满满的幸福感啊!



如果你想要认识这两位开发者,或者也想分享自己的项目,可以联系微信 Max (Mapbox-max)加您进入开发者社群,进行深入探讨。




👀相关阅读


👀点击关键词查看相关内容


商务合作请联系:apac-bd@mapbox.com

扫描下方二维码,回复【技术】即可加入开发者群,对接资源,一起学习成长。👇

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存