Steam 商店页面桌面端 UI 效果图

{
  "type": "desktop application UI mockup",
  "application": "Steam client",
  "theme": "dark mode",
  "header": {
    "top_menu": [
      "Steam",
      "查看",
      "好友",
      "游戏",
      "帮助"
    ],
    "main_navigation": [
      "商店",
      "库",
      "社区"
    ],
    "user_profile": "Steam 用户"
  },
  "layout": {
    "left_sidebar": {
      "title": "game library",
      "search_bar": true,
      "game_count": 18,
      "game_list": [
        "半条命",
        "半条命 2",
        "半条命 2: 第一章",
        "半条命 2: 第二章",
        "半条命: 蓝色行动",
        "半条命: 针锋相对",
        "Portal",
        "Portal 2",
        "Team Fortress 2",
        "Left 4 Dead 2",
        "Counter-Strike: Source",
        "Counter-Strike: Global Offensive",
        "Day of Defeat: Source",
        "Garry's Mod",
        "Ricochet",
        "Source Filmmaker",
        "Half-Life Deathmatch: Source",
        "Half-Life: Source"
      ]
    },
    "main_content": {
      "breadcrumbs": "所有游戏 > 动作游戏 > 半条命",
      "title": "[半条命]",
      "media_gallery": {
        "main_image": "手持红色撬棍的第一人称视角，在带有发光Lambda标志的实验室里面对猎头蟹与科学家",
        "thumbnail_count": 5
      },
      "description": "[《半条命》是由Valve开发的一款传奇第一人称射击游戏。黑山研究基地发生灾难性实验失误并打开异次元裂隙后，物理学家戈登·弗里曼必须设法生存并逃出升天。]",
      "metadata": {
        "release_date": "[1998年11月9日]",
        "developer": "[Valve]",
        "publisher": "Valve",
        "user_reviews": "特别好评 (20,910 篇用户评测)"
      },
      "tags": [
        "第一人称射击",
        "动作",
        "科幻",
        "经典",
        "单人",
        "+"
      ],
      "system_requirements": {
        "title": "系统需求",
        "tabs": [
          "Windows",
          "macOS",
          "SteamOS + Linux"
        ],
        "specs": [
          "操作系统: Windows 7 或更高版本",
          "处理器: 1.7 GHz 处理器",
          "内存: 512 MB RAM",
          "显卡: 兼容 DirectX 8.1 显卡",
          "DirectX 版本: 8.1",
          "存储空间: 600 MB 可用空间"
        ]
      }
    },
    "right_sidebar": {
      "purchase_box": {
        "title": "购买",
        "price": "[¥ 37]",
        "button": "添加至购物车"
      },
      "features_count": 4,
      "features": [
        "单人",
        "Steam 成就",
        "完全支持控制器",
        "Steam 云"
      ],
      "languages_table": {
        "title": "语言",
        "columns": [
          "界面",
          "完全音频",
          "字幕"
        ],
        "language_count": 5,
        "languages": [
          "简体中文",
          "英语",
          "法语",
          "德语",
          "西班牙语 - 西班牙"
        ]
      }
    },
    "footer": {
      "left": "+ 添加游戏",
      "center": "下载 2 / 2 项已完成",
      "right": "好友与聊天 +"
    }
  }
}