草图转界面

把草图拍下来、上传，就能得到一个真实页面。

步骤#

1. 正面拍摄草图，光线均匀，整幅图都在画面里。
2. 在提示框里上传。
3. 补上图画本身承载不了的信息：产品是什么、那些方框各代表什么、视觉方向是什么。

这是我们引导页的草图。左上角的大方块是视频，堆叠的三个方块是带勾选标记的设置步骤。现代 SaaS 风格，紫色作强调色。

怎样让草图更容易被读懂#

• 给方框写标注。 “首屏”、“导航”、“图表” — 写上去的标注会被读取并采用。
• 把层级画出来。 更大的方框会变成更大的元素。
• 别涂太重的阴影。 线稿比涂满阴影的图更容易被稳定识别。
• 一张照片一个页面，除非你就是想一次交出一整条流程。

也可以草图转线框图#

如果你想留在低保真阶段 — 只把草图理顺，先不定视觉风格 — 那就要一份线框图。见线框模式。