术语分类
界面图鉴UI Patterns
你可能会问
界面图鉴是什么？为什么要认识这些界面零件的名字？
简单来说
屏幕上每一块的通用名字——认得它，才能让 AI 精确地改它。
01See在页面上认出这一块
02Name知道它的通用名字
03Anatomy了解它由什么组成
04Prompt用名字指挥 AI 修改
01 · 先这样理解
把抽象概念放进真实场景
屏幕上每一块的通用名字——认得它，才能让 AI 精确地改它。
换个角度想界面图鉴像汽车配件手册：你不用会造车，但知道那个零件叫「后视镜」，才能让修车师傅一听就懂你要修哪里。
02 · 点击演示
从认出它，到说出它
突出显示的部分，就是当前概念在整条流程中负责的位置。
- See
在页面上认出这一块
- Name
知道它的通用名字
- Anatomy
了解它由什么组成
- Prompt
用名字指挥 AI 修改
1 / 4
See · 在页面上认出这一块
03 · 放进真实任务
什么时候会遇到它
提需求
不再说「上面那块」，而是直接叫出它的名字。
看懂方案
AI 说「加一个 toast 提示」时，你知道它长什么样。
拆解设计
看到喜欢的网站，能按零件拆出它的做法。
04 · 想一想
用一个问题检查理解
你想让 AI 改「页面顶上那个横着的菜单」。用哪个词能一次说准？
查看答案
导航栏（Navbar）。用通用名字指代，AI 不用猜你说的是哪一块，改动也不会误伤别的区域。
最容易踩的坑
名字是用来沟通的，不是用来炫的。同一个零件在不同框架里可能叫法不同，说清位置和作用永远是保底方案。