说道原型图大家都不陌生,Axure rp作为这类工具可以说在网页布局的设计给开发人员提供了很大便利,目前我只熟悉过这一种,不知道小伙伴们有没有其他好用的工具推荐给大家用一下吗。好了,废话不多说,今天给用过Axure rp的小伙伴介绍一下使用方式,及用处。

具体怎么安装的可以到百度找,这里给大家推荐个网址:https://jingyan.baidu.com/article/e4d08ffd7ab5c00fd2f60def.html?qq-pf-to=pcqq.c2c      按照这个网址上的说明我们安装完的rp就是汉化版的了,那么具体怎么使用呢,下面来给大家详细介绍下使用方法。

首先大家先来熟悉一下Axure rp(下面称呼为rp)的主页面:

这里是我已经建好的文件,如果第一次打开的情况下他会默认一个index空白页和三个子空白页。接下来我们就可以快速搭建网页的原型图了:

这里是元件库,一些网页上的按钮,div,图片,形状等等都可以在这里获取,还是比较齐全的,我们看到中意的元件直接点击拖到空白页面上去就可以创建图形或文字了,给大家展示下简单复制之后的页面:

里面也有导航,以及二级导航,按钮等元件,可以直接使用,填充文字,毕竟是原型图,其作用是为了设计网页布局,所以并没有想象的那么美观,你们以为这就结束了?其实rp还提供了预览功能,就在右上方有个预览

点击这个按钮,rp会帮我们把已经做完的原型图在新打开的页面上展示,例如我之前做的

小伙伴们会发现左侧多了个菜单栏,这个是可以隐藏的,避免影响页面布局大小, 可以点击下方图片的红色框内的三角号进行隐藏,这样就可以完全的展示在浏览器上了。

当然也有有耐心的小伙伴把原型图做的很好,甚至可以直接作出页面效果,其实也不是很费事,看个人喜好,这个做好了是可以导出html的,是不是连代码都省了呢,不过在这里我还是建议大家不要这么做,毕竟这是个做原型图的工具,其实最方便的还是甲方用来给乙方参考,方便后续各种不合适以及改动。

如果项目很大的话,我们就需要团队开发了,这里rp有自己的git机制,让使用团队也方便的多,接下来给大家讲下团队使用的方式。

首先我们需要有一个账号,可以点击我们工作面板左上角的注册:  这里是已经登录的状态,注册账号只需要几秒就可以搞定,不需要认证,不需要验证码等,你只需要随意填写一个真实存在的邮箱账户和自定义一个密码就可以了,当然也可以选择访问https://share.axure.com/,来注册,效果都是一样的。当我们注册并登陆账号之后就可以使用团队功能了。

首先我们需要创建一个团队项目,我们先在本地新建一个文件,之后点击菜单栏的  团队  ->  从当前文件创建团队项目 之后会弹出一个框,我们需要填写一下项目名,项目在云存储的路径,以及项目本地存储的路径,这里需要注意的是团队项目不要建立在My Projects这个文件夹下,这个文件夹是系统默认建立的,是属于私有的文件,不能分享以及邀请成员加入,所以我在这里新建了一个文件夹fymj。

我在这个文件夹下创建了一个新项目名字叫技术交流中心

接下来我们选中需要邀请成员的团队项目,点击上方菜单栏

ADD USER (添加新用户) 弹出来一个框,我们把需要添加的成员的邮箱号(账号)输入并且邀请就可以了,然后文件的上传下载就很方便了,这里都是中文通俗易懂

还有什么不明白的或者我叙述错误的地方欢迎在评论区中指出,希望这个文章可以帮助大家了解rp。

