Axure后台组件制作的全过程

大家好，前一段时间我刚刚分享了一篇《打造高品质Axure组件库就是这么简单》，意在分享给大家一个完整的打造axure组件的思维路径。本文着重于整体制作的技巧思路分享，希望大家通过本文的阅读能够学到对自己有用的知识。

最终效果浏览：http://www.uedart.com/demo.html

一、组件构建思路

1.1 确定模块

确定制作大模块类别，这边我将WebKit后台组件分为了以下9大模块：

1.2 细化各个模块内容

根据1.1定义的9大模块，对每个模块进行模块细分，这个结构定义就将作为后续我们制作导航的依据。

1.3 按流程执行制作

按照之前前端组件打造的流程依次进行以下流程的实施，接下去我将会着重对“框架制作”和“规范制定”的执行做深入剖析，为大家打开组件制作的神秘面纱。

二、组件框架制作

如何使用Axure做自适应的框架适配不同的显示器屏幕，分为以下5个步骤给大家讲解如何快速只做一个框架层。

2.1 框架界面布局

2.2.1 Axure 树形页面框架

按照1.2细化后的模块内容进行Axure整体页面的树形结构整理，用来指