ui component page module type / Pricing Comparison
Pricing Comparison
把方案、价格、权益、限制和选择动作放在同一比较结构中。
Key fields
Identity
- Subtype
- 模块
What
- Definition
- 把方案、价格、权益、限制和选择动作放在同一比较结构中。
Why
- Implementation Goal
- 先确认该模块解决的信息或任务问题，再控制内容密度、阅读顺序和动作优先级；所有证据、外链和社交内容都应有来源、替代路径和可访问语义。
Where
- Applicable Context
- Forms & Conversion, Button, Link, Badge, Grid, Typography, Web Interface Design, Plan Card, Card Group, Tabs, Pricing Page, Home Page, Landing Page, Pricing Comparison
How
- Implementation Guidance
- 先确认该模块解决的信息或任务问题，再控制内容密度、阅读顺序和动作优先级；所有证据、外链和社交内容都应有来源、替代路径和可访问语义。
How much
- Metrics
- 高 · 核心
Lifecycle
- Status
- 启用
Additional content
- Legacy Tags
- 基础 · 高 · 核心 · 商业
Related content
Relationships come from the local knowledge graph and include reverse links.
- Calendly Plan ComparisonCalendly 方案比较Reverse · Related
Calendly 在 Pricing 页面用功能矩阵比较各方案的限制与能力，帮助用户判断购买哪一档方案。
- GitHub Pricing Feature ComparisonGitHub PricingReverse · Related
GitHub Pricing 在方案卡片后提供完整功能比较表，帮助用户核对 Free、Team 与 Enterprise 差异。
- Mailchimp Plan ComparisonMailchimp 方案比较Reverse · Related
Mailchimp 在 Pricing 页面用方案比较表并列功能与价格，帮助营销团队评估并选择订阅方案。
- Home PageHomeRelated
面向首次访问和回访用户的站点入口页面，解释站点价值并提供主要探索路径。
- Landing PageLanding PageRelated
围绕单一活动、受众或转化目标组织的独立页面模板。
- Pricing PagePricingRelated
解释方案、价格、差异和购买或联系路径的商业页面。
- Pricing ComparisonPricing ComparisonRelated
并列或分层展示方案、价格、限制和适用对象的商业比较区块。
- Web Interface DesignWeb 界面设计Related
围绕浏览器环境组织页面架构、导航、内容、区块、组件、转化和性能的界面设计领域。
- Forms & Conversion表单与转化Related
设计从理解价值到提交、注册、购买或联系的连续路径。
- GridGridRelated
定义容器、列、间隙和阅读宽度等布局基础。
- TypographyTypographyRelated
定义字体家族、字号、字重、行高和字距的基础尺度。
- BadgeBadgeRelated
显示轻量分类、状态或数量标记。
- ButtonButtonRelated
触发动作、提交选择或打开流程。
- LinkLinkRelated
Link 如何在界面中被理解、操作或组合？
- Card GroupCard GroupRelated
以一致布局组织多个卡片并表达集合关系的结构
- Plan CardPlan CardRelated
呈现一个定价方案、适用对象、价格、限制和行动的比较组件。
- TabsTabsRelated
在同一上下文中切换互斥内容面板的组件。