页面模板是画APP原型的必备元素，使用它的PM不少，但是真正了解的不多，用它提升效率的更少。

所谓的页面模板，是指APP原型中每个页面的相同部分，某种程度上可以理解为开发APP时候前端技术使用的viewcontroller模块。

希望大家读完这篇文章，能够清楚页面模板的由来，以及如何高效使用。

常见的页面模板

我们在用Axure画APP页面的时候，往往会套一个网上下载回来的页面模板，常见的有以下三种样式。还有其他少见的模板我就不赘述了。

另外上图是自制的低保真版本，网上有提供高保真版本。建议使用前者，不要混淆PM和UI的工作。

页面模板的作用

画APP原型的过程中，每画一个APP页面就需要用到一次页面模板。

而不是每画一个APP页面，就重新从状态栏，上导航，内容区，下导航/工具栏一个一个画一遍。这样极大的浪费时间。

所以我提炼出页面模板这个概念，并方便的运用到每个APP页面，以此来减少画原型时间。

页面模板的由来

如果我们去拆分页面的内容结构，其实是这样的三个层次。只是往往我们看到的是第一层，不会深入去了解它的内核。

如果具备立体思维来拆分，我们可以得出大部分时候页面包含上导航，内容区。小部分时候包含工具栏/下导航。

选择哪种页面模板

根据上面的三种常见页面模板，以及页面的内容结构。聪明的PM应该就会自己制作适合自己APP的页面模板。

我个人最推荐的是第3种页面模板，其次是第2种。第1种非常不推荐。

不过画法是相似的，如果你会画第3种页面模板，那么第2种，第1种画起来也很快。