Axure绘制专题页原型

       专题策划对于SEM至关重要，如果策划及文案都搞定了，接下来如何与设计进行沟通呢，这篇文章我们一起聊聊专题页原型绘制的话题。

　　一、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使用技能，更重要的是策划及文案能力也会随之提升。

来源：乔选红博客（微信/QQ号：1072540791），转载请保留出处和链接！

本文链接：https://qiaoxuanhong.com/685.html