地图界面ui设计原则，地图界面ui设计的数据可视化制作方法

　　网络的发展，智能手机的广泛运用，让地图这种软件逐渐深入人们的生活中。在设计地图软件的时候，对其界面设计该怎么做呢？今天就让faceui为大家介绍地图界面ui设计原则，地图界面ui设计的数据可视化制作方法。

　　地图界面ui设计原则

　　1、明确你的用户群

　　首先要明确一个方向：谁是你的用户群？不同阶层、不同年龄的用户偏重的主题设定和设计元素都不相同，所以UI设计必须是有针对性地设计。

　　2、界面要清晰

　　清晰度是界面设计中，第一步也是最重要的工作。要想你设计的界面有效并被人喜欢，首先必须让用户能够识别出它，让用户知道为什么会使用它。当用户使用时，要能够预料到发生什么，并成功的与之交互，只有清晰的界面能够吸引用户不断地重复使用。

　　3、交互性

　　界面的存在，促进了用户和我们的世界之间的互动。优秀的界面不但能够让我们做事有效率，还能够激发、唤起和加强我们与这个世界的联系。

　　4、保持用户的注意力

　　在进行界面设计的时候，能够吸引用户的注意力是很关键的，所以千万不要将你应用的周围设计得乱七八糟分散人的注意力，谨记屏幕整洁能够吸引注意力的重要性。

　　地图界面ui设计

　　5、让用户掌控界面

　　人都喜欢对事物完全掌控，而不考虑用户感受的软件往往不会给客户掌控的感觉，迫使用户不得不进入计划外的交互，这会让用户很不舒服。保证界面处在用户的掌控之中，让用户自己决定系统状态，稍加引导，这样会更容易达成目标。

　　6、每个屏幕需要一个主题

　　我们设计的每一个画面都应该有单一的主题，这样不仅能够让用户使用到它真正的价值，也使得上手容易，使用起来也更方便，在必要的时候更容易进行修改。

　　7、区分动作主次

　　每个屏幕包含一个主要动作的同时，可以有多个次要动作，但尽量不要让它们喧宾夺主！文章的存在是为了让人们去阅读它，所以在设计界面的时候，尽量减弱次要动作的视觉冲击力，或者在主要动作完成之后再显示出来。

　　8、自然过渡

　　界面的交互都是环环相扣的，所以设计时，要深思熟虑地考虑到交互的下一步。考虑到下一步的交互是怎样的，并且通过设计将其实现。这就好比我们的日常谈话，要为深入交谈提供话由。当用户已经完成该做的步骤，不要让他们不知所措，给他们自然而然继续下去的方法，以达成目标。

　　9、符合用户期望

　　人总是对符合期望的行为最感舒适,这也是与人打交道的设计应该做到的。在实践中，这意味着用户只要看一眼就可以知道接下来将会有什么的动作发生，如果它看上去像个按钮，那么它就应该具备按钮的功能。设计师不应该在基本的交互问题上耍小聪明，要在更高层次的问题上发挥创造力。

　　地图界面ui设计

　　地图界面ui设计的数据可视化制作方法

　　1、第三方地图的获取和对接

　　普通地图一般都是去对接三方平台，他们都会提供对应的地图开放服务。实操一下地图的获取和调色方法以及最后跟开发交付的流程。

　　首先登录地图app开放平台，点击右上角控制台进入控制台会进入页面，大家可以多点点查看下平台的相关功能内容，比如点击数据可视化里面会有集成的地图可视化效果。数据可视化里面后有一些集成的模板化的效果。回到主题点击自定义地图就可以对地图进行自定义配置了。页面上会有好多配置好的模板供你选择，也可以选择自己自定义配置，根据需要选择一个点击进去，就进入地图配置页面。最后将调整好的样式，直接放大全屏后截屏后就可以在设计稿里使用了。

　　2、开发样式的对接

　　将配置好的文件点击右上角的发布，直接继续点击发布。发布成功后会出弹框，里面会有一些调用和使用地图的方法。根据使用需求可选择不同平台的使用方式，直接复制链接丢给开发就好了。

　　3、3D地图建模及贴图的制作获取方法

　　在网上下载地图的边界轮廓文件，下载对应的各个省份 城市的边界地图轮廓模型的svg文件，点击左下角进行下载，将下载好的svg文件导入ai里转换成ai格式，这里要注意的是另存的时候一定要选择比较早的版本，建议存为Illustrator 8图中箭头所指的那个版本，要不然c4d会是识别不出来。将转换好的ai文件导入c4d，执行挤压。

　　4、漫射贴图制作的思路

　　首先在Google Eaeth Pro上面找个省份对应的位置然后执行文件-保存就能保存当前展示得地图纹理了（建议保存两张贴图，一张带边界和地名的方面后面制作贴图的时候方便对上位置，第二张就是无边界地名的作为最终的漫射贴图）。

　　将c4d展完uv的截图、还有制作模型下载的地图边界路径、和刚才的截图一一拖入ai里面 ，新建一个4k（这里根据需求建就行）的画布，将展uv的截图缩放到画布大小，如下图，然后根据边界轮廓都对应好，执行剪切蒙版，最终会得到下面的图的效果。

　　以上就是faceui为大家介绍的关于地图界面ui设计的相关内容。地图类的app在ui界面设计方面跟其他类型的app不同，但是在设计原则上还是有很多相似之处。