线框图与内容优先级

先理解这个概念

线框图用低成本验证结构。先放真实标题、字段和内容长度，再安排布局。用灰度和尺寸建立优先级可以防止过早沉迷视觉细节。线框图不是必须精致的中间产物，而是快速试错工具。

线框图的价值是让结构决定便宜地被推翻。保真度要匹配问题：讨论信息顺序时文字块就够，验证输入流程时则需要真实字段和错误。低保真不是低信息量；如果只有整齐的灰框，没有内容与任务，就无法判断结构是否支持实际使用。

记住这三个原则

1. 01

   优先用真实内容，至少包含长标题和空内容。

2. 02

   主操作、主要信息与上下文必须一起评估。

3. 03

   每张线框图说明它解决的任务。

实际设计时，分三步做

1. STEP 01

   先写内容清单，按完成任务所需顺序排列。标记必要、辅助和可延后内容，不从现成卡片模板开始。

2. STEP 02

   画两种结构差异明显的布局，放入同一批真实内容。保持视觉细节简化，让比较集中在信息组织。

3. STEP 03

   用长标题、无图、空列表和小屏逐一替换内容，写下压缩、换行、隐藏或滚动规则，再进入精细设计。

一个容易理解的例子

真实内容会暴露占位框掩盖的约束。

适用边界与取舍

如果问题是品牌气质或图标识别，纯灰度线框不够。此时应提高相关部分的保真度，而不是把所有页面都精修后才开始验证。