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

相关推荐

  • 团队项目现已在Axure RP 9中提供

    团队项目现在可以在最新版本的Axure RP 9 beta中获得!请查看以下步骤以开始使用。 在RP 9中创建一个新的团队项目 转到文件>新团队项目或团队>从当前文件创建团队项目。 为团队项目命名。 为团队项目创建新工…

    2019-04-04
  • Axure基础教程:Axure中表格使用的技巧

    对于新手来说,用Axure做一个表格是一件麻烦的事情。本文教你如何快速学会Axure表格的基础应用。

    2015-01-01
  • 无限滚动翻页的优点和缺点

    一张图告诉你无限滚动翻页的优点和缺点 什么是无限滚动翻页?你一定不会陌生。实在不清楚,刷一下微博就知道了。想不想知道你的网站适不适合使用无限滚动翻页,看看这篇文章应该会很有帮助! 无限滚动翻页是现在讨…

    2015-01-21
  • Justinmind权威指南:基础-Justinmind需求面板的使用

    Justinmind权威指南 之 基础-Justinmind需求面板的使用 ​根据Justinmind 中国官方合作机构hansky的介绍:Justinmind是“需求可视化工具”,能够为使用者提供全面的原型建模解决方案,通过该方案,用户可以在正式进行…

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

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

    2016-01-18
  • 007. 认识axure组件区域

    组件区域也叫做部件区域,英文为widgets,还有人称之为控件区域,组件是axure事先准备好的网站项目常用的零件,比如一些基本的页面元素 Axure默认存在2个组件库,分别为线框图和流程图。同时我们也可以自己去制作一…

    原型设计教程 2014-09-12
  • Justinmind v6.7新功能:直接调用 ILLustrator 修改 SVG 格式的矢量图形

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

    JustinMind 2015-08-25
  • UE网国内首发:Axure APP:Axshare APP下载地址非google play

    很多童鞋反应googleplay下载不下来,我们发布在 UE社区 以后各种新的东东想第一时间知道欢迎安装我们的UE小组APP 请需要的同学尝鲜下载。 http://www.iamue.cn/read.php?tid=16&fid=2 不过阿西这里要提醒下,这…

    2015-05-25
  • Axure中文教程:注释功能

    AxureRP将交互与注释说明功能放在了一个面版上,同时又针对整个页面有一个交互与注释说明。交互功能设置的是用户通过不同方式触发页面中元素或者载入页面时,发生的交互动作。而注释说明则用文字详细说明对应元素的细节或页面的说明。由于针对整个页面的说明和交互,与针对页面中某个元素的说明与交互在文档表现和生成的不同,而被分开,但是他们的实际功能是一致的,可以一起来说。这里主要讲述annotations,即注释说明,这个部分主要应用于后期的产品规格说明书的生成,详细可参见《AxureRP教程–生成规格说明书》。

    2015-01-01
  • 012.水平线、垂直线——axure线框图部件库介绍

    1. 将水平线、垂直线拖动到axure页面编辑区域,如图:  2. 水平线、垂直线相关属性设置 主要属性有、线条的颜色、粗细、线条的样式、箭头的样式 (本文出自萧何)

    2014-09-12