demo设计软件-如何使用axurerp画设计demon

有没有能制作软件Demo的工具软件？

你要的是这个吧

axurerp

AxureRP是一个专业的快速原型设计工具。Axure(发音:Ack-sure),代表美国Axure公司;RP则是RapidPrototyping(快速原型)的缩写。

可以使用这个工具去画出demo,也就是一系列html页面,可以自动通过自己编辑好的指令实现js跳转。

页面多的时候也是很耗时间的,所以一般用于比较少的页面情况。

内容多的时候建议还是直接开发一个demo,那样子后期修改起来也比较方便。

Axure是比较简单的快速原型/交互设计软件,画demo是它的基本功能。他还能做很多模拟真实软件交互的效果,在浏览器、或者手机都能动态演示。

画原型图送你几个字:

直接拖放元件、调整尺寸、调整位置即可

;其他就是调整样式、等距分布等等一些,熟练了就都会了。

建议所有页面的位置设为(0,0)坐标,这样页面切换时不会发生位移,也避免每次都有确定坐标。

然后,其他元件,您在纸上是如何画原型的,选取形状元件,照着拖放即可。

--------------

一般来说,UI和UX都会用到这些工具

1_ason

现如今,视觉稿(Mockup)和原型(Prototype)是网页和APP设计过程中最常用的方法。两种方式都很有效,不过也都可能会在时间和花销上对整个项目产生压力,影响团队和项目的整体推进,尤其是在时间和精力都非常有限而项目又非常复杂的情况下。

Mason提供了一个更好的解决方案,它让你无需设计线框图、原型和视觉稿,而直接拿现成的组件来编辑和设计,并且确保最终输出的产品既具备功能,也是像素完美的,最后通过Mason的平台进行部署,甚至你都不需要有代码编写的经验。

Mason的设计方法看起来很激进,但是实际上非常的易用。无论是调整还是维护,Mason都能确保控件和元素都很容易处理。在Mason中修改、发布,然后就能正常使用。无需亲手编写代码,诸如注册、登录等各种常见的功能都能够正常输出使用。

这款工具并不会限制你将网站投放到特定的平台或者托管环境下,你可以在你最熟悉的服务器或者服务商那边部署。这可以大幅度节省管理费和时间,并且你会发现团队协作更加高效了。

2摹客

这款国产的工具快速易用,Sketch/PS/XD/Figma/Axure/Mockplus设计稿一键上传,设计评审讨论,自动标注一键生成,手动标注自由发挥。

1自动标注:

鼠标hover图层即可自动生成标注,一键转换为百分比标注,还可以放大镜查看细微标注。

2手动标注:

文字、坐标、颜色、尺寸、区域5种工具自由选择,信息传达更准确。

-用文字工具添加备注说明;

-用坐标工具添加位置信息;

-用颜色工具吸取图层,色值智能生成;

-用线段工具标注尺寸,数值自动生成;

-用区域工具标注局部图层,宽、高自动生成。

3单位自由转换:

支持iOS的pt,Android的dp,Web的rem,还可以保留0-3位小数,标注更自由。

4完整的标注属性:尺寸、边距、不透明度、字体大小、字重、行高、字间距等。相关属性一键复制即可使用。

除了智能的标注方式,摹客的切图、交互、全貌画板、文档管理等功能也很实用。最值得一提的是,摹客基础功能完全免费。

3_verflow

设计师讲述故事最有效的办法之一,是将故事中的节点连在一起,将用户历程线性地呈现出来。这样的方式会让访客更好的理解他们所看到的内容,同时能够更加专注于细节的呈现,并且构建有效的反馈机制。

作为世界上第一个为设计师量身定制的用户流程图工具,Overflow可以帮助设计师更好地讲述故事。它为设计师提供了一种全新的方式来更好的呈现作品,讲述故事,以交互式的流程同用户进行沟通,吸引用户的注意力。

Overflow是一款跨平台的工具,可以与目前最流行的设计工具无缝地集成起来,允许设计师在同一个平台上完成设计、展示、共享和打印他们的用户流程。

4_XPin