Axure rp8团队原型图开发的更多相关文章

  1. axure团队合作开发原型图

    谁是人画或其他原型图的头,但在基本制度的发展时,.我们分配一些人画的原型,其他部分干. 再画一个原型不再是一个人画,一起画,假设大家都各自画自己那一部分.最后再由一个人来整合的画.是非常麻烦. 咱平时 ...

  2. 《软件工程综合实践专题》第三次作业——原型工具Axure RP8 的介绍

    一.为什么使用Axure Axure RP是一个专业的快速原型设计工具. Axure RP已被一些大公司采用.Axure RP的使用者主要包括商业分析师.信息架构师.可用性专家.产品经理.IT咨询师. ...

  3. 用Axure画原型图有感

    感觉前端做UE非常有优势啊- 但是在制作的时候,似乎陷入了误区: (1)只求原型图的漂亮,色彩丰富,忽略了其本质作用,是用来整理逻辑,画出逻辑流程的. (2)一开始就追求交互,高保真的原型,忽视了细节 ...

  4. Axure 原型图 (转)

    Axure RP是很有名的一个界面原型设计工具,可以灵活快捷的对C/S.B/S程序设计原型. 近期我要开发一个Android客户端,也打算使用Axure RP设计原型. 下载地址:http://pan ...

  5. 使用Axure管理团队项目以及分享原型

    第一部分:使用Axure管理团队项目 首先,你要有一个Axure账户 呵呵哒.注册地址:http://share.axure.com 发起团队项目 在浏览器登录 Axure share(网速很卡很卡) ...

  6. axure产品原型图,元件库导入方法

    axure是公司产品经理常用的软件,用来绘制产品原型图. 为了画出漂亮的原型图,需要各色各样的元件.因此导入各类元件库很有用处: 打开元件库视图: 载入元件库,选择事先下载好的元件 元件库下载:htt ...

  7. 关于使用Axure RP进行原型开发的一些心得体会

    Axure RP(Axure Rapid Prototyping)是一款高速实现.准确表达.带有交互效果且易于上手的原型设计工具. 本人在曾參与某系统需求分析时開始接触Axure RP,初步掌握了一定 ...

  8. Axure实现vcg官网首页原型图

    W240第二天第三天 Axure的简单使用: 作业实现:vcg官网首页原型图 帮助文档基础篇:原型图基础之axure线框图设计 导航栏设计: 添加通用母版header 导航栏设计注意: 鼠标移动到下面 ...

  9. [转]常用的快速Web原型图设计工具

    转自大神: http://www.cnblogs.com/lhb25/archive/2009/04/25/1443254.html 做产品原型是非常重要的一个环节,做产品原型就会用使用各式各样的工具 ...

随机推荐

  1. vscode设置

    通过ctrl+滚轮实现字体大小改变:在文件-->首选项-->设置-->用户设置中添加如下代码:"editor.mouseWheelZoom": true,

  2. Java面试题:Hibernate的二级缓存与Hibernate多表查询

    我们来看两个有关Java框架之Hibernate的面试题,这是关于Hibernate的常考知识点. 1.请介绍一下Hibernate的二级缓存 解题按照以下思路来回答: (1)首先说清楚什么是缓存: ...

  3. Android OpenSL ES 开发:Android OpenSL 介绍和开发流程说明

    一.Android OpenSL ES 介绍 OpenSL ES (Open Sound Library for Embedded Systems)是无授权费.跨平台.针对嵌入式系统精心优化的硬件音频 ...

  4. Node.js(day5)

    一.NOSQL NOSQL是Not Only SQL的简称,与关系型数据库对应,一般称为非关系型数据库.关系型数据库遵循ACID规则,而NOSQL存储数据时不需要严格遵循固定的模式,因此在大数据的今天 ...

  5. [Swift]LeetCode143. 重排链表 | Reorder List

    Given a singly linked list L: L0→L1→…→Ln-1→Ln,reorder it to: L0→Ln→L1→Ln-1→L2→Ln-2→… You may not mod ...

  6. [Swift]LeetCode871. 最低加油次数 | Minimum Number of Refueling Stops

    A car travels from a starting position to a destination which is target miles east of the starting p ...

  7. shell脚本_查找无效网址

    #!/bin/bashif [ $# -ne 1 ];then      echo -e "$Usage: $0 URL\n"      exit 1;fi echo Broken ...

  8. Yarn篇--搭建yarn集群

    一.前述 有了上次hadoop集群的搭建,搭建yarn就简单多了.废话不多说,直接来 二.规划 三.配置如下 yarn-site.xml配置 <property>        <n ...

  9. BBS论坛(八)

    8.1.发送邮箱验证码功能 (1)cms/resetemail.html {% from 'common/_macros.html' import static %} {% block head %} ...

  10. Too many authentication failures for xxxx_username

    解释 这个报错通常是因为多个ssh key 验证,key太多了导致服务器拒绝接受认证请求. 可以通过 -v 参数,输出详细的过程.你会发现你提供的认证key,服务器拒绝链接,并提示异常:"T ...