抽屉Drawer
抽屉会从屏幕边缘滑入，同时保留一部分底层页面。
找到那个词，
做对那个产品。
说说你想得到、却不知道名称的界面或流程。Vibulary 会找出合适的术语、显示图解，并整理成清楚的开发需求。
直接用自己的话描述。我们会看它长什么样、会做什么，以及你什么时候需要它。不知道怎么说？试试
MCP · 连接到你的 AI559份实战指南10个知识领域10种语言128可操作示例
看见效果，叫出名字。亲手试试
Drawer.
从画面侧边滑入的面板。
从感觉，到具体。术语图鉴
学会把想法做出来需要的词。
每个词都会说明资料来自哪里。正式标准、官方指南和行业常用词会用不同标签分清楚。
按钮Button
按钮是一种控件，按下后会在当前页面执行一件事。
模态对话框Modal Dialog
模态对话框是一个聚焦的小窗口，在关闭或完成前，会挡住当前页面的其他操作。
底部面板Bottom Sheet
底部面板是适合触控的面板，会从页面底部升起，也可能停在几种不同高度。
命令面板Command Palette
命令面板是以键盘操作为主的搜索面板，可以打开功能、页面和最近使用的项目。
玻璃拟态Glassmorphism
玻璃拟态是一种使用半透明分层表面的视觉风格，会搭配模糊、亮边和适度的深度感。
弹簧动画Spring Animation
弹簧动画采用物理模型，由刚度、阻尼、质量和初始速度控制动作。
设计令牌Design Token
设计令牌（Design Token）是为一项设计决定命名的值，例如颜色、间距、字体或动效速度。
无障碍设计Accessibility
无障碍设计（Accessibility）让不同能力的人都能理解和使用产品。它是一种设计与开发方式。
产品目标Product Goal
产品目标（Product Goal）说清楚产品要带来的实际结果。结果可以给用户或公司。
检索增强生成Retrieval-Augmented Generation
检索增强生成（RAG）会在运行时找出相关的外部证据，再交给模型生成内容。
API 与接口端点API & Endpoint
API 是软件之间通信的一套规则；接口端点则是 API 里的一个地址和一项操作。
CSS 网格CSS Grid
CSS Grid 是同时安排行和列的布局系统，可以定义固定区域，也能随空间调整。
表单校验Form Validation
表单校验用规则和消息找出漏填或填错的内容。它也会避免并说明这些错误。
轻提示Toast
轻提示是不会挡住页面的简短状态消息，通常会自己消失。
Git、Repository、Branch 与 Commit（教学组合）Git, Repository, Branch & Commit — Learning Bundle
这组教学连接四个 Git 概念。Git 是版本控制系统；Repository 存储对象和引用；Branch 为一条工作线命名；Commit 则用元数据记录项目状态。这个组合本身不是单个 Git 术语。
减少动态Reduced Motion
减少动态是一项无障碍设置，也是一种设计模式。它会移除或简化不必要的移动效果。
问题陈述Problem Statement
问题陈述（Problem Statement）会说清楚谁遇到问题、问题何时发生，以及为什么值得解决。
你能说出这个界面模式的名称吗？
读完情境，再选出最精确的术语。没有陷阱题。
得分 0 / 2
使用情境 · 1/2
按下“保存草稿”后，网站会保存更改，并告诉你是否成功。
把 UI 术语变成清楚的开发需求。
先写下你要解决的事，再选界面要做什么、长什么样和怎么移动。我们会整理成可以复制的需求。
请写下谁会使用、发生什么事，以及最后要得到什么结果。
VIBULARY / 需求单● ● ●
请写下谁会使用、发生什么事，以及最后要得到什么结果。请写下谁会使用、发生什么事，以及最后要得到什么结果。
V.✦
简单的话，清楚的例子。
每份指南先说简单意思，再给清楚例子。只有真的有帮助时，才会放进技术名称。