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