使用 Aure 设计中，大型的后台系统原型总结（上篇）

在产品原型设计中，经常会涉及到后台系统原型的设计，如何设计出更规范标准的后台系统原型，是很多产品同行们都会遇到的一个问题。本人结合自己实际的多个后台系统项目经历以及使用Axure的经验技巧，从方便维护和便于复用等角度出发，总结出了这篇关于后台系统原型设计的分享内容，希望能帮助到一些有需要的朋友们。

1. 确定框架结构和布局方案

在正式开始设计一套后台系统原型之前，我们需要先确定它的框架结构。我们都知道产品的框架结构相当于它骨架，对于原型设计来说是同样的原理，当框架确定之后再填充完善里面的功能模块就会轻松很多了。后台系统的结构其实一般都比较固定，主要以下三个部分组成：

• 导航区域（Logo、导航菜单）；
• 功能区域（账户信息、系统消息、退出登录）；
• 内容区域（数据列表、录入表单）。

一般为了方便操作和在多个模块中快速切换，后台系统的导航区域和功能区域都是固定在页面的顶部或左侧的，主要的刷新区域只有内容区域。所以我的做法是将三个部分放在一个框架页面内，将内容区域使用内联页面进行链接，使用导航菜单实现内容页面的切换。这样的处理有几方面的好处：

• 方便对内容页面进行修改和维护，不需要在每个内容页面中管理导航区域和功能区域；
• 可以结合函数实现自适应的浏览效果（第二部分会详细说明）；
• 原型设计完成之后导出的文件会更轻量，加载起来会更快。

前面介绍到了后台系统的框架都比较固定，所以它的布局相对于前台产品来说其实更简单清晰，目前主流的一般都是上下结构或左右结构两种。这两种结构一般能承载大部分中大型后台系统的设计需求，在实际的项目中可以根据需要选择对应的框架。

以下是我使用Axure设计的一套后台系统模板，分别使用了两种布局方式（只是框架页不同，内容页面是同一套），其中的内容区域都使用了内联框架，点击演示地址可以进行体验。

左右结构框架

[点击查看演示](使用 Axure 设计中，大型的后台系统原型总结（下篇）

关键字：产品经理, 原型

版权声明

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符，请点击 举报 进行投诉反馈！