【UX/UI原型模板系列】是同时兼备UI的美观和UX高保真交互，为您提供一系列设计精美、使用简单、界面友好的原型模板。

1、节约您99%画原型图的时间——多种颜色的模板，可以适用不同的风格

2、小白也能轻易上手——高保真高交互效果已经做好，你们复制粘贴就能使用。

3、包含23个省份+4直辖市+5自治区+2行政特区

4、中国地图里的数据填写中继器数据即可自动生成交互效果，不需连外网。（其他小地图的交互可参考制作）

5、原型中提供7中样式的中国地图，交互、颜色等可以自由修改。

6、鼠标移入某个一级行政区，可以查看对应的数据，点击时可以查看该地区的详细地图。

地图原型图效果预览http://atomstudio.cn/demos/chinamap_all/

1. 设计准备

安装xstar2021.12.25版，或更高版本的元件库。

链接：

xstar原型元件库https://pan.baidu.com/s/1HcAxBCm1UFd9Df4ClzAsQA
提取码：e8yp

2. 打开地图库

点击地图组件库选项，在组件面板区会显示地图元件列表

更多的元件需要打开对应省份的面板。

3. 放置地图元素

4. 设置元素属性

5. 预览设计效果

按下F5键在浏览器中预览设计效果，或者点击软件右上角的预览按钮进行预览。

6. 导出为Html文件

点击软件右上角的导出按钮，将设计导出为html文件，在离线状态下使用。

7. 将设计结果分享到互联网

如果想让远程客户快速预览设计效果，可以通过分享功能，将设计分享给远方的朋友。

【UX/UI原型模板】中国地图元件库操作说明（省份+直辖市+自治区+行政特区详细地图）相关推荐

Axure RP大数据BI可视化大屏原型模板及通用组件库
对于做大数据交互原型设计时,需要做到很多背景很科技背景,数据统计汇总组件.Axure RP大数据可视化大屏原型模板及通用组件库主要结构由大屏模板.登录界面.入口界面.初始框架.图表组件.设计组件等六大 ...
axure手机页面设计说明_使用Axure打造最佳的移动端交互原型教程（附元件库分享）...
一直以来Axure在对移动端原型设计方面的支持都不是十分理想,它没有像目前其它几类原型设计工具(Justinmind.墨刀等)一样提供移动端设备的模板和相关交互组件,但是Axure自由灵活的特性却同样 ...
快速原型设计工具(Axure)元件库导入
首先,需要下载元件库到本地,组件库文件以.rplib扩展名结尾然后,打开Axure,找到载入元件库按钮: 最后,选择存放在本地的组件库文件即可完成导入.
Axure原型模板、元件库、组件库
在产品设计中,随时会使用到相似场景,每次都反复绘制耗时耗力. 若使用通用模板即可快速提高设计效率. 下面给大家提供一个登录+多种验证+系统框架模板,可快速修改使用. 预览链接: Axure高保真原型设 ...
WEB前后端交互原型通用元件库、常用组件、信息输出、信息输入、信息反馈、综合系列、页面交互、首页、分类页、内容详情、用户中心、注册登录、找回密码、元件库、web元件库、rplib、axure
WEB前后端交互原型通用元件库.常用组件.信息输出.信息输入.信息反馈.综合系列.页面交互.首页.分类页.内容详情.用户中心.注册登录.找回密码.元件库.web元件库.rplib.axure原型 we ...
Axure移动端通用元件库rplib格式包含安卓、苹果各种主流手机、平板线框图元件库、IOS系统图标、人物图标、导航和分页、表格元素、各种小图标等
包含安卓.苹果各种主流手机.平板线框图元件库.IOS系统图标.人物图标.导航和分页.表格元素.各种小图标等 1.本作品由完整演示.元件库版.框架模板三部分组成 • 完整演示的.rp格式文件包含了全部元 ...
Axure电脑web端通用元件库rplib文件格式+移动端app通用元件库rplib文件格式（内含使用教程）
1.本作品由完整演示.元件库版.框架模板三部分组成 • 完整演示的.rp格式文件包含了全部元件和模板内容,以及相关元件类型的介绍和扩展的交互体验类文章分享,建议在使用前先熟悉完整演示的相关内容: • ...
元件库导入_最新版字体图标元件库分享，一套绝佳的矢量字体图标元件库
这次分享的FontAwesome v5字体图标元件库,是根据官方的最新版本v5.7.2整理完成的,包含了更全面的图标类型和丰富的图标数量,相信可以满足大多数同学在原型设计中的使用需求. FontAwe ...
echart+react实现中国地图点击切换省份（使用react hooks封装echart）
实现效果如下: 一.echart封装(react hooks) 实现容器大小发生改变,重新绘制在页面卸载时清理监听以及清除图例实现代码如下 //index.js import React, { u ...
数据可视化、模板框架、动态控件、可视化大屏、数据原型、监控平台、图表元件库、数据看板、驾驶舱、统计图表、消防、大屏展示、安防、智慧城市、旅游、运输、医疗卫生、贸易、电力、政务、水质、工业园区环境监测
数据可视化.模板框架.动态控件.可视化大屏.数据原型.监控平台.图表元件库.数据看板.驾驶舱.统计图表.消防.大屏展示.安防.智慧城市.旅游.运输.医疗卫生.贸易.电力.政务.水质.工业园区环境监测 ...

【UX/UI原型模板】中国地图元件库操作说明（省份+直辖市+自治区+行政特区详细地图）