一站式 UI 图鉴参考平台 · 共 138 个条目

看懂每一个 UI 元素

用预览、术语和对比，快速确认组件的叫法与使用边界。

热门标签
看组件按钮、输入框、弹窗、表格…
看交互点击、悬停、拖拽、展开…
看词典Dialog、Toast、Tabs、Drawer 等…
看布局栅格、容器、间距、对齐…
看样式颜色、字体、圆角、阴影…
看场景登录、搜索、支付、删除确认…

常用 UI 条目

点击查看详情
按钮
按钮
触发一个操作或提交表单。
输入框
请输入内容✕
让用户输入或编辑信息。
搜索框
搜索关键词
查找内容。
复选框
可以多选或独立开关一个条件。
开关
立即开启或关闭某个功能。
选择器
选择器
在菜单中选择固定答案。
弹窗
删除文件？
此操作无法撤销。
取消删除
盖在页面上的重要提示或任务。
Toast
保存成功
短暂出现的轻量提示。
单选按钮
多个选项只能选一个。
滑块
拖动调整数值。
标签页
在同一区域切换不同内容。
菜单
展开一组可选操作。

UI 图鉴

按钮、输入框、弹窗、标签页、Toast 等界面零件。
没有匹配的条目，换个关键词试试～

新手路径

按你的角色选一条
产品新人
  • 了解常见组件及用途
  • 掌握交互与状态差异
  • 快速提升产品表达力
设计新人
  • 学习组件样式与规范
  • 掌握布局与视觉层级
  • 参考动效提升体验
开发新人
  • 理解组件结构与状态
  • 获取实现思路与示例
  • 减少沟通与实现成本
我只想知道这个 UI 叫什么
  • 输入或描述 UI 特征
  • 快速找到名称与解释
  • 顺便学点相关知识

常见对比

分不清的放一起看
Toast vs Alert vs Dialog Button vs Link Checkbox vs Switch Tabs vs Segmented