UI 组件类型 · 单一组件 / Social Icon
Social Icon
代表社交网络或外部服务的可点击品牌图标。
关键字段
Identity · 身份
- 子类型
- 单一组件
- 父级类目
- 媒体与身份
What · 是什么
- 定义
- 代表社交网络或外部服务的可点击品牌图标。
- 组成与状态
- 语义元素 + 值/标签 + 交互状态 + 可访问名称 + 错误/帮助信息(按需)
Why · 为什么
- 作用
- 保持单一职责、明确语义和稳定的输入输出边界。
Where · 在哪里
- 适用场景
- 内容与界面语言、Default、Hover、Focused、Disabled
How · 怎么做
- 检查清单
- 是否有明确语义、键盘路径、焦点反馈、错误处理和窄屏行为;是否能被复合组件组合。
Lifecycle · 生命周期
- 状态
- 启用
Relation · 关联
- 相关内容
- 内容与界面语言
所属组件分类、组件部件与横向适用关系
关系来自本地关系表,并包含反向关联。
- App DownloadApp Download反向 · 应用于
引导用户下载移动应用、桌面客户端或浏览器扩展,并说明平台兼容性。
- Author BioAuthor Bio反向 · 应用于
说明作者身份、专业背景、联系方式和相关文章,建立内容责任主体。
- Referral / InviteReferral / Invite反向 · 应用于
说明邀请机制、奖励和状态,让用户能安全分享并追踪邀请结果。
- Share / InviteShare / Invite反向 · 应用于
让用户把页面、结果、资源或邀请以适合目标渠道的方式分享出去。
- Social EmbedSocial Embed反向 · 应用于
嵌入来自社交平台的帖子、视频或讨论,同时控制隐私、性能和失败退化。
- Social Media FeedSocial Media Feed反向 · 应用于
把社交平台上的内容、作者、时间和外链以受控方式嵌入页面。
- Social ShareSocial Share反向 · 应用于
让用户把当前页面或内容分享到社交平台、复制链接或发送给他人。
- Team GridTeam Grid反向 · 应用于
以成员卡片展示团队角色、专长、身份和联系/了解更多入口。
- UGC GalleryUGC Gallery反向 · 应用于
以用户生成图片、视频或帖子形成参与感、真实感和社区证明。
- 内容与界面语言Content & Interface Language应用于
用标签、提示、说明和错误文案帮助用户理解界面和采取行动。
- 媒体与身份Media & Identity属于
用于表达人物、对象、图片、视频、文件和品牌身份的组件。
- DefaultDefault应用于
默认状态,组件可被使用但没有额外交互反馈。
- DisabledDisabled应用于
组件暂时不可操作的状态。
- FocusedFocused应用于
键盘或其他输入方式当前定位到组件的状态。
- HoverHover应用于
指针悬停在可交互目标上的状态。