大家平时都会使用一些地图软件吧,特别是遇到不熟悉的地方更是需要地图的帮助。今天就让faceui为大家介绍一下地图界面ui设计的几种方式,地图界面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的截图缩放到画布大小,然后根据边界轮廓都对应好,执行剪切蒙版,最终会得到下面的图的效果。
地图界面ui设计需要注意的点在哪
1、你的UI 是否高度一致
用户来到你的站点,脑子里会保持着一种思维习惯,你的UI 需要保持一致,以免用户的思维方向被打乱。比如,如果你的某个品目下的产品可以拖放到购物车,那你站点中所有产品都应该可以这样操作。将按钮放到不同页面相似的位置,使用相契合的配色,使用一致的语法和书写习惯,同时,让你的页面拥有一致的结构。
2、用户能自由掌控自己的操作吗
你应当分析一下,自己的站点是否容易导航。用户应当可以自由掌控自己的浏览行为,确保他们能从某个地点跳出,能够毫无障碍地退出。那些在用户离开前弹出窗口的行为是UI 易用性的一个大问题。
3、你知道谁是你的用户群吗
要设计有效的UI,必须对你的用户群有所了解,不同的用户阶层对不同的设计元素有不同的理解,17~25 岁年龄段的人,和40~55 年龄断的人有不同的喜好。你的UI 设计必须针对你的用户群进行设计…
4、你是否有足够的预防错误的措施
应该尽可能检查程序中的错误和BUG,虽然你可以弹出一个窗口告诉用户发生了什么,但为了更好的用户体验,最好减少这些东西。Beta 测试是消减错误的最好方法。
5、你是否首先将最重要的东西展示给用户
将重点放在重要的内容上面,首先为用户展示最重要的内容,以便用户更好地理解你的内容。
6、你的设计是否简单
很多站点的设计十分简单,简约设计可以增强UI 的易用性,可以让用户不必关心那些无关的信息。你的UI 应该是这样的,它的功能很强大,但设计很简约,拥挤的界面,不管功能多么强大,都会吓跑用户。
图片来源于网络
7、你是否使用了视觉提示
如果你使用了Ajax,Flash 一类的技术,当内容在加载的时候,应当提供视觉提示,应当始终让用户知道目前在做什么。
8、你的UI 是否有操作提示
你的用户是否靠自己研究或FAQ 文档学习如何操作?你应当在UI现场提供简单的操作提示,比如,使用jQuery 在你的各个UI 元素上显示操作提示。
9、你的内容是否清晰
确保你的文本准确,清晰,易懂。
10、你如何使用色彩
色彩是UI 的重要元素,不同的颜色代表不同的情绪,你对色彩的使用应当和站点以及主题相契合。还应注意,有的用户是色盲,你应当考虑到他们的感受。色彩的使用应该一致,一旦选定了某种配色,就应该在整个站点一致使用这种配色。
11、你的UI 是否大象无形
UI Engineering曾经说过,”最好的设计不是用来看的,是用来体验的”。这意味着,你的UI 应该让用户去体验,而不是放一些花哨的东西给用户看。UI 设计越简单,用户体验越好,不要滥用设计元素,不要使用拥挤的界面。
12、你的UI 是否有良好的结构
你的UI 中,各个元素应当放在他们应当放的位置,总体结构应当清晰,一致,相互关联,那些不相关的东西应当单独放置。
以上就是faceui为大家介绍的关于地图界面ui设计的相关内容。界面ui设计自然是有其规范和要求的,但是不同的界面要求不同,地图界面的设计还是要更加简洁明了比较好。