实例学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

相关推荐

  • JUSTINMIND权威指南:开篇-准备工作

    ​ 获取Justinmind安装包 Justinmind 分为免费版本、收费版本(30天试用)Pro版本。 官网提供免费版本可以下载,Pro收费版本不激活可以试用30天,30天过后会限制使用一些高级的功能组件,例如:动态面板(Dynamic Pan…

    2015-08-04
  • [Mockplus教程]分组

    为了更好的管理和组织多个页面,可以选择将页面分组。 选择多个页面,然后使用右键点击后,在弹出的菜单中选择“将页面归类到新分组”。 完整演示如下:

    Mockplus 2015-09-18
  • axure实例教程:登录/注册/找回密码

    登录、注册、找回密码是每个网站与系统必备的一个功能,我做了一个简单的登录、注册与找回密码的原型。

    2014-12-31
  • 【Mockplus教程】表格

    Mockplus对于表格的控制,采用的是通过文字来控制外形和数据的方法。稍微熟悉后,你会发现,这种方式可以很快地组装表格。 如图,这里是一个表格: 双击这个表格,进入编辑,看到如下的文字: 好像很难? 别急,我…

    Mockplus 2015-10-17
  • 024.axure制作圆形组件——axure制作技巧

    Axure本身是没有直接提供圆形组件的,所以很多朋友在微博上问,如何使用axure制作圆形,难道都要找美工…… Axure没有提供圆形组件,但是它提供了一个万能组件——矩形组件,只要有矩形组件,我们就可以制作出圆形,下…

    2014-09-11
  • 【Mockplus教程】标尺和参考线

    每个页面都拥有单独的标尺和参考线,可以用于辅助组件的对齐以及尺寸调整。   1. 使用标尺   新建页面之后,在主菜单中选择“显示标尺”即可看到工作区左边和上边显示出 标尺。标尺有两种显示方式:百分比…

    Mockplus 2015-08-31
  • Axure官方教程中文版第3课:组件与母版-木卫艾欧网原译

    https://www.iamue.com/wp-content/uploads/video/Axure.com-learn(3).MP4 新建一个文件 1、添加一个按钮并设置鼠标悬停交互样式 2、复制并对齐按钮 3、将按钮转化为母版 4、将母版应用于每一页 5、在母版中为每个…

    2015-01-25
  • 学习AxureRP的成长之路

    原文作者@朱军华Ronzhu , 本文借用官网的描述定义,介绍了在学习AxureRP过程当中所要经历的各个阶段,也结合了作者自身学习AxureRP使用的经验,讲一下在各个阶段中的一些学习方法和经验总结,以帮助刚开始学习使用…

    2014-09-06
  • 【译】学习Axure RP 8 Beta - 编组功能

    原文标题《【译】学习Axure RP 8 Beta - 编组功能》 From: Learn Axure RP 8 Beta: Groups 在Axure RP 7中,当多个部件被编组后,点选编组中的某个部件时,选中的是整个编组。而在Axure RP 8中,编组中的部件可通过…

    2015-08-19
  • Axure教程:Axure控件大小调整小技巧

    转载请注明:Axure中文网 » Axure教程:Axure控件大小调整小技巧

    2015-01-01