绘制专题页

一、Axure界面介绍

Axure的使用极其简单，只需要几个拖拽动作就可以基本搞定。接下来我们实际上手用学历教育的例子，带大家一起来看看。

绘制这个原型可以分为两步，首先是手机的绘制，然后是文案内容的绘制。

左侧面板（快捷键：Ctrl+Shift+[），主要是元件库，将需要用到的元件，直接拖拽就可以。右侧面板（快捷键：Ctrl+Shift+]），主要是属性及样式控制。

二、Axure绘制iPhone

iPhone的绘制十分简单，可以在网上下载个iphone图片直接导入，也可以用Axure逐步绘制，下图就是逐步具体绘制的过程。

1、先使用两个矩形，外面的矩形设置圆角效果；

2、上面添加摄像头，下面添加个按钮；

3、调整屏幕颜色为黑色或深灰色；

4、添加左右侧按钮，按钮用圆角矩形，放置在底层。

三、Axure绘制屏幕内容

屏幕内容的绘制，也很简单，相较于刚才iPhone手机的绘制，主要是颜色、填充、边框的使用多一些，下图大致分为三步进行绘制。

1、在屏幕上方，绘制信号、时间、电量（电池可以手动绘制，也可以在元件库里拖拽电池icon）、地址栏；

2、页面内容的上半截，矩形可以进行叠加，控制填充和边框效果，颜色适当调整，三处重复可以通过Ctrl+G进行编组，然后复制进行调整；

3、绘制这一屏的下半截，难点主要是学历问题这4个字，其实是将颜色填充为白色，边框设置为无边框none。

四、导出Axure原型为图片

绘制完毕之后的文件默认是扩展名.rp的格式，所以我们还需要将原型导出为图片文件格式，以便于同事之间传阅，刚刚绘制的导出效果如下：

五、总结一下

学习专题策划，大家可以将欣赏的页面，首先看懂其策划逻辑，然后摘抄文案内容，最后用Axure将其绘制为原型，不断重复这个过程，提高的不仅仅是Axure使用技能，更重要的是策划及文案能力也会随之提升。