霓虹灯风格 80‘s 8-bit 地图诞生记 | Mapbox 地图设计思路

Map Design | 80‘s 8-bit

不久前，咱们为你们分享了两个《怪奇物语 Stranger Things》电影主题模版，其中有一个充满魔幻风格、使人印象深入的地图 —— 80‘s 8-bit，以下图👇

它从《怪奇物语 Stranger Things》第三季海报中汲取了明亮的霓虹色，并结合了基于复古 8 位视频游戏的字体，这篇文章咱们请它的创做者 —— Mapbox 官方地图设计师 —— Madison Draper，讲讲关于这幅地图背后的设计思路。

灵感来源

这张地图最初的来源，其实一个 80 年代风格的音乐会。音乐会，你懂的，那霓虹灯闪烁、声浪滚滚的感受，简直是要调动每一颗细胞。

艺术就是将看不到的东西表现出来。Madison 很想用地图的方式表达这种兴奋的感受。她联想到了可以带来相似感受的任天堂（Nintendo）的 8-bit 游戏，并提取了游戏画面中的元素做为地图设计的色块。

这样简洁的草图，能够帮助我更加专一于整个地图的主题表现。

霓虹灯线条色效的打造

这张地图，颠覆传统。咱们印象中的地图上出现的网格是什么样的？你可能都没有印象了吧。而 80's 8-bit 将山脉、地形等赋予霓虹灯光的色系，如电流通常，彷佛在跳跃，总体都动了起来，凸显着野性、青春、不羁的感受。

霓虹灯色彩是总体设计中最用心的部分之一，您能够经过下面的细节放大图感觉到这种线条周围虚化的效果：道路和标签在黑暗的背景下明亮地发光，在重叠时甚至彼此闪耀。

那这是怎么作的呢？这样的效果是经过线条逐渐下降的不透明度打造的。

字体选择的思考

对于不一样类型的字体，Madison 使用了不一样的风格，好比对于 country-label, state-label 和 city-label 等有不一样的字体定义。

其中 Press Start P2 字体，是源于 80 年代 8-bit 游戏机和手机，属于里程碑式的角色。Heebo 字体的简洁线条，与霓虹灯色系搭配到恰到好处，而且更加突出了 Press Start P2 字体所渲染的活力。

固然，这些字体的选择原则，也要确保它们可以独立地从地理环境中抽离出来，足够清晰而具体。

开始你的设计

Madison 为你们提供好了该字体的模版，点击连接到 Mapbox Studio 里面一块儿玩起来吧。

成功之做好地图以后，还能生成 Style URL 直接在本身开发的 App 中使用，很方便哦。

account.mapbox.com/auth/signin…