霓虹燈風格 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…