UI 组件类型 · 复合组件 / Article Card
Article Card
专门呈现文章标题、摘要、作者、主题或发布时间的内容卡片。
关键字段
Identity · 身份
- 子类型
- 复合组件
- 父级类目
- 内容与数据展示
What · 是什么
- 定义
- 专门呈现文章标题、摘要、作者、主题或发布时间的内容卡片。
Why · 为什么
- 作用
- 支持 Blog 列表、相关内容和内容推荐。
Where · 在哪里
- 适用场景
- Web 界面设计
How · 怎么做
- 检查清单
- 标题是否能独立理解;链接是否唯一;时间和作者是否准确;图片替代文本是否合理。
Lifecycle · 生命周期
- 状态
- 启用
所属组件分类、组件部件与横向适用关系
关系来自本地关系表,并包含反向关联。
- Case Study TeaserCase Study Teaser反向 · 应用于
用案例摘要连接具体客户、问题、过程和结果,支持进一步阅读。
- Changelog / Release NotesChangelog / Release Notes反向 · 应用于
按版本和日期说明产品变化、影响、迁移和后续行动。
- Content ListContent List反向 · 应用于
以列表、卡片或网格连续呈现一组可浏览、筛选或继续阅读的内容。
- Press MentionsPress Mentions反向 · 应用于
展示媒体报道、行业引用或第三方提及,补充外部可信度。
- Related ContentRelated Content反向 · 应用于
在当前内容之后提供语义相关、下一步阅读或相邻任务的入口。
- Resource / DownloadResource / Download反向 · 应用于
提供可下载、可保存或可继续阅读的资源,并说明格式、价值和限制。
- Web 界面设计Web Interface Design应用于
围绕浏览器环境组织页面架构、导航、内容、区块、组件、转化和性能的界面设计领域。
- 内容与数据展示Content & Data Display属于
用于呈现文本、媒体、对象、列表、表格、指标和关系数据的组件。
- Article TitleArticle Title反向 · 属于
链接到文章正文的标题
- Author MetaAuthor Meta反向 · 属于
呈现作者、时间和阅读信息的元数据
- Category LabelCategory Label反向 · 属于
说明文章类别或主题的标签
- ExcerptExcerpt反向 · 属于
展示文章摘要的文本
- ThumbnailThumbnail反向 · 属于
承载文章封面或缩略图的区域