美文网首页原型之美移动产品PM
Axure一起来 1.1 快速上手

Axure一起来 1.1 快速上手

作者: Javalover93 | 来源:发表于2016-04-06 15:54 被阅读109次

本页内容参照官网Getting Started

  • 迅速掌握Axure原型制作全流程

〇、页面介绍

默认已经安装好Axure,软件界面应当与下面的相似。
各个部分为便于理解直接给出汉语翻译,出于个人习惯,文集中有一部分会直接使用英文名称。
原因有二:

  • 准确地翻译吃力不讨好
  • 这个行业英语是逃不掉的
Axure页面布局

一、创建第一个Button

  1. 从Widgets里直接拖拽Button Shape到页面上;
  2. 双击Button,修改文字为“下一页”;
  3. 工具栏油漆桶工具填充Button为蓝色。

二、添加第一个链接

  1. 选中Button,在右侧的组件交互里添加链接。Create Link到Page 1;
添加链接 预览原型
  1. 点击工具栏中Preview按钮,Axure会打开默认浏览器预览刚才的编辑结果;
  2. 浏览器中页面自带Sitemap,单击Button,页面跳转到空无一物的Page 1。

三、发布到云端Axure Share

Axure非常大气地为提供了免费的Axure Share,点击Preview按钮右边的按钮就可以快速注册并发布你的原型。发布后你会得到一个网址,就可以方便地分享或者添加到你需要展示的地方。不过网速的原因,效果可能不会很好,不过我们还可以直接发布到本地。

“谁说免费的!明明交过钱!”
“你确定你的Axure是正版的吗?”

四、发布HTML文件到本地

  1. 点击Preview按钮右边第二个按钮,出现下拉菜单,选择Generate HTML Files;
生成HTML文件到本地
  1. 设置一下各类参数后即可生成为HTML并在浏览器中打开;
  2. Axure十分偏心地专门为某移动设备提供商做了一些优化,在那些设备上网页可以伪装成一个App。

恭喜你!你已经掌握了Axure制作原型的全部流程!
发布App,日活上亿,纳斯达克敲钟,走向人生巅(未完待续)


点这里关注Axure一起来,继续一起学Axure

相关文章

网友评论

    本文标题:Axure一起来 1.1 快速上手

    本文链接:https://www.haomeiwen.com/subject/alhmlttx.html