UI 设计语境 · 主题 / Content & Interface Language
内容与界面语言
用标签、提示、说明和错误文案帮助用户理解界面和采取行动。
Identity · 身份
- 子类型
- UI 设计语境主题
- 父级类目
- 界面基础
- 层级
- UI 设计语境 · 主题
What · 是什么
- 定义
- 用标签、提示、说明和错误文案帮助用户理解界面和采取行动。
Why · 为什么
- 核心问题
- 界面文字是否准确、可预测,并能降低判断成本?
- 分类目的
- 统一命名、说明、提示和错误表达。
Where · 在哪里
- 适用场景
- Product Detail Page、Error Page、Confirmation Page、Resource Directory、Conversation Page、Media Gallery Page、Feed / Stream Page、Community Page、Job Listing Page、Changelog Page
Lifecycle · 生命周期
- 状态
- 草稿
所属 UI 领域与横向 Web 关系
关系来自本地关系表,并包含反向关联。
- Article BodyArticle Body反向 · 应用于
承载文章或长内容的标题层级、正文、媒体、引用、代码和结构化信息。
- Author BioAuthor Bio反向 · 应用于
说明作者身份、专业背景、联系方式和相关文章,建立内容责任主体。
- Before / After ShowcaseBefore / After Showcase反向 · 应用于
对比变化前后的视觉或结果,帮助用户理解产品、服务或过程价值。
- Changelog / Release NotesChangelog / Release Notes反向 · 应用于
按版本和日期说明产品变化、影响、迁移和后续行动。
- Comments / DiscussionComments / Discussion反向 · 应用于
允许用户在内容对象下阅读、发表和回复讨论,并处理审核和空状态。
- Community / Activity FeedCommunity / Activity Feed反向 · 应用于
连续呈现社区成员、产品活动或协作事件,支持参与、筛选和回到对象。
- Content ListContent List反向 · 应用于
以列表、卡片或网格连续呈现一组可浏览、筛选或继续阅读的内容。
- Directory / Listing GridDirectory / Listing Grid反向 · 应用于
将组织、资源、产品、人员或地点按筛选和排序组织成目录。
- FAQFAQ反向 · 应用于
回答高频疑问,减少决策、使用或转化过程中的不确定性。
- How It WorksHow It Works反向 · 应用于
用少量步骤说明产品、服务或工具从输入到结果的工作方式。
- Job ListingJob Listing反向 · 应用于
让候选人搜索、筛选、比较职位并进入申请流程。
- Location / MapLocation / Map反向 · 应用于
提供地点、路线、营业时间和区域上下文,支持地图之外的可访问文本路径。
- Media / Product DemoMedia / Product Demo反向 · 应用于
用视频、动图或交互预览解释产品如何工作及其关键体验。
- Process StepsProcess Steps反向 · 应用于
将复杂任务拆解为有顺序、有状态和有完成标准的步骤。
- Related ContentRelated Content反向 · 应用于
在当前内容之后提供语义相关、下一步阅读或相邻任务的入口。
- Resource / DownloadResource / Download反向 · 应用于
提供可下载、可保存或可继续阅读的资源,并说明格式、价值和限制。
- Screenshot GalleryScreenshot Gallery反向 · 应用于
通过连续截图、放大预览和说明展示界面、功能或视觉成果。
- Share / InviteShare / Invite反向 · 应用于
让用户把页面、结果、资源或邀请以适合目标渠道的方式分享出去。
- Social EmbedSocial Embed反向 · 应用于
嵌入来自社交平台的帖子、视频或讨论,同时控制隐私、性能和失败退化。
- Social Media FeedSocial Media Feed反向 · 应用于
把社交平台上的内容、作者、时间和外链以受控方式嵌入页面。
- Social ShareSocial Share反向 · 应用于
让用户把当前页面或内容分享到社交平台、复制链接或发送给他人。
- Team GridTeam Grid反向 · 应用于
以成员卡片展示团队角色、专长、身份和联系/了解更多入口。
- Timeline / MilestonesTimeline / Milestones反向 · 应用于
按时间或阶段表达项目、组织、产品或用户旅程的关键节点。
- UGC GalleryUGC Gallery反向 · 应用于
以用户生成图片、视频或帖子形成参与感、真实感和社区证明。
- Video DemoVideo Demo反向 · 应用于
用短视频展示产品、服务或操作流程,并提供字幕、摘要和替代路径。
- Webinar / Event ScheduleWebinar / Event Schedule反向 · 应用于
呈现活动、直播或会议的时间、议程、嘉宾和参与入口。
- 界面基础UI Foundations属于
组成界面的基本结构、信息层级、状态和反馈,是所有 UI 设计分支共享的基础。
- AbbreviationAbbreviation反向 · 应用于
提供缩写的完整含义和可访问解释。
- AudioAudio反向 · 应用于
播放或表达音频内容的媒体单元。
- BlockquoteBlockquote反向 · 应用于
标识引用内容、来源或用户话语的语义文本单元。
- Color SwatchColor Swatch反向 · 应用于
显示可选择颜色的视觉色块,并暴露颜色名称和数值。
- EmojiEmoji反向 · 应用于
以标准化字符或图形表达短文本语义和情绪。
- IllustrationIllustration反向 · 应用于
解释概念、状态或品牌语气的插图内容单元。
- Image PlaceholderImage Placeholder反向 · 应用于
在图片加载、缺失或不可用时提供稳定的占位内容。
- List MarkerList Marker反向 · 应用于
表达有序、无序、任务或自定义列表关系的标记。
- LogoLogo反向 · 应用于
识别组织、产品、合作方或品牌的标志内容单元。
- MapMap反向 · 应用于
以空间坐标或区域关系表达地点信息的内容单元。
- MarkMark反向 · 应用于
在文本中标识需要强调、命中或搜索高亮的片段。
- MentionMention反向 · 应用于
在文本中引用用户、团队、对象或实体的内联标记。
- QR CodeQR Code反向 · 应用于
将 URL、文本或结构化数据编码为可扫描图形。
- Social IconSocial Icon反向 · 应用于
代表社交网络或外部服务的可点击品牌图标。
- Audio PlayerAudio Player反向 · 应用于
组合播放、暂停、进度、音量和媒体信息的音频播放器。
- CalloutCallout反向 · 相关
用显著的视觉容器强调补充信息、解释或行动建议。
- Card GridCard Grid反向 · 应用于
把多个卡片按响应式栅格、列数和间距组织起来。
- Comment ThreadComment Thread反向 · 应用于
以层级、作者、时间和回复动作组织评论讨论。
- Data ListData List反向 · 应用于
以标签和值的配对结构展示对象属性或摘要数据。
- Disclosure GroupDisclosure Group反向 · 应用于
把多个可展开的说明、细节或相关内容组织成组。
- Discussion ThreadDiscussion Thread反向 · 应用于
在对象上下文中组织多轮讨论、状态和参与者。
- Filter Chip GroupFilter Chip Group反向 · 应用于
把当前应用中的筛选条件呈现为可删除、可编辑的标签组。
- Image ViewerImage Viewer反向 · 应用于
支持缩放、旋转、平移和替代文本的图片查看器。
- LightboxLightbox反向 · 应用于
将图片、视频或媒体放大到聚焦上下文中并支持关闭和导航。
- List ViewList View反向 · 相关
以可排序、选择、分页或虚拟化方式展示一组对象。
- Media CardMedia Card反向 · 应用于
结合图片、视频或音频预览、元信息和动作的内容卡片。
- Product CardProduct Card反向 · 应用于
呈现产品、价格、规格、库存和购买操作的商业卡片。
- Quote CardQuote Card反向 · 应用于
以引用文本、来源和上下文强调一条内容或观点。
- Review SummaryReview Summary反向 · 应用于
聚合评分、分布、评论数量和代表性评论的评价摘要。
- Sort BarSort Bar反向 · 应用于
在结果列表或内容集合上提供排序依据和方向控制。
- Sortable TableSortable Table反向 · 应用于
为数据表增加排序、选择、密度和键盘操作的复合能力。
- Summary BoxSummary Box反向 · 应用于
集中呈现任务、页面或对象的关键信息与下一步动作。
- Testimonial CardTestimonial Card反向 · 应用于
以头像、引用、姓名和身份呈现一条用户证言。
- Video PlayerVideo Player反向 · 应用于
组合播放控制、时间轴、字幕、音量和全屏能力的视频播放器。
- Changelog PageChangelog Page应用于
按版本、日期和主题呈现产品更新及影响的页面。
- Community PageCommunity Page应用于
围绕成员、讨论、活动和参与动作构建的社区页面。
- Confirmation PageConfirmation Page应用于
在任务、交易或提交完成后总结结果并提供后续动作的页面。
- Conversation PageConversation Page应用于
围绕对话消息、参与者、输入和上下文组织的交流页面。
- Error PageError Page应用于
在路由、权限、服务器或内容不可用时提供解释和恢复入口的页面。
- Feed / Stream PageFeed / Stream Page应用于
按时间、相关性或状态连续呈现内容、活动或更新的页面。
- Job Listing PageJob Listing Page应用于
按筛选和详情浏览职位并启动申请的招聘页面。
- Media Gallery PageMedia Gallery Page应用于
以网格、筛选、预览和详情查看媒体资产的页面。
- Product Detail PageProduct Detail Page应用于
围绕一个产品或对象组织媒体、属性、证明、价格和操作的页面。
- Resource DirectoryResource Directory应用于
用筛选、分类和卡片/列表组织资源、案例或下载内容的目录页面。