【UX/UI原型模板系列】是同時(shí)兼?zhèn)銾I的美觀和UX高保真交互， 為您提供一系列設(shè)計(jì)精美、使用簡(jiǎn)單、界面友好的原型模板。

1、節(jié)約您99%畫(huà)原型圖的時(shí)間——多種顏色的模板，可以適用不同的風(fēng)格

2、小白也能輕易上手——高保真高交互效果已經(jīng)做好，你們復(fù)制粘貼就能使用。

3、包含23個(gè)省份+4直轄市+5自治區(qū)+2行政特區(qū)

4、中國(guó)地圖里的數(shù)據(jù)填寫(xiě)中繼器數(shù)據(jù)即可自動(dòng)生成交互效果，不需連外網(wǎng)。（其他小地圖的交互可參考制作）

5、原型中提供7中樣式的中國(guó)地圖，交互、顏色等可以自由修改。

6、鼠標(biāo)移入某個(gè)一級(jí)行政區(qū)，可以查看對(duì)應(yīng)的數(shù)據(jù)，點(diǎn)擊時(shí)可以查看該地區(qū)的詳細(xì)地圖。

地圖原型圖效果預(yù)覽http://atomstudio.cn/demos/chinamap_all/

1. 設(shè)計(jì)準(zhǔn)備

安裝xstar2021.12.25版，或更高版本的元件庫(kù)。

鏈接：

xstar原型元件庫(kù)https://pan.baidu.com/s/1HcAxBCm1UFd9Df4ClzAsQA
提取碼：e8yp

2. 打開(kāi)地圖庫(kù)

點(diǎn)擊地圖組件庫(kù)選項(xiàng)，在組件面板區(qū)會(huì)顯示地圖元件列表

?更多的元件需要打開(kāi)對(duì)應(yīng)省份的面板。

3. 放置地圖元素

4. 設(shè)置元素屬性

5. 預(yù)覽設(shè)計(jì)效果

按下F5鍵在瀏覽器中預(yù)覽設(shè)計(jì)效果，或者點(diǎn)擊軟件右上角的預(yù)覽按鈕進(jìn)行預(yù)覽。

6. 導(dǎo)出為Html文件

點(diǎn)擊軟件右上角的導(dǎo)出按鈕，將設(shè)計(jì)導(dǎo)出為html文件，在離線狀態(tài)下使用。

7. 將設(shè)計(jì)結(jié)果分享到互聯(lián)網(wǎng)

如果想讓遠(yuǎn)程客戶快速預(yù)覽設(shè)計(jì)效果，可以通過(guò)分享功能，將設(shè)計(jì)分享給遠(yuǎn)方的朋友。

總結(jié)

以上是生活随笔為你收集整理的【UX/UI原型模板】中国地图元件库操作说明（省份+直辖市+自治区+行政特区详细地图）的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。