Web 页面模块与内容模式 / Page Header / Intro
Page Header / Intro
在页面上下文中说明当前位置、标题、摘要和主要动作。
Identity · 身份
- 子类型
- 模块
What · 是什么
- 定义
- 在页面上下文中说明当前位置、标题、摘要和主要动作。
Why · 为什么
- 实现目标
- 先确认该模块解决的信息或任务问题,再控制内容密度、阅读顺序和动作优先级;所有证据、外链和社交内容都应有来源、替代路径和可访问语义。
Where · 在哪里
- 适用场景
- 区块与页面构成、Icon、Link、Typography、Web 界面设计、Navigation、Home、Landing Page、Blog Index、Article、Pillar Page、Pricing、Docs / FAQ、Tool、Contact / Conversion
How · 怎么做
- 实现说明
- 先确认该模块解决的信息或任务问题,再控制内容密度、阅读顺序和动作优先级;所有证据、外链和社交内容都应有来源、替代路径和可访问语义。
How much · 多少
- 衡量指标
- 极高 · 核心
Lifecycle · 生命周期
- 状态
- 启用
Content · 补充内容
- 兼容标签
- 基础 · 极高 · 核心 · 内容
适用页面类型、Web 区块、UI 组件与主题
关系来自本地关系表,并包含反向关联。
- ArticleArticle Page应用于
承载一篇完整内容的详情页面,组织标题、正文、辅助信息、相关内容和下一步行动。
- Blog IndexBlog Index应用于
聚合文章、主题和筛选入口的内容列表页,帮助用户发现和选择下一篇内容。
- Contact / ConversionContact & Conversion Page应用于
承接用户咨询、注册、预约或其他高意图行动的转化页面。
- Docs / FAQDocs & FAQ应用于
回答使用问题、配置问题和常见疑问的文档与问答页面。
- HomeHome Page应用于
面向首次访问和回访用户的站点入口页面,解释站点价值并提供主要探索路径。
- Landing PageLanding Page应用于
围绕单一活动、受众或转化目标组织的独立页面模板。
- Pillar PagePillar Page应用于
围绕一个宽主题组织深度解释、子主题入口和相关内容链接的支柱页面模板。
- PricingPricing Page应用于
解释方案、价格、差异和购买或联系路径的商业页面。
- ToolTool Page应用于
让用户输入信息、等待处理并获得可操作结果的工具型页面。
- 编辑型深度比较Editorial Deep Comparison反向 · 应用于
以文章式分析解释复杂差异、取舍和使用情境。
- 技术能力参考Technical Capability Reference反向 · 应用于
提供密集、可核验的技术能力和限制信息。
- AWS Lambda FeaturesAWS Lambda Features反向 · 应用于
以运行模型、扩展、事件和安全限制组织技术能力。
- Cloudflare WorkersCloudflare Workers反向 · 应用于
以运行时、部署、平台 API 和边界限制组织技术参考。
- Ecommerce Platform ComparisonEcommerce Platform Comparison反向 · 应用于
把 Shopify、WooCommerce、BigCommerce、Adobe Commerce 与 Salesforce Commerce Cloud 放在同一评估框架中。
- GitHub ActionsGitHub Actions反向 · 应用于
按自动化工作流、CI/CD、生态和治理呈现能力与限制。
- Mailchimp vs Constant ContactMailchimp vs Constant Contact反向 · 应用于
通过功能、价格和适用场景解释两种邮件营销产品的取舍。
- Shopify vs WooCommerceShopify vs WooCommerce反向 · 应用于
围绕成本、托管、实施和企业适配进行多维比较。
- Stripe Billing FeaturesStripe Billing Features反向 · 应用于
密集分类计费、自动化、全球化与平台支持,方便专业评估。
- Twilio APITwilio API反向 · 应用于
以资源、认证、请求、响应和错误处理为核心的技术参考页。
- Zapier vs MakeZapier vs Make反向 · 应用于
用文章式评测解释自动化产品差异、测试维度和情境。
- Zapier vs n8nZapier vs n8n反向 · 应用于
深度比较托管自动化与可扩展工作流工具的体验和取舍。
- Web 界面设计Web Interface Design应用于
围绕浏览器环境组织页面架构、导航、内容、区块、组件、转化和性能的界面设计领域。
- 区块与页面构成Sections & Page Composition应用于
把页面拆成具有明确任务和信息职责的区块。
- TypographyTypography应用于
定义字体家族、字号、字重、行高和字距的基础尺度。
- IconIcon应用于
表达操作、对象、状态或方向的视觉符号。
- LinkLink应用于
Link 如何在界面中被理解、操作或组合?
- NavigationNavigation应用于
提供层级化页面路径和当前区域反馈。