15158846557 在线咨询 在线咨询
15158846557 在线咨询
所在位置: 首页 > 营销资讯 > 网站运营 > 亲测好用的地图设计思路 | 附 16 个地图设计模板

亲测好用的地图设计思路 | 附 16 个地图设计模板

时间:2023-06-09 03:06:02 | 来源:网站运营

时间:2023-06-09 03:06:02 来源:网站运营

亲测好用的地图设计思路 | 附 16 个地图设计模板:


Mapbox Style lists

近期,我们为大家分享了一些个性化图的设计思路,比如:



是不是也想要做一张属于自己的地图呢?如果想要从头开始设计一张属于自己的地图,有什么通用的设计方法呢?

下面由 Mapbox 官方地图设计师 Madison Draper 为大家分享一个亲!测!好!用!的设计思路。





作为 Mapbox 地图设计师,我经常会因为某些原因做一张新的地图:匹配特定的用户场景、突出新产品信息、在某些活动上展示风格相符的地图等等。

每次设计之前,头脑风暴和合作讨论是特别关键的,可能 100 个想法中只能有 1 个进入最终的设计阶段

想法是基础,我会经常记录下来每个灵感,比如你知道的我设计的很多地图都是来源于一些照片、一些概念甚至是现有的地图风格。





总的来说,我的地图设计思路基本遵循下面五个从复杂到简单的步骤:
1.想法产生(Generation)2.信息提取(Extraction)3.内容简化(Simplification)4.设计元素(Ideation)5.开始创作(Creation)

下面看看我们怎么样按照上面的流程,为 2014 年 Ian Villeda 设计的「Wheatpaste」地图风格做个更新版!

第一步:想法产生(Generation)

想法和设计的产生在最开始就是紧密耦合的。不是所有的想法都能被设计很好地表达,所以这一步我们重点关注在:如何平衡好兴趣和可能性。

在这一步中,实用的办法是尝试快速模拟想要设计的元素、基本思想和主题,比如下面这个 Mock。





第二步:信息提取(Extraction)

当想法确认后,我们就可以开始收集信息了,包括图像、文字、概念思考过程等只要和主题相关的都可以整理起来。可以把他们放在 Adobe Illustrator 中,做一个风格化分析。





比如上图,我把这些碎片化的信息在 Adobe Illustrator 中打开,用不同的缩放级别和地理位置编辑了一个带有调色板和地图视图的小画板。

这种深入分析有助于我理解地图的意图,并完成设计决策。

第三步:内容简化(Simplification)

在设计决策的过程中,需要化繁为简,把信息简化为主题,视觉元素和意图。
这一步,我们可以为地图创建分类图表。





第四步:设计元素(Ideation)

在这个阶段,就细节到地图的外观,比如纹理,字体,颜色,并确保设计与初始意图一致。





第五步:开始创作(Creation)

在考虑好风格、制订好设计元素后,就可以开始在 Mapbox Studio 中进行具体的设计了。如果你经常使用 Mapbox Studio,可以将默认的图层都删掉,从白板开始设计。









可以点击这里进入 Wheatpaste 网页版在线浏览获得更多灵感。

如果想要站在巨人的肩膀上开启你的设计,就一定不能错过下面的福利时间!

❤️福利时间 - Mapbox Studio 个性化地图模板

这里汇集了部分 Mapbox Studio 地图模版,用电脑打开对应的链接就可以直接在模版的基础上进行创作了。

如果在使用中遇到问题,欢迎联系 Mapbox 公众号(Mapbox-China),回复【技术】,即可到 Mapbox 开发者交流群进行交流哦。
•Mapbox Studio•Mapbox Studio 教程•Mapbox Studio 视频教程


1.Treasure





•用电脑点击这里进行在线创作

2. 80‘s 8-bit




•用电脑点击这里可以进行在线创作

3. The Upside Down





•用电脑点击这里进行在线创作

4. Mineral





•在用电脑点击这里进行在线创作

5. GOT





•用电脑点击这里进行线创作

6. Architect





•用电脑点击这里进行在线创作

7. Bubble





•用电脑点击这里进行在线创作

8. Cali Terrain





•用电脑点击这里进行在线创作

9. Decimal





•用电脑点击这里进行在线创作

10. Ice Cream





•用电脑点击这里进行在线创作

11. Lè Shine





•用电脑点击这里进行在线创作

12. Minimo





•用电脑点击这里进行在线创作

13. Moonlight





•用电脑点击这里进行在线创作

14. North Star




•用电脑点击这里进行在线创作

The Happy Map





•用电脑点击这里开始在线创作

Whaam!




•用电脑点击这里进行在线创作




Build with Mapbox br/>霓虹灯风格地图 80‘s 8-bit 诞生记 | Mapbox 地图设计思路
br/>如何制作富有质感的城市 3D 肌理图?| Mapbox 一分钟
br/>「抖音风格」动态地图制作方法已上线
br/>2 个《怪物奇语》电影主题地图模版上线 Mapbox Studio,超美、超玄幻








关键词:设计,地图,模板,思路

74
73
25
news

版权所有© 亿企邦 1997-2025 保留一切法律许可权利。

为了最佳展示效果,本站不支持IE9及以下版本的浏览器,建议您使用谷歌Chrome浏览器。 点击下载Chrome浏览器
关闭