美文网首页原型之美移动产品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