トライクラウドUIアニメインフォグラフィック

{ "type": "SanYunプラットフォームのメインビジュアルインフォグラフィックイラスト", "style": "このハイエンド製品UIコンセプトアートは、リアルなダッシュボードインターフェースとアニメキャラクターのイラストを組み合わせ、クリーンでエンタープライズレベルのテクノロジーデモンストレーションスタイルを特徴としています。明確なベクタースタイルのUIは、繊細に描かれたキャラクターとシームレスに融合し、洗練されたマーケティングビジュアルを作り出します。", "canvas": { "aspect_ratio": "16:9", "background": "ライトグレーのデモプロジェクトには、3つの縦型製品パネルと下部の情報バーが含まれています。" }, "headline": { "text": "実際のコンソールからインスピレーションを得たUIデザイン", "subtext": "このデザインは、さまざまなクラウドベンダーのコンセプトと哲学をUIエクスペリエンスに取り入れています。" }, "layout": { "columns": 3, "sections": [ { "title": "Microsoft Azure", "position": "左パネル", "count": 1, "labels": [ "ダッシュボード" ] }, { "title": "aws", "position": "中央パネル", "count": 1, "labels": [ "コンソールホームページ" ] }, { "title": "Google Cloud", "position": "右サイドパネル", "count": 1, "labels": [ "ダッシュボード" ] }, { "title": "3社が機能を共有", "position": "左下列", "count": 5, "labels": [ "シングルサインオン (SSO)", "統合請求およびコスト管理", "安全性およびコンプライアンス", "監視およびアラーム", "グローバルネットワーク" ] }, { "title": "リンクされたワークフロー", "position": "中央下部バー", "count": 3, "labels": [ "1. 検出1. 分析 (GCP)", "2. 設計と制御 (Azure)", "3. 実行と拡張性 (AWS)" ] }, { "title": "世界へのメッセージ", "position": "右下サイドバー", "count": 1, "labels": [ "つながる。拡大する。共に未来を創造する。" ] } ], "panel_order": [ "Azure", "AWS", "GCP" ] }, "panels": { "left": { "brand": "{argument name=\"left cloud brand\" default=\"Azure\"}", "theme_color": "青と白の配色", "ui": "クラウド管理ダッシュボードは、上部に青いナビゲーションバー、左側に8つの分析カード（リソース概要、サービス健全性ステータス、コスト概要、円グラフ、セキュリティリスクスコア、グローバルインフラストラクチャマップ、最近のリソーステーブル、クイックアクション）を表示するナビゲーションバーを備えたリアルなスタイルが特徴です。小さなアイコン、日本語のラベル、コンパクトなエンタープライズ管理レイアウトを採用しています。", "character": "ダッシュボードの左下隅には、流れるような青い髪と、白と青の半透明のジャケットで覆われた暗い衣装を着た、アニメ風の少女が立っています。タブレットコンピュータを手に持ち、穏やかで保護的なオーラを放ち、クラウド管理の魔術師の未来的なオーラを放っています。", "tagline": "AZURE", "subline": "Control,保護し、支援する。 }, "center": { "brand": "{argument name=\"center cloud brand\" default=\"AWS\"}", "theme_color": "黒とオレンジの配色", "ui": "クラウドコンソールのホームページは、ダークでリアルなスタイル、左側のサイドバーナビゲーション、上部の検索バー、KPI、棒グラフ、アラーム、ステータスウィジェット、リソースグループ、サービス起動アイコンを表示する7つの目立つモニタリングカードが特徴です。また、日本語ラベル付きの高密度コンソールレイアウトも特徴です。", "character": "中央にダイナミックなポーズで立つアニメの女の子は、オレンジのハイライトが入った長い黒髪です。プリントジャケットの上に黒い未来的な衣装を着ており、光るオレンジ色のホログラフィック管理パネルと浮遊するモニタリングスクリーンに囲まれています。彼女の手はUIとインタラクトし、メンテナンスエンジニアのエネルギーと活力を放っています。", "effects": "オレンジ色のホログラム、火花、光るデータオーバーレイ、そして前景下部に数機の小さなホバリングドローン。", "tagline": 「AWS」、「サブライン」：「コンピューティング能力、接続性、拡張性を備えています。」 }, "right": { "brand": "{argument name=\"right cloud brand\" default=\"GCP\"}", "theme_color": "Google ブランドカラーを使用したホワイト", "ui": "クラウド ダッシュボードは、リアルなスタイル、上部の白いナビゲーション バー、およびプロジェクト情報、API リクエスト、エラー率、BigQuery メトリクス、トレンド ライン チャート、推奨事項、クラウド実行サービス、ヘルプ/ヘルス チェックの 8 つのカードを表示する左側のナビゲーション メニューを備えています。日本語のラベルが付いた、クリーンでミニマルなエンタープライズ グレードの UI を誇ります。", "character": "アニメの女の子が右下隅の柔らかい雲の上に座っています。彼女は、さりげない虹色のハイライトが入った短いボブ ヘアで、カラフルな幾何学模様で飾られた特大の白い未来的なジャケットを着ています。彼女のリラックスした姿勢と伸ばした腕は、明るく分析的で遊び心のある性格を表しています。", "background_graphics": "フローティング チャート、ネットワーク トポロジー図、色付きノード、棒グラフ、円グラフ、および役割を中心に統合された図解的なデータ ビジュアライゼーション。", "tagline": "GCP", "subline": "発見し、理解し、インスピレーションを現実のものにしましょう。" } }, "bottom_band": { "style": "繊細な灰色の区切り線が付いた白い情報バー。", "left_block": "5 つの丸みを帯びたアイコン カードが共有機能を示しています。", "center_block": "GCP、Azure、AWS を接続する矢印と循環的な改善矢印を備えたワークフロー 図。", "right_block": "情報エリアには「今すぐ開始」というテキストが付いた青いコール トゥ アクション ボタンがあります。" }, "branding": { "top_right_badges": 3, "badge_labels": [ "Control, Trust, and Building", "Execution, Expansion, and On-site Capabilities", "Creation, Data Application, Innovation" ] }, "rendering_notes": "3つのパネル全体で垂直方向の整列と均等な幅を維持し、AWSの中央パネルはより強い視覚的インパクトと暗いトーンを持つ。完全に読みやすい必要のない、日本語スタイルのUIタイポグラフィを維持する。配色、インターフェース言語、文字デザインを通じてクラウドベンダー間の違いを強調する。データ構造とイラストを有機的に統合し、詳細に富み、明瞭でエレガントなエンタープライズグレードのプレゼンテーション品質を実現する。" }