日本熟妇hd丰满老熟妇,中文字幕一区二区三区在线不卡 ,亚洲成片在线观看,免费女同在线一区二区

設計庫

本文介紹設計庫的概念、資產分類和如何使用設計庫制作可視化大屏。

說明

設計庫功能為7.0版本產品新增功能,請根據新版控制臺環境進行操作。

什么是設計庫

DataV基于用戶搭建可視化大屏的標準鏈路,幫助用戶快速檢索可視化大屏所需要的模塊單元,方便用戶通過拖拉拽的方式,在標準的設計規范下,做出高質量設計水平的可視化大屏。那設計庫和組件庫有什么區別呢?組件通常包含了一套默認樣式,難以同時滿足各類使用場景。在設計庫中,每一個標題、面板、地圖都經過了設計師精心配置和優化,風格任意挑選、開箱即用、自由組合,大大提升了大屏搭建效率。

可視化套件類型

由于用戶在設計過程中,常常在創建項目時會使用模板創建,但是單個模板擁有的數據面板或者地圖,往往不能滿足用戶多元化的場景需求。當使用其他模板中的素材時,又會遇到風格不匹配的問題,導致頁面的拼湊感嚴重,影響美觀。DataV在設計庫中推出5款可視化套件:晴山藍丹霞橙暮山紫碧璽綠云峰白。您可以單擊頁面左上角的全部下拉菜單選擇需要使用的可視化套件。image.png

可視化套件內容

每種可視化套件均包含以下內容,方便用戶的選擇。例如:碧璽綠。

  • 大屏模板:此處分別展示了區域地圖模板、中國地圖模板和3D地球模板,滿足用戶適配不同的使用場景。image

  • 地圖:此處展示了多種地圖樣式,包括但不限于平面區域地圖、3D省份地圖、3D中國地圖和3D地球,在修改大屏模板內的地圖時可以自定義替換。未來我們將實現更多的地圖樣式,敬請期待。image

    • 平面區域地圖image

    • 3D省份地圖image

    • 3D中國地圖image

    • 3D地球image

  • 數據面板:此處展示了常用的數據面板類型,包括但不限于數字翻牌器、餅環圖、折線柱狀圖和進度條指示圖等類型。您可以選取部分內容補充到自定義大屏,也可以更換樣式、顏色等配置項。image.png

  • 標題:此處展示了常用的標題組件類型,包括但不限于一級標題、二級標題和三級標題。您可以快速選擇并更換到大屏中,滿足您的設計要求。image

  • 設計規范:此處展示了當前可視化套件類型下的主視覺布局文字規范色彩規范。您可以根據要求選擇需要的資產類型添加到畫布中。

    • 主視覺布局示例image

    • 文字規范image

    • 色彩規范image

  • 素材:此處展示了可視化大屏中常用的素材類資產,包括但不限于模型、視頻、圖標、點綴、背景圖、背景框、裝飾條和插畫。image

    說明

    可視化套件下暫未區分素材類型,請在左上角的下拉列表選擇全部進行查看。

  • 我的資源:此處展示了工作臺下的設計資源內容,您可以直接單擊或拖拽至畫布中使用。image

    說明

    當前模塊內容不受可視化套件類型的影響。

  • 我的收藏:此處展示了工作臺下的組件收藏內容,已收藏的組件會保存在當前模塊,您可以直接單擊或拖拽至畫布中再次使用。image

    說明

    當前模塊內容不受可視化套件類型的影響。

案例演示

本案例介紹通過使用可視化套件如何快速搭建數據大屏。

  1. 登錄DataV控制臺

  2. 工作臺頁面,將鼠標移動到創建PC端看板上,單擊選擇模板

  3. 創建看板頁面,選擇空白看板,單擊創建看板

  4. 輸入看板名稱后,單擊創建看板

  5. 在左側導航欄單擊設計庫,進入設計庫頁面。image

  6. 單擊設計庫頁面左上角的全部,在下拉列表中選擇碧璽綠image

  7. 單擊設計規范,選擇主視覺居中布局image

  8. 單擊地圖,在主地圖區域插入3D省份地圖。拖拽編輯地圖大小鑲嵌到主地圖區域。image

  9. 單擊標題,在背景塊添加標題組件。查看自定義背景塊的尺寸大小,將標題組件契合在背景塊上方。image

  10. 單擊數據面板,選擇需要添加的資產。分別調整每個資產的尺寸和樣式,貼合在自定義背景塊上方。image

  11. (可選)在素材中選擇需要添加的資產,美化完善數字大屏。

  12. 完成設計后,單擊畫布編輯器頁面右上方的預覽,預覽數字大屏。image

視頻演示

視頻展示了關于地圖類大屏的演示流程,僅供參考。您也可以根據自己的使用習慣,靈活的使用套件中的各類元素。

面板功能

設計庫面板的上方,您可以做以下操作。

  • 單擊image圖標,刷新設計庫頁面。

  • 單擊image圖標,打開快捷搜索面板,直接輸入需要查詢的設計組件即可。

  • 單擊image圖標,關閉設計庫面板。