线框图（原型）和注释

设计和导向：在视觉设计开始之前

线框图和注释是明确网页或应用要现实的内容，以及内容的结构、功能的一套方法。当这些文档同网站地图和任务流程结合起来使用时，对明确原型应用场景和验证概念是极为有用的。线框图一般是黑白的，去除了图形元素或最终内容；转而使用占位标记来标注内容的展示位置，为视觉设计提供指导。

–Russ Unger

线框图的元素

•  导航
• 内容区
• 图像和媒体
• 表格元素
• 操作引导（CTAs）

注释包括的信息

• 内容名称或标签
• 内容来源
• 显示规则
• 交互规则
• 交互目的地
• 处理规则
• 出错内容信息