【产品经理方法论PDF】加原型目录结构规范一

领500g书库，关注公众号:程叫兽的宝藏 (长按可复制！)

热门下载区==>点此链接进入<<<

本文节选自《产品经理方法论》

加 4.3 ”原型目录结构规范
一些旧的产品逻辑, 则需要把新增或者修订的内容用简洁的语言记录下来, 并用版本号
标记，以方便后续的追溯。

项目流程图: 包括整个项目各业务模块的主要流程图,以方便开发人员和项目其他参与
者快速地了解核心流程. 作者在以往的工作过程中, 经常看到一些产品经理了解了业务
需求后，就开始设计页面，不画或者忘记画项目流程图。对于小规模且业务逻辑简单的
需求，这样做也许没什么问题，但是一旦遇到业务逻辑复杂的项目，若后续的研发过程
中遇到问题，需要梳理流程，就会发现没有一个参照物，也会导致后续新成员加入项
目时，无法决速地通过流程图来了解业务和产品逻辑。 所以，对于一个完整的原型目
录结构，项目流程图是不可缺少的一部分。

全局设计规范: 整个原型目录框架的一部分，整个项目原型设计的规范. 全局设计规范
在一定程度上决定了整个产品设计的规范, 所以在创建原型目录时就要重视。 全局设计
规范目录分为临时画布和交互设计自查表两个模块。

临时画布: 提供了常用的原型设计控件并分类展示在一个大的页面内。如果画布
中的控件元素足够丰富，日常的原型设计用到的一些通用的控件就无须重复设
计。 直接使用画布内的通用控件不仅可以实现高效的、拖折式的设计方式，还能
保证所有页面设计的整体性和一致性。

a 交互设计自查表: 用于辅助查验原型设计过程中被忽略或被筷记的一些设计要
素，如弱网状态提示、非法输入限制以及容错机制等， 方便在页面设计完成时做
好查漏补缺。临时画布中的控件元素和交互设计自查表结合,不仅规范了产品的
原型设计，提高了输出效率，还保证了原型输出的质量。

快捷入口: 一般适用于项目规模较大的原型设计。一个 Axure RP 文件有很多个页面，
而产品经理在评审或演示时经常需要强调一些重要的页面。若直接从目录中寻找, 会很
麻烦。 快捷入口则允许产品经理通过快捷页面快速地连接到目标页面。如果项目规模较
小，页面比较少，则无须快捷入口。

原型页面: 整个目录结构中的核心部分,原型页面的子目录应该按照功能框架进行分级
设计，床型页面的命名要突出页面功能和内容。图 4-9 展示的是电商商城管理后台的原
型页面结构。

附录: 附在产品原型页面后并且与正文有关的其他参考资料或者附属信息,是产品原型
的说明或补充部分，并不是必需的。

354 蓓 原有页面
》田 首页
4 项 商品
4 盯 疹品表
癌”府例列专

^图 4-9 原型页面结构
区是 原型设计规范

我们通常看到的软件界面都是前端程序语言可视化表达的结果, 在原型设计的过程中, 可
以参考一些优秀的 UI 框架，例如 Bootstrap、Flat UI、jQuery UI 、Ant Design 等。这些 UI 框
架提供了完备的控件样式和通用的交互效果，如果原型设计的控件样式使用 UI 框架内的控件
样式，前端在用代码实现的过程中就能高效地引用 UI 框架内的代码。这些 UI 框架几乎满足
了所有产品原型设计过程中对控件样式和交互设计的需求。

参考这些 UI 框架可以定义出临时画布《见图 4-10) 或元件库。其中包括常用配色、常用

36

综上：《【产品经理方法论PDF】加原型目录结构规范一》值得推荐阅读