Interface Lab
返回知识库
Design Systems Page Patterns

运营工具密度模式

SaaS、CRM 和后台工具应优先支持重复扫描、比较和操作,而不是营销叙事。

设计原则

工具首屏应显示工作对象、状态和下一步,而不是占满屏幕的宣传区。

原则

工具首屏应显示工作对象、状态和下一步,而不是占满屏幕的宣传区。

设计动作

生成运营工具时使用紧凑导航、指标条、筛选器、列表/表格和工作流状态;避免落地页式 hero。

正反例

正向示例:CRM dashboard、管理后台、审核工作台。 反向示例:首屏大 hero、大插画、大营销文案。

适用场景

CRM dashboard、管理后台、审核工作台。 用户目标是完成工作而非了解品牌。

来源提示

来源提示:综合 GOV.UK、Carbon、Polaris、Atlassian、Design.Systems、Design Systems Repo 与产品案例库的模式实践整理。 GOV.UK Design System Patterns: https://design-system.service.gov.uk/patterns/ Carbon Patterns: https://carbondesignsystem.com/patterns/ Shopify Polaris: https://polaris-react.shopify.com/ Atlassian Design System: https://atlassian.design/ Design Systems Repo: https://designsystemsrepo.com/

Agent 指令

生成运营工具时使用紧凑导航、指标条、筛选器、列表/表格和工作流状态;避免落地页式 hero。