实例学Axure7.0简约教程 产品原型必备技能

axure

首先我们要知道Axure是产品经理、原型师经常使用的原型设计工具,能快速地把自己想要的方案展示出来,给程序、美工参考。加快产品开发进度及工作效率,弥补了返工重做的机率。

我们打开Axure,把我们想要的产品方案以图文和清晰的逻辑关系表达出来。

因为我们这里是快速学习的一个教程,所以我们就参照百度首页的布局打造一个Axure的原型方案。

左上角以4个文本及小图标表示天气状态,右上角是用户名、搜索设置、传统首页的3个文本标签。下面我们就用Axure先把这7个文本及1个图片实现。

1

拖进工作区7个文本标签及1个图片标签,并按下图的方式排列好。

2

再加入百度首页的图片bdlogo,并填加图片阴影。

3

然后我们再做搜索框的相关内容,填加9文字标签,1个矩形输入框,1个矩形按纽。工具箱里的工具很多,如果要熟悉,需要多次操作几次。如下图设置:

4

拉动工具箱的滚动条向下拉,找到button,并双击编辑按纽的文字。

5

最后把百度下面的相关内容加入到网页面底部即可。需要一个播放器,一个图片和若干个文本。这里就不一一演示。相信你已经学会基本的网页面的造型设计及相关简单的网页布局设计了。期待你的设计方案更精彩。

6

最后看一下整体的效果:

如下图,按F5进入页面预览,看一下我们的原型效果吧。

7

最后预览的效果会在浏览器中打开。Axure是最适合做网页策划、页游策划及各类网页产品经理的原型利器。希望你能学的更快更好。谢谢!

8

原创文章,作者:ioued,如若转载,请注明出处:https://www.iamue.com/883/

(0)
iouedioued
上一篇 2014-09-28 16:17
下一篇 2014-09-28 19:32

相关推荐

  • Mockplus: 一款简单而又强大的原型设计工具

    在网络技术蓬勃发展的当今社会,各类线框图和原型设计工具也随之而大量涌现。但是,作为一款简单又不失强大的新型工具,Mockplus借着它的独特之处在市场中也占有着它的一席之地。 作为一款简单,易学,易用,无代码…

    2015-11-05
  • 【Mockplus官方教程】mockplus为什么在Windows XP上无法安装?

    此前微软官方已经声明不再维护Windows XP系统, Mockplus出于长远考虑,决定不支持XP系统以腾出精力积极支持Windows 7 / 8 / 10。 对于还在使用Windows XP系统的用户,可以使用Mockplus  Web轻便版来做原型设计。 …

    2015-07-31
  • Justinmind v6.7新功能:直接调用 ILLustrator 修改 SVG 格式的矢量图形

    原文标题:利用Justinmind 6.7 新功能编辑、制作、使用矢量图标 Justinmind 6.7 提供了对 ILLustrator 矢量图形编辑、复制粘贴的支持,便得在Justinmind中使用高保真图标成为很容易的事情。下面,介绍如何利用网上…

    JustinMind 2015-08-25
  • Mockplus原型交互跟我做之2- 旋转的风车

    再来看一个小例子,我们做一个旋转的风车。蛮漂亮,是吧? 这里只用到“旋转”交互命令。

    2016-01-18
  • Justinmind V6.7新功能简介和下载链接

    V6.7.0,提供Illustrator矢量图形和各种文字和按钮控件的复制/粘贴功能。此版本的主要目的是使您能够直接从Illustrator复制/粘贴矢量图像,同时,我们也修正了一些小错误。 从Illustrator复制/粘贴/编辑 现在已经支…

    2015-08-25
  • Axure RP 8.0初体验 更快更爽的制作原型

    Axure RP 8.0 已经发布了,相信很多同学已经下载。没有下的可以看这个文章:Axure 8.0正式版发布,下载文件、汉化包、激活码在这里~! 但V8版本到底表现如何?新增了什么新特性,有什么用处?来自产品100的这篇文章…

    2016-05-09
  • AxureRP8从8.0.0.3318改变了授权验证,教师与学生可以申请免费 key!

    #交互学堂##Axure#RP8.0.0.3318更改授权验证机制,旧的授权名以及密码将会失效。 划重点:个人用户除了购买正版软件,也可以暂时维持当前版本不做升级,当然这也是以失去软件的稳定性为代价。这也就意味着一段时间…

    2016-10-31
  • JustinMind交互与事件

    JustinMind交互事件说明 1.事件与交互 事件是JustinMind的一个关键功能,Justinmind Prototyper的事件由两个主要部分组成:一个是事件的触发(或用户事件),另一个是一组操作。每一个事件必须在屏幕上定义一个特定…

    2015-04-22
  • 025. axure网格设置

    Axure默认的界面是没有把网格显示出来,没有网格在制作原型的时候,对齐方面不是很好,个人习惯还是把网格显示出来,便于组件对齐和布局。 其实本来这篇文章应该叫做网格与参考线,只是本人对参考线的应用还很局限…

    2014-09-11
  • Axure基础:Axure软件界面介绍

    Axure的软件界面总的来说,可以分为9大模块1. 菜单栏:和大部分的软件界面一样,都是一些常规的文件、编辑、视图……

    2015-01-01