跳转到内容

产品与需求 · DEFINED TERM

Wireframe 线框图

用低细节结构草图确定页面信息和操作位置。

你可能会这样说“先用灰框确认布局,不要一开始纠结颜色和阴影。”

VISUAL EXAMPLE

先看懂它怎么工作

MECHANISM

运行机制

  1. 整理内容优先级
  2. 划分区域
  3. 放置控件
  4. 验证流程

USE WHEN

适合这样用

早期页面结构和团队快速对齐

NOT FOR

不要这样理解

线框图不能证明最终视觉质量

TELL YOUR AGENT

可直接发给 Agent

请按“Wireframe 线框图”的概念处理这个需求:先用灰框确认布局,不要一开始纠结颜色和阴影。。先说明实现边界,再给出可检查的结果。

ACCEPTANCE

怎么确认它真的做好了

主要信息和操作齐全,在不依赖装饰时仍能完成任务

OFFICIAL SOURCES

官方来源