精华内容
下载资源
问答
  • 软件工程实践——软件原型设计工具Axure 一、Axure简介 Axure简介: Axure RP是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程...

    软件工程实践——软件原型设计工具Axure

     

    一、Axure简介

    • Axure简介:

    Axure RP是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理。

    • Axure下载:

    我们可以在Axure官网( https://www.axure.com/ )下载到Axure的windows或Mac的最新版本,但是由于这是一个收费工具,初次下载时输入邮箱可以获得一个30天的试用时间

    • 使用版本:

    现在Axure已经更新至Version 9.0.0.3646 (PC & Mac),但是本篇文章中使用的是团队版Team Edition 8.1.0.33

     

     

    • 注册账号:

    为了进行团队作业,团队的每一个成员都需要注册一个账号。首次登录时,我们需要在程序的右上角点击login,接着点击CREAT ACCOUNT,输入用户名和密码,创建账户。

    *特别注意:注册的时候一定不能使用QQ邮箱,会收不到邀请码!!!

     

    二、菜单栏

     

    • FILE

    这个容易懂,就是新建项目、打开项目、保存项目之类的。不仅是个人项目,团队项目也可以在这里

     

     

    • Edit

    复制、粘贴、全选、替换、撤销等。用掉的地方不是很多,毕竟大家都对复制粘贴的快捷键非常熟悉。

     

    • View

    主要是对整个程序界面的设置,比如可以设置工具栏有哪些工具等。

     

    • Project

    可以在这里设置项目相关的东西,比如字体风格、页面风格等。

     

    • Arrange

    可以设置原件图层的前后、对齐方式等等。在工具栏的中间也有同样的功能,直接点那里会方便很多。

     

    (点这里也可以设置图层前后、对其方式等)

     

    • Publish

    可以你做好的页面的预览、把做好的页面上传到团队共享上等。

    预览界面不同的浏览器可能会造成效果的不同,推进Chrome、Firefox等。

     

    • Team

    团队项目相关的都在这里了~可以把现有的项目变成团队项目,也可以把团队共享中的项目下载到本地,可以把本地项目更新成团队共享中的项目等等。

     

    • Account & HELP

    Account可以注销当前账号的登录状态,Help可以检查更新等等。

    这俩都是平时用不太到的~~就放一起了

     

    三、原件

    • 添加元件到画布

    在左侧元件库中选择要使用的元件,按住鼠标左键不放拖动到画布适合的位置上松开。

     

    • 添加元件名称

    点击元件,在右上角文本框中输入元件的自定义名称,建议采用英文命名。随着项目的进行,后期会有多个元件,如果不命名的话会很难分清楚,所以建议一定要给每一个元件命名

     

    我把一个box命名为Background

     

    • 设置元件位置与大小

    元件的位置与大小可以通过鼠标拖拽调整,但通常情况下很难调整到具体大小,因此也可以在右上角、或者Style中调整具体数值。x代表横坐标,y代表纵坐标,w代表元件的宽,h代表元件的高

     

     

    (两处都可以调整,我把元件Background的大小改为640*960,并放在(0,0)处)

     

    • 设置元件的颜色

    如果想要改变元件的颜色,可以点击工具栏中的小方块,也可以在右上角元件的Style中修改

     

    • 设置元件隐藏

    点击元件后,选中右上角的Hidden,元件就会被隐藏。

    通常情况下,元件隐藏后会变成淡黄色~

     (两处都可以~)

     

    四、交互

    • Add Case

    先点击元件,再点击右上角的Add Case,可以添加交互。

     

    双击OnClick、OnMouseEnter、OnMouseOut 也可以达到相同的效果,这三个按钮分别表明“当鼠标点击时”、“当光标移动到当前元件上时”、“当光标不在当前元件上时”

     

    这里是当鼠标点击该元件时,页面跳转到Page3

     

    • 显示隐藏的元件

    当我隐藏了某一个元件后,可以通过Add Case达到“点击某一按钮就让该元件显示”的功能。

     

    (我隐藏了一个元件name,并添加了一个SHOW的按钮 ButtonShow)

     

    (设置点击按钮后显示被隐藏的元件name)

     

    (点击SHOW之前)

     

     

    (点击SHOW之后,被隐藏的name出现了!)

     

     

    五、其他实用功能

    • 中继器

    中继器是一个非常有用的功能,学习它有助于我们快速设计一些复杂的交互界面。

     

     

    *下面是一个使用中继器的例子。

    a).新建一个页面,把模板拖入页面

     

     

     

    b).在上方拖入一个BOX,一个箭头,一个hotspot,一个中继器组件,命名为“读书列表”

     

     

     

     

    c). 打开中继器,编辑列名和内容,

     

    d).插入图片

     

    e). 将原来的矩形框删除,添加1个Box2作为底色,添加1个Heading1、4个label,一个image分别命名为:标题、内容、日期、评分、封面,并调整其位置、文字大小、颜色等,最后在底端添加一条水平线分割数据行。

     

     

    f). 此时,返回“读书”页面,效果如图所示。

     

    g). 在“读书”页面设置触发事件,OnPageLoad中添加Case1,选择Set Text ,设置“标题”的值(value)为 “[[item.title]]”。用同样的方法设置其他字段。图片选择Set Image,设置“封面”Default的Value为“[[item.pic]]”。

     

     

    h). 预览

     

     

     

    • Hot Spot

    由于很多情况下,由于ICON太小,手指太大,不太好点中按钮,所以可以使用Hot Spot扩大选区。

     

    (Hot Spot)

     

     

    (可以直接在Hot Spot 上设置交互,以扩大可以点击的区域)

     

     

    • SnapShot(Storyboard)

    我们可以用Snapshot查看设计页面的缩略图,点击后还可以进入相应页面。如果页面有所改变,那Snapshot也会跟着改变。

     

     

    (拖入后双击)

     

     

     

    (拖入了三个)

     

     

    (点击这里的Connect可以连线~)

     

     

    (连完就是这样的)

     

     

     

    (可以插入这里的贴纸,表明页面之间是如何交互的~)

     

     

    • 团队项目

    很多情况下我们的项目都是团队合作的,因此可以使用团队项目。

    A) 首先登陆https://share.axure.com/

     

    B) 点击项目后的小齿轮,点击FILE+SETTINGS

     

     

    C) 然后我们就可以看到项目的详情了,可以设置项目名称和密码。

     

    D) 将URL复制到其中,就可以get到团队项目了~

     

    E) 为了避免多人同时操作一个页面,对页面操作前首先需要对页面Check out,否则无法修改

     

     

    F)  同样,修改完后需要Check in

     

     

    六、总结

    在上学期的移动应用开发基础中,我们曾学过Axure的一些基本知识,看到这次作业后,我又在网上找了一些Axure的学习资料,学习了一些新的知识。

    ①    优点

      • 总的来说,我觉得Axure还是一个比较不错的原型设计软件,功能强大,可以比较完整地展示页面,制作storyboard也非常的方便,“自由度”非常高,可以从无到有的设计页面。更有比较完整的团队管理功能,支持团队合作,共同作业。
      • 对于高保真原型,大多数PM的首选都是AXURE,因为在墨刀中能带来的效果并不是很多。 另外因为高保真原型因为涉及条件判断等情况比较多,因此AXURE在这里可以做到,但是墨刀是没有条件判断,只有他通过状态来进行切换。

    ②    缺点

      • 但是他也有缺点,就是使用共享的时候会非常的卡!尤其是Check out和Check in 的时候,有时候(常见于晚上)速度非常之慢,原因未知,网上搜索后也不知道原因,这对于团队项目来说是非常麻烦的,当有团队的其他队员想要修改你正在修改的页面时,你却不能check in,导致队员无法对其进行操作。
      • 另外,Axure能画出的图形太少了,只能勉强画出基本图形,很多图形最后我都是通过Photoshop画出来之后以图片的形式导入到Axure中使用。在查阅资料后,得知大部分PM都会在AXURE原型库、素材库去寻找相应的第三方素材库,进行载入,这个工作还是会比较费时间的。
      • 最后就是Axure是一款付费软件,并且它的价格也是比较昂贵的。按月订阅的话,Axure RP PRO 专业版的售价是人民币290元/每月/每套。也可以购买终身使用权限,根据版本的区别,价格也在5000-10000人民币不等。

     

    转载于:https://www.cnblogs.com/wenjieding/p/10783459.html

    展开全文
  • js软件界面原型设计 ...软件原型设计的重要性; 如何设计Web应用程序原型 界面原型在需求阶段是与用户交流的工具;在设计阶段是设计的依据 Web应用的界面原型需要使用Html、JavaScript设计一个完整的网站
  • Axure RP Pro原型设计软件是一款原型设计网站和Web应用程序的专用工具axure rp pro中文破解版。它是基于从Visio知的概念和网页设计工具,并优雅地结合了两个世界的更好。交互设计师从这一事实,有已经在市场上没有...
  • 软件原型设计工具

    2008-10-30 16:37:00
    设计网站界面原型比较好的工具 Axure RP Pro 下载地址 http://www.3ddown.com/soft/34.htm 设计window程序原型的比较好的工具是 GUI Design Studio 下载地址 ...Mindjet MindManager Pro

     

    设计网站界面原型比较好的工具

    Axure RP Pro

    下载地址

    http://www.3ddown.com/soft/34.htm

    设计window程序原型的比较好的工具是

    GUI Design Studio

    下载地址

    http://www.xdowns.com/soft/31/93/2006/Soft_32418.html

     

    Mindjet MindManager Pro

    展开全文
  • Mockups原型设计软件

    2014-10-09 13:53:58
    Mockups是一款优秀的网站产品原型设计工具。它基于Adobe Air,能够流畅的在不同浏览器,不同操作系统平台下完美运行,可以在线使用,亦可以离线使用,能够很顺利地将其安装在Windows 7、FreeBSD、Ubuntu等OS上面,高...
  • 现在,基于云端的软件渐渐成为主流,而网站原型设计工具当然也不例外。在线原型工具相比于桌面版有得天独厚的优势,它不需要安装、不限制地点、不限制操作系统,无论你使用的Linux,Solaris, Mac 还是Windows,你都...

    现在,基于云端的软件渐渐成为主流,而网站原型设计工具当然也不例外。在线原型工具相比于桌面版有得天独厚的优势,它不需要安装、不限制地点、不限制操作系统,无论你使用的Linux,Solaris, Mac 还是Windows,你都可以使用这些工具。

    1. HotGloo

    非常直观易用,内置支持聊天功能,实时与他人分享原型。这款工具适合用户体验设计师、视觉设计师、IT从业人员和管理人员。

    8e423dcbd6d5b887c5dc0ce2b0385aa2.png

    2. Cacoo

    这款工具支持22种语言,适用于全球大多数用户。支持实时团队协作,用户可以同时在线使用这款原型工具。运用它可以制作多种图表,例如:site maps, wire frames, UML和网络图表等。

    bf343f97e13abd384bc6cf6456bd2706.png

    3. Gliffy

    这款工具号称是最广泛的在线原型工具,可制作非常专业的流程图、org图、UML图、network图、线框图等等。

    c0f535b4ead39541754f19161eea9cee.png

    4. iPlotz

    iPlotz可以快速创建可点击的、可导航的模型,以及各种网站和软件的线框原型图。

    f0a7190702b364e0b8d0e946c5558bdb.png

    5. Creately

    Creately提供实时协作功能和50多种图形类型,支持7种语言,并为Linux、Mac和Windows三大系统提供桌面版本。

    06ae8b83d7de3e5883d93f14bd1b600a.png

    6. ProtoShare

    ProtoShare是一款易于使用且协作性强的原型工具,帮助团队创建网站线框和交互原型。它可以用JavaScript和CSS生成自定义模块。

    af7f9c9de8a30122fdd4d361be24624e.png

    7. Lumzy

    已经有200个国家的47,604位设计师运用在52,872个项目中。Lumzy是一个功能很强大的原型工具,支持弹出操作、警报、页面导航等等。它是唯一一款提供实时图像编辑器的原型工具,支持图像抓取、大小调整、对比度调整和饱和度调整等等。

    d4453f62f8e189754f87aa3b5682063c.png

    8. Invision

    无论你是想快速分享一个简单的实体模型还是想演示一个复杂的移动App,Invision都能帮你搞定!

    e4916042ca0fe583ccf49db93d134d26.png

    9. Pidoco

    这款快速原型设计工具支持拖放操作、交互原型、实时协作、可用性测试、自定义模板等功能,可生成PDF文档、可编辑的RTF文件、SVG图像和HTML文件。

    dc44b9e705787f945aa7a4ec05abf6f1.png

    10. Mockingbird

    Mockingbird拥有网站和软件原型所需的所有UI元素,支持自定义网格和智能文本大小,可同时创建多个页面原型,能输出PDF和PNG文件。

    221d5043baad1d2b59f8236f07a64c95.png

    展开全文
  • 交互原型设计软件Axure RP实现网站界面设计,大家按需下载。Axure RP 原型 商城 电商原型
  • Axure RP是一个产品经理必备的交互原型设计软件,能够高效率制作产品原型,快速绘制线框图、流程图、网站架构图、示意图、HTML模版等。Axure RP Pro是专为Rapid Prototype Design而生,它可以辅助产品经理快速设计...
  • 对于一个网站产品的架构、模块以及内容而言,产品原型设计是非常重要的一个步骤。很多时候,我们的设计师可能就在一张纸上画出原型,或者用Visio画出流程,但是这仅仅是其中一步,准确实用的仿真原型是指导UI设计的...
  • 也是一个专业版本,其功能包括草图和框线图、流程图、高级交互、手机原型设计、Axure Share以及注释和生成文档,用户通用该软件能够快速绘制线框图、流程图、网站架构图、示意图、HTML模版等,高效率的制作出产品...

    Author:3# 一个专注于web技术的80后
    核心就是一句话:软件开发要知其然知其所以然。
    CSDN@3#,CSDN官方首发,`3#原创
    博客: 👉 极客小俊GeekerJun 👈

    Axure RP 8.0 是产品原型设计工具axure的最新版本,也是一个专业版本,其功能包括草图和框线图、流程图、高级交互、手机原型设计、Axure Share以及注释和生成文档,用户通用该软件能够快速绘制线框图、流程图、网站架构图、示意图、HTML模版等,高效率的制作出产品原型图。其中“在Axure Share上托管团队项目”是axure rp pro 8.0的全新功能,这是除了托管团队项目到SVN服务器之外的另一个选项。托管到Axure Share,团队协作的操作与7.0版本一样,只需要检入、检出即可。对于团队项目,这是一个简单和快速的解决方案。

    在这里插入图片描述
    使用界面如下
    在这里插入图片描述

    基本介绍

    Axure RP是美国Axure Software Solution公司旗舰产品,是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专门的原型设计工具,它比一般创建静态原型的工具如Visio、Omnigraffle、Illustrator、Photoshop、Dreamweaver、Visual Studio、FireWorks要快速、高效。它同时支持多人协作设计和版本控制管理。

    软件下载地址:

    https://pan.baidu.com/s/19pQFFO77k8wXqFX8ZQfGEg
    提取码:i84u

    如果失效请CSDN私信我

    在这里插入图片描述
    在这里插入图片描述

    如果我的博客对你有帮助、如果你喜欢我的博客内容,请 “点赞” “评论” “收藏” 一键三连哦!
    听说 👉 点赞 👈 的人运气不会太差,每一天都会元气满满哦 嘿嘿!!! ❤️ ❤️ ❤️
    大家的支持就是我坚持下去的动力。点赞后不要忘了👉 关注 👈我哦!
    更多精彩内容请前往
    极客小俊GeekerJun 的博客
    在这里插入图片描述


    如果以上内容有任何错误或者不准确的地方,欢迎在下面 👇 留个言指出、或者你有更好的想法,欢迎一起交流学习~~~

    展开全文
  • 原型设计学习网站

    2012-09-24 09:25:00
    http://www.heguangming.com/ 交互学习原型软件Axure中文教程 http://kb.cnblogs.com/page/60062/
  • Axure 原型设计软件

    2010-01-08 13:16:26
     Axure RP 能帮助网站需求设计者,快捷而简便的创建基于网站构架图的带注释页面示意图、 操作流程图、以及交互设计,并可自动生成用于演示的网页文件和规格文件,以提供演示与开发。  Axure的正确发音是“Ack-...
  • Axure RP 8 mac版是一款高效的原型设计软件,能帮助网站设计者快捷的创建网站结构图,带注释页面示意图、流程图、在web网站的线框图、流程图、原型和规格的设计制作等等,可自动生成用于演示的网页文件和规格文件...
  • Axure RP 9 是专为UX专业人员和业务分析师设计的专业网站原型设计工具,可以帮助他们快速创建应用程序和网站的线框,原型和规格!Axure RP 9 for Mac交互原型设计软件链接 https://www.zhihu.com/vide...
  • 原型设计工具

    2018-09-27 17:33:16
    Axure RP是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具,它能快速、高效的创建原型,...
  • Axure RPAxure的发音是』Ack-sure』,RP则是』Rapid Prototyping...Axure RP Pro是美国Axure Software Solution公司的精心杰作,如果你本身是软件项目经理,Web产品经理,或网站策划工作者,那么你不能不知道这套软件
  • 10款 Mac 经典原型设计开发软件推荐

    千次阅读 2019-03-16 17:57:40
    在Mac上有大量强大的开发和设计工具,今天和大家推荐10款Mac上的经典**原型设计**开发工具,原型设计工具是开发者必备的一款工具,无论是网站开发还是移动APP开发,都需要在前期进行严格细致的原型设计,才能在后期...
  • AxureRP6.5原型设计软件及License

    千次阅读 2013-10-17 17:43:15
    Axure RP可用于: 一.网站构架图(Site Structure)  ...自动输出网站原型(HTML Prototype) 六.自动输出word格式规格文件(Specification)  这里提供软件及License(License来自网络,亲测可用
  • Axure RP 能帮助网站需求设计者,快捷而简便的创建基于网站构架图的带注释页面示意图、操作流程图、以及交互设计,并可自动生成用于演示的网页文件和规格文件,以提供演示与开发。
  • Axure RP 9是专为UX专业人员和业务分析师设计的专业网站原型设计工具,可以帮助他们快速创建应用程序和网站的线框,原型和规格!Axure RP 9官方介绍Axure RP是一款专业的快速原型设计工具。Axure(发音...
  • 文章目录 1. HotGloo2....现在,基于云端的软件渐渐成为主流,而网站原型设计工具当然也不例外。在线原型工具相比于桌面版有得天独厚的优势,它不需要安装、不限制地点、不限制操作系统,无论你使用的
  • 产品原型设计软件Axure汇总

    千次阅读 2008-10-18 15:27:00
    先说说这款产品,Axure RP Pro是一套整合6大功能的网站策划软件-架构图/线框图/流程图/互动设计/原型设计/规格文件,比PowerPoint或Visio更适合策划工作。 http://wowtree.com/tree.php?aid=220 ...
  • Axure RP Pro 是一个产品经理必备的交互原型设计工具,能够高效率制作产品原型,快速绘制线框图、流程图、网站架构图、示意图、HTML 模版等。 Axure RP Pro 是专为 Rapid Prototype Design 而生,它可以辅助产品...
  • Axure快速原型设计

    2018-10-17 09:50:42
    Axure RP是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具,它能快速、高效的创建原型,...
  • 移动互联网打折优惠软件的官方网站原型,包括:前台、运营商、商户、用户管理后台全部。此资源归天津天乙网络科技有限公司,乐消摇所有。感谢大家下载。相互学习,共勉。
  • Experience Design绿色版是免安装的一款超级强大的原型设计软件,主要用于设计和原型设计和制作网站和移动应用程序的跨平台工具,从想法到原型更快。这个版本是测试版,大家可以去官方观看视频,了解是如何发展XD,...
  • AxureRP原型设计

    2018-07-24 17:11:19
    Axure RP是一款专业的快速原型设计工具让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 728
精华内容 291
关键字:

软件原型设计网站