每个组成部分都有标准名字、所属模式，和一条能直接交给 AI 的提示词。左侧选模式，即时过滤。
从屏幕底部升起来的半屏面板：分享、筛选、选规格——拇指够得着，还能下拉关掉。
iOSAndroid 安卓HarmonyOS 鸿蒙移动 Web / 小程序浮层底部弹层组件
「首页 / 分类 / 当前页」一行小字：告诉你在哪一层，还能点回去。
Web 网站桌面客户端导航内容区组件
一块内容一个卡：图在上、标题摘要在下，带一两个操作——商品、文章、课程都用它装。
全平台通用内容组织内容区组件
购物车里的一行：小图、名字、价格、数量步进器和一个勾选框，左滑还能删。
全平台通用交易内容区组件
付钱前最后一段路：确认商品、选地址、看优惠、选支付方式、点下单。
后台首页那排数字卡：今日订单、新增用户、转化率，每个带涨跌箭头和小趋势。
Web 网站桌面客户端数据与工作内容区组件
后台的命根子：一列一个字段，表头能排序，行尾有操作，底部分页。
详情页开头那块：大图或封面、标题、关键信息，再往下才是正文，底部常吸一个购买/收藏条。
从左边滑出来或常驻左边的导航：一级、二级菜单都在里面，后台和复杂应用的主导航。
Web 网站桌面客户端平板导航左侧栏 / 抽屉组件
没东西时出现的那块：一张小插画、一句说明、一个「去添加」的按钮。
全平台通用状态与反馈内容区组件
走错路时看到的那页：一个大大的 404、一句人话、两个按钮（回首页、去搜索）。
Web 网站状态与反馈全屏组件
带组头的列表：组名小字压在每组上方，滚动时组头吸顶，A–Z 索引还能点字母跳。
鸿蒙设置与内容页的分组列表：按华为设计规范要点自绘示意，非官方素材。
HarmonyOS 鸿蒙内容组织内容区组件
鸿蒙 App 的底部主导航：按华为设计规范的要点自绘示意，非官方素材。
HarmonyOS 鸿蒙导航底部标签栏组件
落地页第一屏：一句大标题、一行副文案、一个大按钮，右边或下边一张产品图。
Web 网站营销与内容内容区组件
一排图左右滑着看：商品图、活动 banner 都住这里，下面一排小圆点报位置。
全平台通用媒体内容区组件
最万能的内容行：左边头像或图标，中间标题与副文案，右边箭头或数值。
输账号密码（或验证码）进门的那张表单：字段少、报错清、还能第三方一键登录。
全平台通用身份与账号内容区组件
两列错落排图：高的高矮的矮，像小红书和 Pinterest 那样越逛越上头。
App 底部那排一级入口：图标在上、文字在下，3–5 个，拇指最容易够到。
iOSAndroid 安卓HarmonyOS 鸿蒙移动 Web / 小程序导航底部标签栏组件
屏幕中间弹出的那个框：背景变暗，只能先处理它——确认删除、填写小表单都靠它。
全平台通用浮层浮层组件
消息中心的那一列：谁在什么时候发了什么，未读的有红点，看完能一键全标已读。
全平台通用个人空间内容区组件
第一次打开 App 时的那几屏：大图、一个卖点、一排圆点，最后落到「开始使用」。
iOSAndroid 安卓HarmonyOS 鸿蒙移动 Web / 小程序引导与入门全屏组件
点一下弹出一列选项让你挑：城市、日期、分类——不用打字，从现成的里选。
全平台通用表单与输入底部弹层组件
三列套餐并排比：免费、专业、企业，中间那列放大加框写着「最受欢迎」。
卖货的卡：商品图、名字、价格、销量或评价，点进去就是详情。
「我的」页面最上面那块：头像、昵称、一行数据（关注/粉丝/积分）和编辑按钮。
iOSAndroid 安卓HarmonyOS 鸿蒙Web 网站个人空间内容区组件
带放大镜的那个输入框：圆角胶囊、浅灰底，里面写着「搜你想要的」。
全平台通用搜索与筛选顶部导航组件
搜完看到的那一页：顶部留着搜索词，下面结果列表，带筛选、排序和「没找到」的兜底。
全平台通用搜索与筛选内容区组件
同屏切换内容分组的小控件：像药丸的是分段控制，带下划线的是标签页。
全平台通用导航内容区组件
一屏开关和选项的集合：分组排列，每行左边是名字、右边是开关、箭头或当前值。
数据来之前先摆出的灰色轮廓：标题是灰条、图是灰块，一道微光扫过表示在加载。
左边一行字、右边一个开关的设置行：点一下立刻生效，不需要保存按钮。
全平台通用表单与输入内容区组件
填字的框：上面是标签，下面是输入区，有提示、有报错，是表单的最小单位。
屏幕边上飘一下就消失的小条：「已保存」「复制成功」——不打断你手上的事。
全平台通用状态与反馈悬浮元素组件
页面最上面那条：返回、标题、常用操作，一眼看清「我在哪、能干嘛」。
全平台通用导航顶部导航组件
网站最上面那条横栏：Logo 在左，导航在中，登录/注册按钮在右，滚动时常吸顶。
Web 网站导航顶部导航组件
这个分类下暂无条目。
