AI Prompt / Response

Canva AI 图片工具让用户以提示生成视觉结果，并将继续编辑、下载或进入设计工作区作为后续动作。

Grammarly AI 写作页面用提示、结果和编辑能力展示功能效果，并将访客带到可尝试的写作场景。

Notion AI 功能页用写作、搜索和总结场景展示 AI 能力，并把理解转成在工作区尝试或升级的入口。

面向首次访问和回访用户的站点入口页面，解释站点价值并提供主要探索路径。

围绕单一活动、受众或转化目标组织的独立页面模板。

让用户输入信息、等待处理并获得可操作结果的工具型页面。

工具型页面中收集用户输入、设置参数和触发处理的输入区块。

工具处理完成后展示结果、解释结果并提供复制、保存、导出或继续操作的区块。

围绕浏览器环境组织页面架构、导航、内容、区块、组件、转化和性能的界面设计领域。

定义可复用组件的结构、状态、行为和组合方式。

定义字体家族、字号、字重、行高和字距的基础尺度。

触发动作、提交选择或打开流程。

表达操作、对象、状态或方向的视觉符号。

展示一个数值、单位、时间范围和解释的指标组件。

Textarea 如何在界面中被理解、操作或组合？

将相关信息和操作组合成可扫描、可比较的内容容器。

组织多个输入、校验、提交和结果反馈的任务组件。

在操作或查询完成后集中呈现结果、解释和后续动作。