UXPin可能是目前对于设计团队来说最理想的快速原型工具,尤其是当产品的UX设计和研发高度依赖快速反馈循环机制的时候。UXPin可以让设计团队在向开发交付原型之前,充分地进行设计、共享和测试。

开发人员所需要的数据,实际上在每个项目设计完成之时,就会自动生成。所以,在将设计交付给开发人员之前,甚至可以使用检测工具,验证一下产品的部署是否和设计元素相互匹配。

UXPin还提供一个完整的设计系统解决方案,帮助你保持整个产品的UI元素的一致性。而每个产品的UI组件都可以使用一段代码记录下来,因此可以更加轻松快速的扩展产品的功能。

5_reately

UI/UX设计当然不仅仅是线框图和视觉稿,它是动态的,系统化的,而这也是Creately这款工具的价值所在。这款图标工具适合生成工作流程,支持不同的图表类型,包括流程图、思维导图、UML图标、线框图等。它所提供的图表功能和协同工作的功能,可以帮助设计师完成一半以上的工作。

使用Creately来创建图表,可以轻松创建出足够漂亮的图表,其中配备的1000多个专业的设计图表模板,可以快速地完成各式各样的UX设计项目。

6_owerMockup

有许多UX设计师会使用PowerPoint来构建交互式原型,有了PowerMockup之后,你再也不需要寻找其他的工具来辅助你的工作了,它就可以帮你创建高效可共享的交互式原型。

在构建原型的时候,只需要从PowerMockup不断增长的资源库找到对应的形状或者设计元素,拖拽到PowerPoint当中,然后进行设计即可。为了实现互动,你所需要调用的也无非是PowerPoint当中的幻灯片和动画功能,很简单。

7_isualInspector

VisualInspector让设计师、开发者和负责维护的人员能够实时地在网站中检查和解决各种UI问题,并且同其他的工作人员随时共享信息。

这款工具不需要你懂得代码,只需要几秒钟就可以启用UI工具,并且几乎可以任何类型的网站(使用HTML代码,或者WordPress系统的)进行协同工作。这款工具不是免费的,终身授权的版本只需要付费49美元即可。

8_luidUI

FluidUI是一款可以用来设计线框图、原型图和视觉稿的综合性工具,它还为项目经理和分布式设计团队提供了非常完善的协作功能。它拥有非常全面的组件库,横跨桌面端、iOS和Android等主流的、必须的平台。

