UI 组件 L1 · 组件分类 / Media & Identity
媒体与身份
用于表达人物、对象、图片、视频、文件和品牌身份的组件。
关键字段
Identity · 身份
- 子类型
- UI 组件分类
- 层级
- L1 · UI 组件分类
What · 是什么
- 定义
- 用于表达人物、对象、图片、视频、文件和品牌身份的组件。
- 分类
- 已验证
Why · 为什么
- 核心问题
- 用户或对象如何被识别、区分和记忆?
Lifecycle · 生命周期
- 状态
- 已验证
包含 UI 组件类型(L2)
关系来自本地关系表,并包含反向关联。
- AudioAudio反向 · 属于
播放或表达音频内容的媒体单元。
- AvatarAvatar反向 · 属于
Avatar 如何在界面中被理解、操作或组合?
- File IconFile Icon反向 · 属于
File Icon 如何在界面中被理解、操作或组合?
- IllustrationIllustration反向 · 属于
解释概念、状态或品牌语气的插图内容单元。
- ImageImage反向 · 属于
Image 如何在界面中被理解、操作或组合?
- Image PlaceholderImage Placeholder反向 · 属于
在图片加载、缺失或不可用时提供稳定的占位内容。
- LogoLogo反向 · 属于
识别组织、产品、合作方或品牌的标志内容单元。
- MapMap反向 · 属于
以空间坐标或区域关系表达地点信息的内容单元。
- QR CodeQR Code反向 · 属于
将 URL、文本或结构化数据编码为可扫描图形。
- Social IconSocial Icon反向 · 属于
代表社交网络或外部服务的可点击品牌图标。
- ThumbnailThumbnail反向 · 属于
Thumbnail 如何在界面中被理解、操作或组合?
- VideoVideo反向 · 属于
Video 如何在界面中被理解、操作或组合?
- Audio PlayerAudio Player反向 · 属于
组合播放、暂停、进度、音量和媒体信息的音频播放器。
- Avatar GroupAvatar Group反向 · 属于
并列或堆叠展示多个参与者身份的结构
- CarouselCarousel反向 · 属于
在有限空间内浏览一组媒体或内容项的结构
- File PreviewFile Preview反向 · 属于
在上传或文件管理场景中预览文件内容和元信息
- Image GalleryImage Gallery反向 · 属于
浏览多张图片并支持缩略图、放大或切换的结构
- Image ViewerImage Viewer反向 · 属于
支持缩放、旋转、平移和替代文本的图片查看器。
- LightboxLightbox反向 · 属于
将图片、视频或媒体放大到聚焦上下文中并支持关闭和导航。
- Media CardMedia Card反向 · 属于
结合图片、视频或音频预览、元信息和动作的内容卡片。
- Media ObjectMedia Object反向 · 属于
以媒体和文字并置方式呈现一个内容对象
- Video PlayerVideo Player反向 · 属于
组合播放控制、时间轴、字幕、音量和全屏能力的视频播放器。