すべてのプロダクト
Search
ドキュメントセンター

DataV:デザイン-ライブラリ

最終更新日:Feb 07, 2025

この記事では、デザインライブラリの概念、資産の分類、およびデザインライブラリを使用して視覚的な画面を作成する方法について説明します。

説明

デザインライブラリ機能は、製品の7.0バージョンの新機能です。 新しいバージョンのコンソールを使用できます。

デザインライブラリとは

DataVは、ユーザーが大きな視覚化画面を構築するための標準リンクに基づいて、大きな視覚化画面に必要なモジュールをすばやく取得するのに役立ちます。 ユーザーがドラッグアンドドロップすることで、標準設計仕様に基づいた高品質の大きな視覚化画面を作成するのに便利です。 デザインライブラリとコンポーネントライブラリの違いは何ですか? コンポーネントには通常、一連のデフォルトスタイルが含まれていますが、さまざまなシナリオを同時に満たすことは困難です。 デザインライブラリでは、各タイトル、パネル、マップがデザイナーによって慎重に構成および最適化されています。 スタイルは任意に選択され、すぐに選択され、自由に組み合わされ、大画面構造の効率が大幅に向上します。

可視化スイートタイプ

デザインプロセス中、ユーザーはテンプレートを使用してプロジェクトを作成することがよくあります。 ただし、単一のテンプレートのデータパネルまたはマップは、ユーザーの多様なシナリオ要件を満たすことができないことがよくあります。 他のテンプレートの素材を使用すると、スタイルの不一致の問題が発生し、ページのパッチワークが深刻になり、外観に影響を与えます。 DataVは、Sunny Mountain BlueDanxia OrangeTwilight Mountain PurpleTourmaline GreenYunfeng Whiteの5つの視覚化キットをデザインライブラリに提供しています。 左上隅の [すべて] ドロップダウンリストをクリックして、ビジュアライゼーションキットを選択できます。 image.png

Visualization Suiteコンテンツ

各ビジュアライゼーションキットには、ユーザーが簡単に選択できるように次のものが含まれます。 例: トルマリングリーン。

  • ダッシュボード: さまざまなシナリオに合わせて、地域マップテンプレート、中国マップテンプレート、および3Dグローブテンプレートを表示します。 image

  • マップ: フラットエリアマップ、3D省マップ、3D中国マップ、3D地球マップなど、さまざまなマップスタイルを表示します。 テンプレートを変更するときに、テンプレートのマップを置き換えることができます。 今後はより多くのマップスタイルを実装する予定ですので、ご期待ください。 image

    • フラットエリアの地図 image

    • 3D省マップ image

    • 3D中国マップ image

    • 3Dアース image

  • データパネル: ティッカーボード、円グラフ、折れ線グラフ、プログレスバーインジケーターなど、一般的な種類のデータパネルを表示します。 カスタム大画面に追加するコンテンツを選択したり、スタイル、色、その他の設定項目を変更したりできます。 image.png

  • タイトル: レベル1、レベル2、レベル3のタイトルを含む一般的なタイプのタイトル未亡人を表示します。 設計要件を満たすために、すばやく選択して大画面に変更することができます。 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アイコンをクリックして、デザインライブラリパネルを閉じます。