几乎每个项目开始时都会创建某些类型的线框图你可以把它们画在纸上也可以使用专门的应用程序做Axure的最新版本发布了,由于它是市场上最流行的原型软件工具之一,所以我们决定仔细研究一下这个版本有什么新特性制作一个包含所有交互的原型是一个相当漫长和耗时的过程,因此在Merix工作室,我们经常通过在纸上绘制一些草图来开始一个项目然而,当您希望与整个团队讨论高级项目时,致力于线框图和原型的工具仍然非常有用线框图中最流行的工具之一是AxureRP——根据该公司网站的数据,《财富》100强企业中有86%的企业在使用该软件首次打开当第一次打开Axure8时,用户的注意力立即被吸引到布局更新上更改的主要元素包括主工具栏、右侧面板和工具面板由于按钮数量的减少,主工具栏变得更加突出和清晰更重要的是,该工具栏被分为两个主要部份,它顶部一个包含按钮和功能的部分,是最常用的(即与文件管理相关,更改光标和控制工作区中元素顺序的模式)除此之外,上面的工具栏有一个专门用于AxShare函数的功能(预览、共享、发布)而在工具栏的底部有文本格式、大小和定位设置还可以很容易地注意到“库”面板中的更改由于增加了图标,我们不再需要手动加载我们自己的图标库除此之外,标签部分还加入了快速便笺（可以直接在其上注释的便利贴彩色标签）,本地化标记和快照窗口小部件（本文稍后将提供更多信息）Axure8提供了几个额外的样式选项,由于有了这些选项,创建线框图要容易得多,而且可以在不使用外部图形编辑器的情况下完成例如,我们可以创建一个自定义形状要做到这一点,只需向工作区添加一个形状,右键单击它并选择“转换为自定义形状”选项一旦这样做,小的可拖动点将弹出周围的形状,您将能够自由调整现成的元素根据您的需要通过从样式面板中选择flip、unite、subtract、intersect或exclude选项,可以转换从库或自定义库中选择的所有元素除此之外,还可以利用square对象的新样式选项您可以在正方形中启用/禁用选定的边,或者只对选定的角应用“角半径”如果您仍然发现这些自定义选项不够,您可以使用钢笔工具,它允许您自由地绘制不同倾斜和厚度的曲线互动尽管在所有情况下交互都不是必需的,但它们当然可以极大地帮助您理解各种依赖关系,尤其是涉及高级网站或应用程序时Axure的新版本为案例和交互带来了几个新的增强功能-以下是最值得检查的内容：设置不透明度操作,允许您控制框或其他元素的透明度级别；旋转动作,由此您可以触发旋转动作和（可选）不同的动画；在改变面板状态时翻转动画,这使得原型对用户更具吸引力；交互现在同时运行,因此你不需要等到前者完成才能看到后者的效果；分组对象现在是您可以分配交互的真实组中继器中继器在创建数据列表时效果最佳,如项目里需要对功能进行过滤和排序,包含所有数据的一个表,可以轻松引入现有列表中的修订在最新的Axure版本中,隐藏元素（例如小部件或动态面板）被放置在转发器中,幸运的是现在不会影响它的大小,这在以前的版本中曾经有点烦人此外,在转发器中添加了一个名为OnItemResize的新事件它提供了添加依赖于转发器大小的交互的机会快照小部件通过使用快照小部件,我们可以在另一个页面上嵌入页面或主页的预览只需添加快照框,选择参考对象并选择该页面或主页的可见区域此功能与iframe类似,这意味着在参考项中所做的任何更改也将反映在快照中快照可用于为用户提供仅在支付墙后面的仅限会员功能的潜行峰值流程图在设计复杂系统时,用户流程图特别有用,用户可以从中选择多个路径中的一个以前的流量功能已经安装了一些新元素,例如放置任意数量和位置的连接点除此之外,还引入了一些新的连接器线样式选项,例如可以在一个连接器线内使用不同类型的箭头,或者用于连接线自身的新样式（具有尖锐的圆形转弯或弯曲）团队合作团队合作两个（或更多）用户可以在同一线框上工作在规划大型系统时它非常方便,每个设计师都会创建项目的特定部分团队项目也出现在以前的Axure版本中,但是现在它可以在不设置SVN服务器的情况下使用最新版本引入了在AxShare服务器上存储数据,这要归功于您在安装Axure之后可以立即开始在项目上进行协作结语Axure8带来了几个有用的模块,使线框更平滑,并且这个过程的结果更接近最终产品毫无疑问,一个很大的优势是改进的交互,允许原型高级前端动画,而无需提供进一步的基于文本的描述同样可以通过AxShare处理团队项目也是一个好消息随着新版本的推出,Axure推出了一种新的分销模型现在,除了传统的一次性费用外,您还可以注册每月订阅计划幸运的是,由于用户有机会选择最适合他们需求的定价模式,两种选择仍然可用您是否有机会将最新版本的Axure试驾？如果是这样,您对最近的变化有什么看法？让我们在评论中知道

其实网上有教程的，axure的功能还是相当强大的，下面简单说一下怎么在手机上预览

1先在“生成原型文件—手机/移动设备”上设置预览到手机上的配置，如下图：

2选择发布到axure，如下图，可以覆盖之前上传的项目和兴建项目2选择发布到axure，如下图，可以覆盖之前上传的项目和兴建项目

3发布成功之后，记住不带站点的网址，在手机游览器中打开，如下图

4在iPhone中，可以选择添加到主屏幕，这样就和一般的APP一样的，如下图4在iPhone中，可以选择添加到主屏幕，这样就和一般的APP一样的，如下图

5主要是原型设计时的尺寸问题，在不同的手机上全屏预览，需要不同的尺寸，比如iPhone6 plus，我原型的尺寸就是414736，也就是设计尺寸的1/3，根据设置的不同，可能需要将信息栏的20个像素删掉，变成414716