ui component primitive type / Image
Image
Image 如何在界面中被理解、操作或组合?
Identity
- Subtype
- 单一组件
- Parent Taxonomy
- Media & Identity
What
- Composition & States
- Image 的语义角色、视觉容器、内容区域和交互反馈。
Where
- Applicable Context
- Web Interface Design, Skeleton
How
- Checklist
- 语义正确;键盘可用;焦点可见;状态可感知;响应式可用。
Lifecycle
- Status
- 启用
Related content
Relationships come from the local knowledge graph and include reverse links.
- Article BodyArticle BodyReverse · Related
承载文章或长内容的标题层级、正文、媒体、引用、代码和结构化信息。
- Before / After ShowcaseBefore / After ShowcaseReverse · Related
对比变化前后的视觉或结果,帮助用户理解产品、服务或过程价值。
- Benefits GridBenefits GridReverse · Related
用短标题、解释和视觉线索把功能转译成用户收益。
- Case Study TeaserCase Study TeaserReverse · Related
用案例摘要连接具体客户、问题、过程和结果,支持进一步阅读。
- Changelog / Release NotesChangelog / Release NotesReverse · Related
按版本和日期说明产品变化、影响、迁移和后续行动。
- Content ListContent ListReverse · Related
以列表、卡片或网格连续呈现一组可浏览、筛选或继续阅读的内容。
- Directory / Listing GridDirectory / Listing GridReverse · Related
将组织、资源、产品、人员或地点按筛选和排序组织成目录。
- Feature & ValueFeature & ValueReverse · Related
把产品能力、用户收益和证据组织成可扫描的价值说明。
- HeroHeroReverse · Related
用一句核心承诺、支持说明和主要行动让用户快速判断页面价值。
- How It WorksHow It WorksReverse · Related
用少量步骤说明产品、服务或工具从输入到结果的工作方式。
- Media / Product DemoMedia / Product DemoReverse · Related
用视频、动图或交互预览解释产品如何工作及其关键体验。
- Product / Plan CardsProduct / Plan CardsReverse · Related
用可扫描的方案或产品卡片呈现价格、权益、限制和主要动作。
- Product ConfiguratorProduct ConfiguratorReverse · Related
按选项、约束和价格反馈组合或定制一个产品、方案或服务。
- Related ContentRelated ContentReverse · Related
在当前内容之后提供语义相关、下一步阅读或相邻任务的入口。
- Resource / DownloadResource / DownloadReverse · Related
提供可下载、可保存或可继续阅读的资源,并说明格式、价值和限制。
- Screenshot GalleryScreenshot GalleryReverse · Related
通过连续截图、放大预览和说明展示界面、功能或视觉成果。
- Social EmbedSocial EmbedReverse · Related
嵌入来自社交平台的帖子、视频或讨论,同时控制隐私、性能和失败退化。
- Social Media FeedSocial Media FeedReverse · Related
把社交平台上的内容、作者、时间和外链以受控方式嵌入页面。
- UGC GalleryUGC GalleryReverse · Related
以用户生成图片、视频或帖子形成参与感、真实感和社区证明。
- Video DemoVideo DemoReverse · Related
用短视频展示产品、服务或操作流程,并提供字幕、摘要和替代路径。
- Webinar / Event ScheduleWebinar / Event ScheduleReverse · Related
呈现活动、直播或会议的时间、议程、嘉宾和参与入口。
- Web Interface DesignWeb 界面设计Related
围绕浏览器环境组织页面架构、导航、内容、区块、组件、转化和性能的界面设计领域。
- Media & Identity媒体与身份Related
用于表达人物、对象、图片、视频、文件和品牌身份的组件。
- Alt TextAlt TextReverse · Related
为非视觉用户提供图片替代文本
- CaptionCaptionReverse · Related
解释图片内容或来源的说明文本
- FallbackFallbackReverse · Related
资源加载失败或缺失时的替代呈现
- Image ContentImage ContentReverse · Related
承载实际图片资源的内容区域
- Loading PlaceholderLoading PlaceholderReverse · Related
图片尚未加载时的占位结构
- SkeletonSkeletonRelated
内容结构已知但数据尚未到达的占位状态。