大家好，我是易知微的可視化設計師——元寶，這是3.31直播的文字版，整理了直播過程中的關鍵知識點，同時補充了一些更詳細的解說，希望能幫到大家。

首先，這是關于「如何使用EasyV Sass個人版輕松搭建零代碼銷售可視化看板？」來做可視化設計的直播。

EasyV是什么

用我自己的理解來說，EasyV是我們公司提供的一款快速設計、搭建、開發(fā)可視化&數(shù)字孿生應用的平臺工具。

立即進入官網(wǎng)，免費試用！

https://easyv.cloud/?t=yrbz

EasyV個人版的特點

這是目前提供的三個版本，大家可以到官網(wǎng)詳細對比差別。

我在公司內(nèi)部用的是尊享版，為了直播，我去開了個人版測試賬號，使用對比后，我覺得個人版主要的優(yōu)點有：

• 雖然有部分組件和大屏文件數(shù)量限制，但是真的很便宜

• 因為目前主要面向非開發(fā)人員，特意做了表格形式來編輯靜態(tài)數(shù)據(jù)

誰適合使用EasyV個人版

因為我是一個使用EasyV做可視化的設計師，所以，對于正在學習可視化設計的學生或者設計師同行，我可以說——EasyV確實可以幫助你以較低的成本（經(jīng)濟和時間）來實現(xiàn)可視化交互系統(tǒng)的制作。

EasyV的身影

為了更好的解釋 EasyV 的用途，以下是中國地質大學的學生用?EasyV 做的校園地理信息可視化的文章，我看完還挺驚喜的！可能這就是自家產(chǎn)品被別人用起來的快樂吧。

文章鏈接：https://mp.weixin.qq.com/s/xQEDePK9uQFPL9Xkb1SLg

雖然他們用了個人版沒有的3D園區(qū)組件，但是個人版是我們今年才推出的，產(chǎn)品權益也在不斷迭代修改，可能產(chǎn)品那邊的同事看到這個組件被個人群體喜歡，沒準以后就開放了呢。

從企業(yè)層面來看，如果你是在做這類低代碼、可視化的平臺調(diào)研，個人建議是，直接去聯(lián)系開通更高的版本，這樣更利于你對 EasyV 的評估，當然，你也可以先自己買一個月的個人版試試，當作“體驗版”～

進入官網(wǎng)，免費試用:https://easyv.cloud/?t=yrbz

憑啥要用？

做直播準備的時候，我一直在想一個問題——我應該直播啥，才能吸引到個人用戶，換句話說，就是“大家憑啥要選擇用 EasyV 來做可視化”。

經(jīng)過冷靜并深刻的思考，我覺得是：用 EasyV 能把可視化做得更美、更快。

這幾年的可視化設計是肉眼可見地流行起來了，大家都在學。

但是，因為缺乏學習參考和高效工具，結果往往不太理想。我撈設計師簡歷的時候，經(jīng)?？吹胶芏?UI 做得不錯的同學，可視化大屏那部分一下子拉垮，簡直不像同一個人做的，表現(xiàn)出來的水平差距太大了。

我之前直播的時候，從設計師的視角，拆解過可視化大屏的設計元素：

而 EasyV 確實可以“一站式”地從這幾方面，高效地完成「能交互的可視化系統(tǒng)」的制作，更不必說是一個靜態(tài)頁面了。

所以，為了驗證自己的觀點，我這次演示的題目是「不用任何外部的軟件，只用 EasyV 完成下面這個大屏」：

我只用了一上午的時間，就做完了它，這是可以交互的：

當然，這個效果還有很大的優(yōu)化空間，不過我認為對于這個大屏來說，EasyV能代替 80% 的原始工作流，就已經(jīng)很nice了。

常規(guī)的平面設計部分就不說了，主要是中間的地球，按照常規(guī)的設計，大概就需要用到PS、3D建模軟件、Ae等等，做出了效果圖，還要對接開發(fā)小哥進行還原。

PS：“白發(fā)老頭”的圖標，代表的是“也沒有壓力很大的28歲程序員”的網(wǎng)絡梗，這里我想用他表示，EasyV 是可以有效代替前端小哥的開發(fā)工作～

關鍵實操知識點

軟件操作之前，是靈感構思，這個毛玻璃質感的思路來自網(wǎng)上的這兩張圖：

