关于地图,你可能不知道的设计点(一)

用户头像
深圳/设计爱好者/7年前/7206浏览
关于地图,你可能不知道的设计点(一)

因为项目的原因经常涉及到地图的可视化设计,过程中也走过很多坑,和大家分享下自己的一些心得,欢迎批评指正。

在智慧城市和智能交通领域不可避免的遇到地图可视化的展示,地图通常在项目中扮演着重要角色,比如基于地图做的业务管理,数据可视化展示和指挥监控等等。


但是,目前通用的地图样式单一,在项目的使用过程中风格受限,特别是在地图占主体的项目设计中不能很好的通过地图来传达产品的品牌感,整体设计还会因为地图的样式问题陷入瓶颈,因此一个好的地图作为底图不仅能的衬托各类数据的显示,还给设计带来更多的可能性。下面给大家介绍如何高效的进行地图个性编辑。


地图的种类

设计过程中常用到的地图种类有2D地图,3D地图,这两种类型的地图都有不同的特点和应用场景。


2D地图:

地图信息简洁明了,俯视的全局感在用户体验上较亲切,可叠加较多图层信息,适合作为底图展示各类数据。


3D地图:

立体逼真,空间感强,让用户身临其境,但图层信息叠加有遮挡,适合大场景类,导航类,展示类地图的应用。

那些这些地图都是怎么设计的呢?又如何和开发人员对接的?

答案就是:


地图个性编辑工具的使用

地图个性编辑工具有很多种,常用的地图官方会提供自己的地图个性编辑工具,比如百度,高德,还有一些地图厂商会提供自己的地图编辑工具,比如世纪高通,有些政府因为部署环境在内网会购买这类服务,这里给大家介绍互联网常用的地图个性编辑工具。


百度个性化地图编辑器:

http://lbsyun.baidu.com/index.php?title=open/custom


高德地图开放平台:

https://lbs.amap.com/


这类工具最大的特点就是用设计师的思维方式运作,有下列优点:

1、一个视觉界面,设计可视化地图并立即查看您的更改;

2、一份地图,三端使用,大大减轻了地图配置的工作量;

3、样式代码一键生成,和前端完美对接;


但是,也有些小缺点,比如:

1、网页端地图调用方式只支持在线调用;

2、编辑的地图元素种类和数量不同;

3、百度,高德等地图样式不支持互相调用;





地图元素分级配置

高德地图最新推出了地图元素分级配置的功能,可以在高德自定义地图平台,为某个地图元素(如水系)的不同缩放级别设置不同的展示效果,借助此功能,还可以让指定的元素出现在特定的级别中,并配置展示效果。

图片快速配置地图

快捷配置地图功能是根据用户上传的图片主题色生成对应的地图,同时也可以拖动标签在地图上拾取颜色为5大类地图元素填充,快速生成一副地图


建议:因为只选取图片中5个取色点,颜色过于复杂的图片效果并不好,所以建议在网上找一些好看的色板,这样更方便快捷,效果更好。



自定义地图注意点



3D地图的设计

一般3D的地图如果范围较小或者精确性要求不高的情况下会考虑建模完成,虽然自定义的选择性更多,但是工作量大。


目前常用的地图工具中高德地图提供了新的地图视图效果,相比 2D 地图增加了对旋转、视角倾斜等地图功能的支持,可以在“区域面”下“建筑物”模块设置显示建筑物3D模型,支持都全局地图下建筑物3D模型的编辑,包括显示,填充颜色,描边颜色和纹理(旗舰版)。



小结

以上就是关于地图个性编辑部分和大家分享的内容。工具其实很容易上手,难点在于地图的配置,整体的美观和协调,不同的城市路网复杂度不同,项目中关注的信息不同等等都会影响地图的配置,所以多尝试吧~

65
举报
|
152
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
【新年UI图标】积分icon
3D渐变流体抽象矢量UI背景图
我的钱包-UI界面设计-app
新能源APP应用UIKit
高级表盘系列UI源文件
【新年UI图标】礼物/活动icon
户外旅行飞机情侣假日出行
【新年UI图标】旅行icon
【新年UI图标】活动icon
新拟态风格 UI设计组件库
【新年UI图标】汽车icon
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
3D卡通UI界面图标可爱插画免扣素
Security Camera UI kit
钱包ui模板
UI 登录界面设计模板包
高级感金属拟物 UI设计组件库
科技医疗透明柜UI界面设计
APP/小程序商业项目UI模板|99个高保真UI+79个原型
矢量立体简约UI蓝白图标
UI界面 组件
盲盒APP UI设计
UI通用设计素材1
你可能喜欢
大家都在看
登录注册