尋寶風格導航地圖 Treasure 誕生記 | Mapbox 地圖設計思路

Designing the Treasure map style

不久前，咱們爲你們介紹了霓虹燈風格地圖 80‘s 8-bit 的設計思路，這篇文章咱們繼續分享一個有趣的地圖設計 —— 尋寶風格地圖 Treasure。

這張地圖來自 Mapbox 官方地圖設計師 Madison Draper，在藝術化的表達和闡述中，也着重突出了導航功能點，結合了 Mapbox Standard 的和 Mapbox North Star 兩種風格，融合汽車導航和航海導航功能爲一體，而且藉助字體的變化營造一種尋寶的感受。

靈感來源

如前所述，下面兩張地圖風格就是 Treasure 的最初靈感來源了。

而 Treasure 在原風格上添加了手寫體 —— Homemade Apple Regular，便營造出來一種尋寶地圖的韻味。

藉助洋流，緯度圈以及獨特的海洋標記，Treasure 的導航功能性得以體現.

這張地圖不單單是用來看的，更是須要拿來用的。 —— Madison Draper

突出之處 —— 紋理

紋理爲地圖帶來了立體感，將屏幕中的平面圖變得彷佛能夠觸摸和感覺通常。

Treasure 涉及到兩種類型的紋理：重複和非重複。

• 非重複圖標，一般用於點數據的單個圖標，好比海洋標籤背後的船隻。您能夠到 Maki Icon Editor 中建立屬於本身的非重複圖標。

• 重複圖標，建立了一種從端到端的無縫鏈接模式，這些圖案用於填充多邊形或線條。 Mapbox 的瓦片尺寸是 512px * 512px，這意味着重複紋理尺寸須要完美地劃分 512 以使圖標無縫鏈接。舉個例子，Treasure 使用了兩種圖標，一種用於水（water64），一種用於土地（urban64）。兩種圖標均爲 64px * 64px，512px * 512px 瓦片能夠完美被填充。

製做重複圖案時，須要確保整個畫布上都填充圖案，而且邊緣相互兼容。若是你以爲有興趣，能夠看看這個例子，瞭解具體如何在 Mapbox Studio 添加 SVG 圖案。

添加字體

設計地圖的難點之一是將彎彎曲曲的手寫字體與直來直去的線條（道路和緯度圈）進行結合，並保證易讀性。應該怎麼作比較好呢？爲了確保線條不會影響易讀性，能夠嘗試在文本中添加一個光暈，相似於文本和線條之間 2 px 的緩衝區，讓光暈與背景層保持相同的顏色，就不會分散設計的注意力。

如何開始設計

登入 studio.mapbox.com，便可使用 Treasure 尋寶地圖模版，在此基礎上開展您的設計！

還能夠嘗試將 Treasure 與 Navigation SDK 相結合，參考以前的導航 App 製做教程，作一個真正能夠用來尋寶的地圖吧！

若是您設計出了本身的做品，歡迎發送郵件至 apac-mkt@mapbox.com 並附上簡單的設計思路，便可得到中文全綵《地圖設計指南》一本。