雖然確實受限于自己約定的「不用任何外部軟件」的條件，對演示的效果有所取舍，但我想告訴大家的是——可視化設計的靈感，可以來自很多的地方，有很多方式可以表現(xiàn)科技和質感，我們搜集靈感時，不要局限于“可視化屏”之類的關鍵字，可以擴展到暗色、游戲、儀表盤、車載UI...

以下是一些關鍵操作摘取，更多的可以查看直播回放～

類似設計軟件的面板

如果你用過 Sketch、Figma 一類的UI設計工具，那么可以很輕松了解 EasyV 的功能布局，因為他們很像：

Sketch

EasyV

FUI元素

在 EasyV 中，形狀組件、彈性布局組件、閃點、跟蹤路徑...這類組件可以有效幫助我們完成 FUI 裝飾元素的繪制，就是那些框框線線的元素～。強烈推薦彈性布局裝飾組件！因為它可以做到拉伸不變形，這樣就不用改個尺寸就要重新切圖了！有點類似點9切圖法：

拉伸不會變形的“彈性布局裝飾”組件

預置了很多樣式，也可以自定義

不用導SVG，就可以直接實現(xiàn)水平移動的流光！

地球

不用管怎么實現(xiàn)，你只用調(diào)節(jié)樣式，就可以做一個能交互的地球：

豐富的子組件，想加多少層都可以，樣式參數(shù)也很多

想要突出國家，不用畫貼圖，直接用區(qū)域熱力子組件實現(xiàn)，要更改國家，上傳不同國家的geojson文件即可：

飛線的樣式，提高了很多樣式和動畫參數(shù)，直接調(diào)整就好了！飛線制作的難點，在于修改起點終點、生成隨機大量的模擬數(shù)據(jù)，不然一根根畫要累死人。

這里，我們可以利用 EasyMap 自動生成批量飛線的數(shù)據(jù)，替換到數(shù)據(jù)源里即可：

復制鏈接至瀏覽器，立即進入「EasyMap」：map.easyv.cloud/

可以自動生成隨機大量的數(shù)據(jù)

保存CSV文件并上傳，就可以改變飛線數(shù)量和位置

圖表組件

關于圖表組件，這里演示下批量復制相似組件的樣式，可以有效處理 “領導說所有X軸文字調(diào)大點” 一類的重復性需求：

三步批量復制軸線樣式

關于圖表組件的配色：

關于圖表類似色的搭配分享

交互

EasyV 里的交互制作，屬于一通百通，遵循「觸發(fā)動作+條件——被操作對象——執(zhí)行的行為」的配置路徑，用地球鏡頭切換的交互來說，在觸發(fā)的選項卡組件上配置交互：

再介紹下多狀態(tài)容器——動態(tài)面板，用來切換內(nèi)容塊的，可以有效管理同一個區(qū)域上的不同切換內(nèi)容，配合選項卡組件，就可以做到點擊按鈕進行切換：

一個組件，多個狀態(tài)可切換

好了，關鍵知識點就介紹到這里，總結一下～從我的視角來看，EasyV的優(yōu)點是：

• EasyV 作為一款工具，它是一個有很多與可視化垂直相關的功能聚合體，基本可以做到一站式完成可視化交互系統(tǒng)的制作，減少多個軟件切換的成本；

• 另一方面，從市場的觀察結果來看，大家對我們產(chǎn)出的模板、項目作品的美觀度評價還是不錯的，大家可以來獲取很多靈感，加上組件的自定義參數(shù)比較多，可以方便地進行二次修改創(chuàng)作。

作為易知微的內(nèi)部設計師，我和整個團隊一樣，希望 EasyV 能幫助更多的人高質高效地做出可視化作品，不用加班～

最后說一個PPT的坑吧。直播的時候，文字超鏈接點不動。原來！是因為——在PPT里，文字和其他元素打組之后，再導出為PDF，就無法識別超鏈接了。無語子的邏輯，大家共勉～

好啦，謝謝大家觀看，然后，在招人，在招人，在招人！

關注【官方微信公眾號】，查看更多可視化資訊～等你呦

1、EasyV數(shù)字孿生可視化
2、易知微數(shù)字孿生世界

免費試用

易知微官網(wǎng)，申請EasyV免費試用，個人版已上線，立即去免費體驗:https://easyv.cloud/?t=yrbz

免費試用期間：運營、產(chǎn)品、設計、技術人員專業(yè)一對一拉群指導，解答疑惑。