制作线框图的工具和媒介

二　制作线框图的工具和媒介

1.纸质原型（图25）

图25　纸质原型

首先可采用最传统的标准的纸质线框图（这也是UXPin线框图&原型设计工具的先驱），只需简单地裁剪纸上的草图或者其他媒介上的草图。建议先画后切变，以求尺寸正确。考究地讲，尽管这并不是“线框图”，但本质类似，Common Craft的 Drop box explainer video就很有趣，讲述了这种线框图的设计方法。

2.打印或者Stenciling工具板（图26）

很多模板可以自行打印，比如：Stenciling工具板，辅助线框图绘制的笔记本，能提供标准UI元素的一些工具。

图26　Stenciling工具板

3.线框图设计软件（图27）(https://www.daowen.com)

市面上有很多可用的线框图设计软件，但是真正值得尝试的并不多。我们排除了一些功能有限或者停止更新的软件，推荐各位使用Figma和Sketch设计线框图。

图27　线框图设计软件

4.图形设计软件（图28）

数字图形设计软件的种类很多，但是大多数产品人员和设计师还是习惯使用Adobe Illustrator、Photoshop或者Sketch，当习惯养成以后，用这些软件去设计线框图也非常方便。对于很多产品团队来说，设计线框图最好的软件无疑还是专攻线框图的软件，使用后者不但可以使人专注于线框图设计，而且便于写作，方便整合其他工具所提供的内容。

有了线框图，视觉设计师就可以根据线框图来进行视觉设计了，接下来我们就开始下面的学习。

图28　图形设计软件