本文利用C4D軟件和three.js開發(fā)方式制作地理空間數據可視化項目。地理空間數據可視化是基于我們實際生存的空間,對信息的載體、對象映射到載體的方式進行可視化展示,從而將地理空間中的數據以一種直觀、容易理解和曹總的方式呈現(xiàn)給用戶。
使用軟件:c4d
飛線制作原理:樣條約束功能
地球上的起伏:置換材質
中國地圖上的飛線:在ae中做好的視頻材質
地圖模型:高德那邊拿到的,但只針對阿里內部
開發(fā)方式:three.js
地理空間數據可視化 (Geo Spatial Data Visualization) 是近年來興起的一個熱門領域,越來越多的政府、企業(yè)青睞于通過這種強視覺的形式來展示政績與實力。市場需求的增長也吸引了越來越多的設計師投身于這個領域。而在這樣一個細分領域,也對設計師的能力提出了全新的要求。在該領域,我們團隊沉淀出一套固定且可復用的設計模式。在這篇文章中,我將會詳細講述一套完整的地理空間數據可視化設計流程。希望你能通過它形成一套屬于自己的可視化設計方法。
文章分為兩部分,上半部分展示視覺,下半部分聊聊視覺背后的理論與流程。
![](https://imgs.xueui.cn/wp-content/uploads/2020/03/01d5655c7d219da801203d22d4b4cd.jpg)
![](https://imgs.xueui.cn/wp-content/uploads/2020/03/01904e5c2b44a7a80121df90cf0d9b.png)
![](https://imgs.xueui.cn/wp-content/uploads/2020/03/017b815c2b44a9a80121df901b318a.gif)
![](https://imgs.xueui.cn/wp-content/uploads/2020/03/01e77a5c2cb696a80121df90236a8d.png)
![](https://imgs.xueui.cn/wp-content/uploads/2020/03/0173af5c2cb698a8012029ac6e3a7c.gif)
![](https://imgs.xueui.cn/wp-content/uploads/2020/03/016cfd5c2b44a7a80121df90554b21.png)
![](https://imgs.xueui.cn/wp-content/uploads/2020/03/0153e75c2b44a9a8012029acaf3c03.gif)
![](https://imgs.xueui.cn/wp-content/uploads/2020/03/017ce65c2b44a7a8012029ace4c1e4.png)
![](https://imgs.xueui.cn/wp-content/uploads/2020/03/01c63a5c2cb698a80121df9099b492.gif)
![](https://imgs.xueui.cn/wp-content/uploads/2020/03/01af0d5c2b44a8a8012029ac5a85dc.png)
![](https://imgs.xueui.cn/wp-content/uploads/2020/03/0146fc5c2b44a9a80121df90cd8593.gif)
![](https://imgs.xueui.cn/wp-content/uploads/2020/03/01797e5c2b44a9a8012029acc9c197.png)
![](https://imgs.xueui.cn/wp-content/uploads/2020/03/010c405c2b44aaa80121df90cf3622.gif)
![](https://imgs.xueui.cn/wp-content/uploads/2020/03/0165c95c2b44aaa8012029ac58a05c.png)
![](https://imgs.xueui.cn/wp-content/uploads/2020/03/01b9c45c2b44aba80121df90498927.gif)
![](https://imgs.xueui.cn/wp-content/uploads/2020/03/010e795c2b44a9a8012029ac0d0b0c.png)
![](https://imgs.xueui.cn/wp-content/uploads/2020/03/012ad95c2b44aba8012029ac242c01.gif)
![](https://imgs.xueui.cn/wp-content/uploads/2020/03/01f1005c2b44aba80121df901765c2.gif)
![](https://imgs.xueui.cn/wp-content/uploads/2020/03/0127bb5c2b44ada8012029ac43a10c.gif)
![](https://imgs.xueui.cn/wp-content/uploads/2020/03/018eb95c2b44ada80121df90077171.gif)
![](https://imgs.xueui.cn/wp-content/uploads/2020/03/0105cd5c2b44aea80121df90d99ae5.gif)
![](https://imgs.xueui.cn/wp-content/uploads/2020/03/019de55c2b44aca8012029ac73d7bb.png)
![](https://imgs.xueui.cn/wp-content/uploads/2020/03/01a3fa5c2b44aea8012029ac401b4d.gif)
![](https://imgs.xueui.cn/wp-content/uploads/2020/03/0104a05c2b44aca80121df90348841.png)
![](https://imgs.xueui.cn/wp-content/uploads/2020/03/01ff855c2b44aea80121df90dbd909.gif)
![](https://imgs.xueui.cn/wp-content/uploads/2020/03/01a9855c2b44ada8012029acbdb9ee.png)
![](https://imgs.xueui.cn/wp-content/uploads/2020/03/0159a65c7d21a0a801213f26809a8a.png)
轉載請注明:學UI網》數據之美:地理空間數據可視化
分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯(lián)系,我們立即更正或刪除。
藍藍設計( www.teruid.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司