DataV教你如何給視覺化應用一鍵美顏

程式碼派就是我發表於2019-09-19

如果你平時經常接觸資料統計、資料展示和決策分析,相信你對DataV一定有所瞭解。DataV作為一站式實時資料視覺化應用搭建工具,擁有圖形化、拖拽式、近乎零程式碼的使用體驗,能幫助大家輕鬆搭建屬於自己的資料看板和資料大屏。


什麼是智慧主題設計功能

大家做 視覺化 應用的時候可能 會遇到一個問題, 那就是需要給 配色 。不少的 DataV使用者 總是 擔心自己的藝術素養 拖累大屏 顏值,比如 說做出來 像下 這樣的 應用 效果

類似 這樣的 大屏,大家的 第一印象 估計就 D ataV 也是藉此 推出了一個新功能: 智慧主題 設計 功能,專治 這種使用者 不懂配色 團隊沒有設計的情況 。有了這個功能,只需上傳一張圖,DataV 就能 自動識別和抽取配色 然後 將這個配色 自動 應用到資料大屏上, 從而 實現整張螢幕配色 風格 統一。

 

智慧主題設計功能開箱 體驗

功能1:配色方案自動學習

都說實踐出真知 就讓我們 來實踐一番吧。 說起來 最近做 都比較流行科技風,像炫光紫啊、妖豔藍啊、熒光綠等等,那不知道大家有沒有見識過“搖滾風”的大屏呢?

首先,我們先準備一張“搖滾風”的圖片,開啟 「智慧設計」 功能,選擇 「自定義主題」 ,然後把剛剛準備好的 圖片上傳 ,這樣系統就會從圖片中 提取顏色 ,並生成一套 配色方案 ,一張“搖滾風”配色的大屏馬上就完成了。

DataV教你如何給視覺化應用一鍵美顏

如果這套方案中的某些顏色不是我們預期的效果,我們還可以使用 顏色排序和顏色修改互動 ,修改配色方案中的顏色,從而得到符合我們預期的大屏。同時呢,我們還為大家提供了 「演算法最佳化」 功能,「演算法最佳化」配色方案中的顏色是協調一致的,並且提供有 多套可選的色彩方案 ,所以我們可以選擇最合適的主題並應用檢視效果。


如果覺得主題不錯,大家還可以 應用到其它大屏專案上 ,透過儲存按鈕進行儲存,這樣下次就可以直接使用了。另外 如果大家覺得搜尋圖片、上傳圖片、生成主題的流程還是太複雜,設計師大大也是貼心地為大家 提供了多套內建主題 ,比如科技藍、炫酷綠、活力橙等等, 供大家選擇使用。你看, 下圖這樣的炫酷大屏一秒就能生成了。



功能2:濾鏡配置微調最佳化

DataV智慧設計主題功能讓資料視覺化應用一鍵美顏,節省 不少顏色配置的工作量,也解決 沒有設計基礎的問題。 同時 ,如果 你的 需求變更頻繁,需要大屏快速切換風格,這個功能也 讓你用最少的時間 達成效果。

而除了提供顏色提取 功能 外, 智慧設計主題功能 還配有濾鏡設定選單,可以透過 調整濾鏡色相、飽和度、亮度、對比度、不透明度這五個配置選項來得到不同的效果 ,比如下圖 所示 的案例效果。該功能使用了顏色提取、聚類、主題色生成演算法、 CSS濾鏡等多項技術,這個功能現在也是DataV產品的基礎功能, 各個版本都可以開箱使用 哦。

有了 智慧設計主題 這項功能,我們也是希望可以幫助使用者節省掉重複繁瑣的顏色配置操作,把更多的時間和精力放到業務梳理和資料分析上去,讓資料視覺化在大家的工作流中,可以發揮更大的價值。



來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/31550522/viewspace-2657609/,如需轉載,請註明出處,否則將追究法律責任。

相關文章