YouTube Dark Mode Desktop UI Mockup

A detailed UI mockup of a video streaming homepage in dark mode on a desktop OS, useful for web design references and layout generation.

{
  "type": "デスクトップWebブラウザUIのスクリーンショット",
  "environment": "{argument name=\"os環境\" default=\"Windows 11デスクトップ\"}",
  "テーマ": "{argument name=\"UIテーマ\" default=\"ダークモード\"}",
  "ブラウザウィンドウ": {
    "タブ": ["YouTube", "新しいタブ"],
    "URLバー": "youtube.com",
    "プロフィールアイコン": "{argument name=\"プロフィールイニシャル\" default=\"M\"}"
  },
  "アプリインターフェース": {
    "ヘッダー": {
      "ロゴ": "{argument name=\"ウェブサイト名\" default=\"YouTube\"} GB",
      "検索バー": "検索",
      "アイコン": ["マイク", "作成", "通知", "プロフィール"]
    },
    "フィルターバー": {
      "アクティブフィルター": "{argument name=\"アクティブフィルター\" default=\"すべて\"}",
      "件数": 11,
      "ラベル": ["すべて", "ゲーム", "音楽", "ライブ", "ポッドキャスト", "ミックス", "サイエンス", "ローファイ", "サスペンス", "最近アップロード", "視聴済み"]
    },
    "サイドバー": {
      "セクション": [
        { "タイトル": "メイン", "件数": 3, "ラベル": ["ホーム", "ショート", "登録チャンネル"] },
        { "タイトル": "あなた", "件数": 6, "ラベル": ["マイチャンネル", "履歴", "再生リスト", "動画", "後で見る", "高評価した動画"] },
        { "タイトル": "登録チャンネル", "件数": 8, "ラベル": ["Linus Tech Tips", "MrBeast", "Kurzgesagt - In a Nutshell", "ColdFusion", "3Blue1Brown", "Khan Academy", "Veritasium", "さらに表示"] },
        { "タイトル": "探索", "件数": 7, "ラベル": ["急上昇", "音楽", "映画", "ライブ", "ゲーム", "ニュース", "スポーツ"] },
        { "タイトル": "YouTubeのその他のサービス", "件数": 3, "ラベル": ["YouTube Premium", "YouTube Music", "YouTube Kids"] }
      ]
    },
    "メインコンテンツ": {
      "レイアウト": "3列4行のグリッド",
      "件数": 12,
      "動画カード": [
        { "タイトル": "Why Build Your Own GPU is Almost Impossible", "チャンネル": "Linus Tech Tips", "統計": "164K views • 1 day ago", "サムネイル": "CPU/GPUチップ" },
        { "タイトル": "Survive 100 Days In Circle, Win $500,000", "チャンネル": "MrBeast", "統計": "40M views • 5 days ago", "サムネイル": "青いトラックスーツを着た群衆の前で立つMrBeast" },
        { "タイトル": "What If We Nuke an Asteroid?", "チャンネル": "Kurzgesagt - In a Nutshell", "統計": "4.2M views • 6 hours ago", "サムネイル": "宇宙で小惑星を撃つミサイル" },
        { "タイトル": "How Dubai Became a $10 Billion City", "チャンネル": "ColdFusion", "統計": "1.6M views • 2 weeks ago", "サムネイル": "男性とドバイのスカイライン" },
        { "タイトル": "The Beautiful Math of Euler's Identity", "チャンネル": "3Blue1Brown", "統計": "2.8M views • 3 months ago", "サムネイル": "数式と螺旋グラフ" },
        { "タイトル": "The World in 2040 - Population, Climate & More", "チャンネル": "Veritasium", "統計": "7.7M views • 2 weeks ago", "サムネイル": "緑豊かな森林の空撮" },
        { "タイトル": "I've Been Using Linux For 12 Years, This Is What Finally...", "チャンネル": "DistroTube", "統計": "160K views • 3 days ago", "サムネイル": "Linuxロゴが入ったノートPCとスマートフォン" },
        { "タイトル": "Black Holes Explained - From Birth to Death", "チャンネル": "Khan Academy", "統計": "3.9M views • 3 months ago", "サムネイル": "発光するブラックホールの降着円盤" },
        { "タイトル": "The Problem With Diet Advice", "チャンネル": "Andrew Huberman", "統計": "4.4M views • 6 days ago", "サムネイル": "話す男性（眼鏡着用）" },
        { "タイトル": "How to Learn Anything (Evidence-Based)", "チャンネル": "Ali Abdaal", "統計": "2.7M views • 3 months ago", "サムネイル": "本を読む男性のベクトルイラスト" },
        { "タイトル": "The Last of Us Part 2 is a Masterpiece", "チャンネル": "Naughty Dog", "統計": "2.3M views • 3 years ago", "サムネイル": "The Last of Usのエリー" },
        { "タイトル": "lofi hip hop radio - beats to relax/study to", "チャンネル": "Lofi Girl", "統計": "ライブ中", "サムネイル": "デスクで勉強するローファイガール" }
      ]
    }
  },
  "タスクバー": {
    "OS": "Windows",
    "アイコン": ["スタート", "検索", "タスクビュー", "ファイルエクスプローラー", "Edge", "Spotify"],
    "システムトレイ": "08:34 03/04/2024"
  }
}

機械翻訳 — この作品を生成したのは元のプロンプトです。

✨ 生成 保存 プロンプトをコピー 共有 元の投稿 Hitboard で開く