快生活 - 生活常识大全

我们一起聊聊专题页原型绘制的话题自媒体网站


  专题策划对于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使用技能,更重要的是策划及文案能力也会随之提升。
网站目录投稿:白松