界面元素

它是一个可以按下的界面元素，按下后会立即执行一项明确的操作。

它把几项彼此相关的操作放在一起，让用户能快速看见并选择其中一项。

它用紧凑的圆角小块表示一个筛选条件、输入值、属性或快捷操作。

它用行和列对齐同一类数据，让用户沿着同一字段比较多个项目。

它用增加和减少两个操作，让数值按固定步长一格一格变化。

它在临时浮层中列出一组操作或命令，用户选择一项后通常会立即关闭。

它从屏幕侧边显示主要导航入口，可以临时覆盖内容，也可以在宽屏上一直展开。

它把几个主要页面入口竖直排在屏幕侧边，可以是窄窄的一条，也可以展开得更宽、放下更多入口。

它从屏幕侧边出现，承载与主内容相关的详情、筛选或辅助任务。

它把一个常用操作和与它相关的更多选项放在同一个分成两块的按钮里。

它让用户输入或编辑一行文字，通常配有标签、提示和错误说明。

它让用户在一组互相排斥的选项中只选一个，并始终显示全部可选项。

它是固定在页面底部的一排入口，用来在几个同级的主要页面之间来回切换。

它是在当前操作需要你从少量选项里立刻做决定时，从屏幕底部出现的一列操作。

从屏幕底部向上滑出、盖住部分屏幕的临时面板。

它是页面最上方显示标题、返回入口和当前页面操作的一条区域。

它显示一个已知范围内的当前数值和相对水平，例如容量、评分或信号强弱。

它暂时盖在当前界面上，要求用户阅读信息、确认决定或完成一个短任务后再继续。

它让用户输入和编辑较长文字，可以换行并容纳多段内容。

它把少量互斥选项并排连在一起，点其中一格就会立即切换当前选择或内容。

它用一条细线或明显间隔把相邻内容分组，让层级和阅读边界更清楚。

它把相关内容并排放进两个或多个区域，让用户保留上下文并同时查看详情。

它用一排短小标记显示当前位于一组页面中的第几页，并提示还有多少页。

它从一个浮动按钮展开少量相关操作，收起时只占一个按钮的位置。

它浮在页面内容上方，用一个醒目的按钮承载当前界面最重要的主要操作。

它让用户在一组选项里同时选中零项、一项或多项，每项都可以独立开关。

它把当前页面最常用的操作集中放在一条区域中，便于快速重复使用。

它在固定可见区域中容纳更长内容，用户通过滑动、滚轮或键盘查看其余部分。

它让用户沿着一段连续范围拖动位置，快速选择一个数值或一段区间。

它用一个很小的标记显示数量、状态或是否有新内容，通常依附在另一个元素旁边。

表示程序正在处理的忙碌动效 —— 环形、旋转，或其他不沿轨道延展的形状动画。

一条沿轨道延展的横条，用填充表示事情进行到哪一步；不知道还剩多少时，条本身也可以只是动着。

它用醒目的方式告知紧急或重要情况，通常要求用户确认后才能继续。

它把围绕同一个主题的信息和操作放进一个边界清楚的内容块里。

它表示一个设置当前是开还是关，用户切换后通常会立即生效。

它在行列网格中展示数据，并允许用户移动焦点、选择、排序或编辑单元格。

它把文字输入和候选列表放在一起，用户既能输入，也能从匹配结果中选择。

它把用户带到另一个页面、文件或位置，通常用文字表达要去的目标。

它把一组同类项目按顺序排列，通常每项占一行并可进入详情或执行操作。

它在有限区域中逐项展示一组内容，用户可以横向切换到前后项目。

它播放声音或视频，并提供播放、暂停、进度、音量和全屏等常用控制。

它按层级列出当前位置到起点的路径，让用户知道自己在哪并能返回上层。

它在同一个区域里切换几组同级内容，切换后页面的主要位置保持不变。

它用一排符号表示等级，让用户查看或选择一个有限范围内的评分。

它贴着触发它的元素显示一小块临时内容，关闭后用户仍留在原来的上下文中。

操作完成后短暂出现、过几秒自己消失的提示条。

它让用户从日历或年月日控件中选择一个日期，也可以选择一段日期范围。

它让用户选择一天中的具体时刻，通常包含小时、分钟和时制。

它把多段内容收在各自标题下面，用户点击标题后展开或收起对应内容。

它用缩进和展开状态显示父子层级，用户可以逐层打开或收起分支。

它把可展开的父子层级和多列表格结合，让用户同时查看结构与各项字段。

它让用户直接输入数值，并可以限制范围、步长和允许的小数位数。

它接收用户想查找的词，并把当前内容缩小到相关结果或跳转到搜索结果页。

它把数值关系画成柱、线、点或其他图形，帮助用户比较大小和看出变化。

它在界面中显示一张图片，并控制图片的缩放、裁切和替代说明。

它在用户指向或聚焦某个控件时短暂显示简短说明，不承载需要操作的内容。

它先收起一组选项，用户打开后从中选择一项或少量几项。

它让用户从色板、色谱或已保存颜色中选择一个具体颜色。

它让一段附加内容在原地展开或收起，标题始终留在原来的位置。

它用简短文字说明一个输入项或控件的用途，并与对应控件建立明确关系。