大家平時都會使用一些地圖軟件吧，特別是遇到不熟悉的地方更是需要地圖的幫助。今天就讓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設計自然是有其規范和要求的，但是不同的界面要求不同，地圖界面的設計還是要更加簡潔明了比較好。