跳转到正文
莫尔索随笔
AI 周刊
文章
专栏
关于
中
English
搜索
AI 周刊
文章
专栏
关于
中
English
搜索
术语集
可视化 UI
盒模型
全部
页面结构
导航
UI 组件
表单
交互
布局
排版
颜色与样式
媒体
开发基础
84 个术语
页面结构
页眉
Header
页面结构中的基础组成部分，用来划分页面区域、组织信息层级，并帮助 AI 明确每一块内容应该放在哪里。在提示词中直接说“页眉”，通常比泛泛描述更稳定。
页面结构
页脚
Footer
页面结构中的基础组成部分，用来划分页面区域、组织信息层级，并帮助 AI 明确每一块内容应该放在哪里。在提示词中直接说“页脚”，通常比泛泛描述更稳定。
页面结构
侧边栏
Sidebar
页面结构中的基础组成部分，用来划分页面区域、组织信息层级，并帮助 AI 明确每一块内容应该放在哪里。在提示词中直接说“侧边栏”，通常比泛泛描述更稳定。
页面结构
区块
Section
页面结构中的基础组成部分，用来划分页面区域、组织信息层级，并帮助 AI 明确每一块内容应该放在哪里。在提示词中直接说“区块”，通常比泛泛描述更稳定。
页面结构
首屏区块
Hero Section
页面结构中的基础组成部分，用来划分页面区域、组织信息层级，并帮助 AI 明确每一块内容应该放在哪里。在提示词中直接说“首屏区块”，通常比泛泛描述更稳定。
页面结构
容器
Container
页面结构中的基础组成部分，用来划分页面区域、组织信息层级，并帮助 AI 明确每一块内容应该放在哪里。在提示词中直接说“容器”，通常比泛泛描述更稳定。
页面结构
行动召唤
Call To Action
页面结构中的基础组成部分，用来划分页面区域、组织信息层级，并帮助 AI 明确每一块内容应该放在哪里。在提示词中直接说“行动召唤”，通常比泛泛描述更稳定。
导航
导航栏
Navigation Bar / Navbar
导航相关的界面模式，用来帮助用户在页面、栏目或同一页面的不同区域之间移动。在提示词中直接说“导航栏”，通常比泛泛描述更稳定。
导航
汉堡菜单
Hamburger Menu
导航相关的界面模式，用来帮助用户在页面、栏目或同一页面的不同区域之间移动。在提示词中直接说“汉堡菜单”，通常比泛泛描述更稳定。
导航
面包屑导航
Breadcrumb
导航相关的界面模式，用来帮助用户在页面、栏目或同一页面的不同区域之间移动。在提示词中直接说“面包屑导航”，通常比泛泛描述更稳定。
导航
分页
Pagination
导航相关的界面模式，用来帮助用户在页面、栏目或同一页面的不同区域之间移动。在提示词中直接说“分页”，通常比泛泛描述更稳定。
导航
标签页
Tab
导航相关的界面模式，用来帮助用户在页面、栏目或同一页面的不同区域之间移动。在提示词中直接说“标签页”，通常比泛泛描述更稳定。
导航
锚点链接
Anchor Link
导航相关的界面模式，用来帮助用户在页面、栏目或同一页面的不同区域之间移动。在提示词中直接说“锚点链接”，通常比泛泛描述更稳定。
UI 组件
按钮
Button
常见 UI 组件名称，适合在提示词中直接说明要生成的具体界面部件和交互反馈。在提示词中直接说“按钮”，通常比泛泛描述更稳定。
UI 组件
卡片
Card
常见 UI 组件名称，适合在提示词中直接说明要生成的具体界面部件和交互反馈。在提示词中直接说“卡片”，通常比泛泛描述更稳定。
UI 组件
模态框
Modal / Dialog
常见 UI 组件名称，适合在提示词中直接说明要生成的具体界面部件和交互反馈。在提示词中直接说“模态框”，通常比泛泛描述更稳定。
UI 组件
下拉菜单
Dropdown
常见 UI 组件名称，适合在提示词中直接说明要生成的具体界面部件和交互反馈。在提示词中直接说“下拉菜单”，通常比泛泛描述更稳定。
UI 组件
手风琴
Accordion
常见 UI 组件名称，适合在提示词中直接说明要生成的具体界面部件和交互反馈。在提示词中直接说“手风琴”，通常比泛泛描述更稳定。
UI 组件
工具提示
Tooltip
常见 UI 组件名称，适合在提示词中直接说明要生成的具体界面部件和交互反馈。在提示词中直接说“工具提示”，通常比泛泛描述更稳定。
UI 组件
轻提示
Toast / Snackbar
常见 UI 组件名称，适合在提示词中直接说明要生成的具体界面部件和交互反馈。在提示词中直接说“轻提示”，通常比泛泛描述更稳定。
UI 组件
徽标
Badge
常见 UI 组件名称，适合在提示词中直接说明要生成的具体界面部件和交互反馈。在提示词中直接说“徽标”，通常比泛泛描述更稳定。
UI 组件
头像
Avatar
常见 UI 组件名称，适合在提示词中直接说明要生成的具体界面部件和交互反馈。在提示词中直接说“头像”，通常比泛泛描述更稳定。
UI 组件
标签/筹码
Tag / Chip
常见 UI 组件名称，适合在提示词中直接说明要生成的具体界面部件和交互反馈。在提示词中直接说“标签/筹码”，通常比泛泛描述更稳定。
UI 组件
进度条
Progress Bar
常见 UI 组件名称，适合在提示词中直接说明要生成的具体界面部件和交互反馈。在提示词中直接说“进度条”，通常比泛泛描述更稳定。
UI 组件
加载旋转器
Spinner / Loading
常见 UI 组件名称，适合在提示词中直接说明要生成的具体界面部件和交互反馈。在提示词中直接说“加载旋转器”，通常比泛泛描述更稳定。
UI 组件
轮播/滑块
Carousel / Slider
常见 UI 组件名称，适合在提示词中直接说明要生成的具体界面部件和交互反馈。在提示词中直接说“轮播/滑块”，通常比泛泛描述更稳定。
UI 组件
分割线
Divider / Separator
常见 UI 组件名称，适合在提示词中直接说明要生成的具体界面部件和交互反馈。在提示词中直接说“分割线”，通常比泛泛描述更稳定。
UI 组件
骨架屏
Skeleton Screen
常见 UI 组件名称，适合在提示词中直接说明要生成的具体界面部件和交互反馈。在提示词中直接说“骨架屏”，通常比泛泛描述更稳定。
表单
输入框
Input / Text Field
表单相关元素，用来收集、选择、校验和提交用户输入。在提示词中直接说“输入框”，通常比泛泛描述更稳定。
表单
多行文本框
Textarea
表单相关元素，用来收集、选择、校验和提交用户输入。在提示词中直接说“多行文本框”，通常比泛泛描述更稳定。
表单
复选框
Checkbox
表单相关元素，用来收集、选择、校验和提交用户输入。在提示词中直接说“复选框”，通常比泛泛描述更稳定。
表单
单选按钮
Radio Button
表单相关元素，用来收集、选择、校验和提交用户输入。在提示词中直接说“单选按钮”，通常比泛泛描述更稳定。
表单
选择器
Select / Dropdown
表单相关元素，用来收集、选择、校验和提交用户输入。在提示词中直接说“选择器”，通常比泛泛描述更稳定。
表单
开关
Toggle Switch
表单相关元素，用来收集、选择、校验和提交用户输入。在提示词中直接说“开关”，通常比泛泛描述更稳定。
表单
标签文本
Label
表单相关元素，用来收集、选择、校验和提交用户输入。在提示词中直接说“标签文本”，通常比泛泛描述更稳定。
表单
占位符
Placeholder
表单相关元素，用来收集、选择、校验和提交用户输入。在提示词中直接说“占位符”，通常比泛泛描述更稳定。
表单
表单校验
Validation
表单相关元素，用来收集、选择、校验和提交用户输入。在提示词中直接说“表单校验”，通常比泛泛描述更稳定。
交互
悬停
Hover
交互状态或操作方式，用来描述用户动作发生时界面应该如何响应。在提示词中直接说“悬停”，通常比泛泛描述更稳定。
交互
点击/轻触
Click / Tap
交互状态或操作方式，用来描述用户动作发生时界面应该如何响应。在提示词中直接说“点击/轻触”，通常比泛泛描述更稳定。
交互
滚动
Scroll
交互状态或操作方式，用来描述用户动作发生时界面应该如何响应。在提示词中直接说“滚动”，通常比泛泛描述更稳定。
交互
过渡
Transition
交互状态或操作方式，用来描述用户动作发生时界面应该如何响应。在提示词中直接说“过渡”，通常比泛泛描述更稳定。
交互
动画
Animation
交互状态或操作方式，用来描述用户动作发生时界面应该如何响应。在提示词中直接说“动画”，通常比泛泛描述更稳定。
交互
焦点
Focus
交互状态或操作方式，用来描述用户动作发生时界面应该如何响应。在提示词中直接说“焦点”，通常比泛泛描述更稳定。
交互
拖拽
Drag & Drop
交互状态或操作方式，用来描述用户动作发生时界面应该如何响应。在提示词中直接说“拖拽”，通常比泛泛描述更稳定。
交互
滑动
Swipe
交互状态或操作方式，用来描述用户动作发生时界面应该如何响应。在提示词中直接说“滑动”，通常比泛泛描述更稳定。
布局
Flexbox 弹性布局
Flexbox
布局与空间控制术语，用来精确描述元素排列、间距、层级和响应式规则。在提示词中直接说“Flexbox 弹性布局”，通常比泛泛描述更稳定。
布局
CSS 网格
CSS Grid
布局与空间控制术语，用来精确描述元素排列、间距、层级和响应式规则。在提示词中直接说“CSS 网格”，通常比泛泛描述更稳定。
布局
响应式设计
Responsive Design
布局与空间控制术语，用来精确描述元素排列、间距、层级和响应式规则。在提示词中直接说“响应式设计”，通常比泛泛描述更稳定。
布局
断点
Breakpoint
布局与空间控制术语，用来精确描述元素排列、间距、层级和响应式规则。在提示词中直接说“断点”，通常比泛泛描述更稳定。
布局
外边距
Margin
布局与空间控制术语，用来精确描述元素排列、间距、层级和响应式规则。在提示词中直接说“外边距”，通常比泛泛描述更稳定。
布局
内边距
Padding
布局与空间控制术语，用来精确描述元素排列、间距、层级和响应式规则。在提示词中直接说“内边距”，通常比泛泛描述更稳定。
布局
间距
Gap
布局与空间控制术语，用来精确描述元素排列、间距、层级和响应式规则。在提示词中直接说“间距”，通常比泛泛描述更稳定。
布局
层级
z-index
布局与空间控制术语，用来精确描述元素排列、间距、层级和响应式规则。在提示词中直接说“层级”，通常比泛泛描述更稳定。
排版
字体族
Font / Font Family
排版术语，用来控制文本的字体、大小、粗细、间距、对齐和信息层级。在提示词中直接说“字体族”，通常比泛泛描述更稳定。
排版
字号
Font Size
排版术语，用来控制文本的字体、大小、粗细、间距、对齐和信息层级。在提示词中直接说“字号”，通常比泛泛描述更稳定。
排版
字重
Font Weight
排版术语，用来控制文本的字体、大小、粗细、间距、对齐和信息层级。在提示词中直接说“字重”，通常比泛泛描述更稳定。
排版
行高
Line Height
排版术语，用来控制文本的字体、大小、粗细、间距、对齐和信息层级。在提示词中直接说“行高”，通常比泛泛描述更稳定。
排版
字间距
Letter Spacing
排版术语，用来控制文本的字体、大小、粗细、间距、对齐和信息层级。在提示词中直接说“字间距”，通常比泛泛描述更稳定。
排版
文本对齐
Text Align
排版术语，用来控制文本的字体、大小、粗细、间距、对齐和信息层级。在提示词中直接说“文本对齐”，通常比泛泛描述更稳定。
排版
标题层级
Heading
排版术语，用来控制文本的字体、大小、粗细、间距、对齐和信息层级。在提示词中直接说“标题层级”，通常比泛泛描述更稳定。
排版
文本截断/省略号
Text Truncation / Ellipsis
排版术语，用来控制文本的字体、大小、粗细、间距、对齐和信息层级。在提示词中直接说“文本截断/省略号”，通常比泛泛描述更稳定。
颜色与样式
背景色
Background Color
视觉样式术语，用来描述颜色、边框、圆角、阴影、透明度等界面质感。在提示词中直接说“背景色”，通常比泛泛描述更稳定。
颜色与样式
渐变
Gradient
视觉样式术语，用来描述颜色、边框、圆角、阴影、透明度等界面质感。在提示词中直接说“渐变”，通常比泛泛描述更稳定。
颜色与样式
阴影
Box Shadow / Drop Shadow
视觉样式术语，用来描述颜色、边框、圆角、阴影、透明度等界面质感。在提示词中直接说“阴影”，通常比泛泛描述更稳定。
颜色与样式
边框
Border
视觉样式术语，用来描述颜色、边框、圆角、阴影、透明度等界面质感。在提示词中直接说“边框”，通常比泛泛描述更稳定。
颜色与样式
圆角
Border Radius
视觉样式术语，用来描述颜色、边框、圆角、阴影、透明度等界面质感。在提示词中直接说“圆角”，通常比泛泛描述更稳定。
颜色与样式
透明度
Opacity
视觉样式术语，用来描述颜色、边框、圆角、阴影、透明度等界面质感。在提示词中直接说“透明度”，通常比泛泛描述更稳定。
颜色与样式
背景模糊/玻璃拟态
Backdrop Blur / Glassmorphism
视觉样式术语，用来描述颜色、边框、圆角、阴影、透明度等界面质感。在提示词中直接说“背景模糊/玻璃拟态”，通常比泛泛描述更稳定。
媒体
图片
Image (img)
媒体与视觉资源相关术语，用来说明图片、视频、图标和分享预览如何呈现。在提示词中直接说“图片”，通常比泛泛描述更稳定。
媒体
视频
Video
媒体与视觉资源相关术语，用来说明图片、视频、图标和分享预览如何呈现。在提示词中直接说“视频”，通常比泛泛描述更稳定。
媒体
图标
Icon
媒体与视觉资源相关术语，用来说明图片、视频、图标和分享预览如何呈现。在提示词中直接说“图标”，通常比泛泛描述更稳定。
媒体
网站图标
Favicon
媒体与视觉资源相关术语，用来说明图片、视频、图标和分享预览如何呈现。在提示词中直接说“网站图标”，通常比泛泛描述更稳定。
媒体
Open Graph 分享图
Open Graph Image
媒体与视觉资源相关术语，用来说明图片、视频、图标和分享预览如何呈现。在提示词中直接说“Open Graph 分享图”，通常比泛泛描述更稳定。
媒体
对象适配
Object Fit
媒体与视觉资源相关术语，用来说明图片、视频、图标和分享预览如何呈现。在提示词中直接说“对象适配”，通常比泛泛描述更稳定。
开发基础
组件
Component
开发基础概念，用来让 AI 更准确地理解前端实现、数据连接和工程交付。在提示词中直接说“组件”，通常比泛泛描述更稳定。
开发基础
API 接口
API (Application Programming Interface)
开发基础概念，用来让 AI 更准确地理解前端实现、数据连接和工程交付。在提示词中直接说“API 接口”，通常比泛泛描述更稳定。
开发基础
部署
Deploy
开发基础概念，用来让 AI 更准确地理解前端实现、数据连接和工程交付。在提示词中直接说“部署”，通常比泛泛描述更稳定。
开发基础
npm 包管理器
npm (Node Package Manager)
开发基础概念，用来让 AI 更准确地理解前端实现、数据连接和工程交付。在提示词中直接说“npm 包管理器”，通常比泛泛描述更稳定。
开发基础
DOM 文档对象模型
DOM (Document Object Model)
开发基础概念，用来让 AI 更准确地理解前端实现、数据连接和工程交付。在提示词中直接说“DOM 文档对象模型”，通常比泛泛描述更稳定。
开发基础
事件
Event
开发基础概念，用来让 AI 更准确地理解前端实现、数据连接和工程交付。在提示词中直接说“事件”，通常比泛泛描述更稳定。
开发基础
CSS 变量
CSS Custom Properties / Variables
开发基础概念，用来让 AI 更准确地理解前端实现、数据连接和工程交付。在提示词中直接说“CSS 变量”，通常比泛泛描述更稳定。
开发基础
CSS 类名
CSS Class
开发基础概念，用来让 AI 更准确地理解前端实现、数据连接和工程交付。在提示词中直接说“CSS 类名”，通常比泛泛描述更稳定。
开发基础
深色模式
Dark Mode
开发基础概念，用来让 AI 更准确地理解前端实现、数据连接和工程交付。在提示词中直接说“深色模式”，通常比泛泛描述更稳定。
开发基础
无障碍访问
Accessibility (a11y)
开发基础概念，用来让 AI 更准确地理解前端实现、数据连接和工程交付。在提示词中直接说“无障碍访问”，通常比泛泛描述更稳定。