UI DESIGN LAB
  • 首页
  • 社区
  • 资源库
  • 知识库
  • 文档
EN登录
返回知识库
Design Systems Page Patterns

按页面类型选择视觉资产

视觉资产应揭示真实产品、场景、玩法或人物,而不是只提供模糊氛围。

assetsimagespage-type

设计原则

用户需要检查对象时,图片必须具体、清楚、相关。

原则 用户需要检查对象时,图片必须具体、清楚、相关。

设计动作 网站和游戏必须使用相关视觉资产;产品/地点/人物页首屏要能看见真实对象,工具型页面则减少装饰图。

正反例 正向示例:落地页、作品集、电商、场馆、游戏。 反向示例:黑暗模糊裁切素材。

适用场景 落地页、作品集、电商、场馆、游戏。 页面依赖视觉信任和理解。

来源提示 来源提示:综合 GOV.UK、Carbon、Polaris、Atlassian、Design.Systems、Design Systems Repo 与产品案例库的模式实践整理。

Agent 指令

网站和游戏必须使用相关视觉资产;产品/地点/人物页首屏要能看见真实对象,工具型页面则减少装饰图。

适用场景

  • 落地页、作品集、电商、场馆、游戏。
  • 页面依赖视觉信任和理解。

避免做法

  • 黑暗模糊裁切素材。
  • 只用 SVG 渐变当主题图。

知识元数据

分类
Design Systems Page Patterns
质量分
82%
版本
v1
发布
2026/6/6