Origami官方文档——案例解析
解析了一下Origami 2.0案例
阅读本文前推荐阅读下我列的Wayfinder：，里面包含了基础。在Origami主页第二个页面中提供了大量的Origami官方案例，里面包含了一些标准的原型设计模式和交互构建，有着和2.0之前稍微不同的原型制作思路。这里我尝试着分析一下，我分析的不一定对，有不对的请指正，欢迎讨论。一、Interaction交互案例1.Slinkin&#39; Park这个Interaction案例展示了如何让一串图层一起运动，同时依次延迟，构建运动时间差般的层次感。解析：1.红线：Swipe是这个案例中唯一的交互手势，根据红线我们看到，只有最上方的Layer能够识别swipe手势，因此在预览窗中，只能操作最上方的白块。2.蓝线：时间差层次感运动的构建，当Swipe事件触发后，除了第一个白块会运动，信号还会沿着蓝线，依次向2、3、4、5、6个白块传递，构成了运动的延迟效果。Pop Animation调节弹性运动属性Swipe Patch的属性，这是2.0新增加的模块，可以设置一个开始位置和结束位置，根据手势的运动情况（据观察根据的是移动方向和速率）来实现两个位置的移动。tips：Pop Animation有两个控制动画的属性，弹力Bounciness和速度Speed，案例中所有的Pop Animation的属性都集中到Input Spillter上加以控制（Input Spillter的类型是index，里面对数值设定了上限），如果我们对其进行Publish，那么在上一级中可以集中控制。2.Card Swiper用多个Swipe模块连接多个卡片图层，实现移走一堆卡片的效果。这个案例非常简单，3个Swipe对应3张卡片，但是稍微需要注意的是：红线：第1、2个Swipe分别控制卡片1、卡片2的 X Position和 Z Rotation，这构建了卡片旋转飞走的效果。蓝线：但与此同时，第1、2个Swipe还控制了卡片2、卡片3的透明度和比例，这样滑走第一张卡片，第二张卡片便从不透明变透明，从0%比例变为100%。构建一种推进的效果。红线：第三个Swipe还控制了对勾的缩放和透明度。3.2D Waggle使用Swipe模块来拖动图层，同时利用Velocity模块所输出的速率来让白块实现2D旋转。黄框：设置了Swipe控制对象的力、速度、摩擦等因数红线：Swipe对X Position的控制，因为Start Position和End Position都是0，所以Swipe手势结束后归零。蓝线：Swipe-Pop Animation后接Velocity，来获取X位置运动的速率。& & & & & 后面的X Progress 的Start和 End Value分别是1024和-1024，也就是屏幕范围，X Progress—— Transition大致构建了 & & & & & Z Rotation的公式——Z Rotation=Vx * 200/1024 + Vy * 200/768（有人知道为什么吗？）& & & & & 蓝线构建了白块移动时的旋转效果。4.3D Waggle使用Swipe模块来拖动图层，利用速率来控制拖动过程中3D旋转量基本上同3，唯一不同的是，左右移动（X position），左右摇摆(Y Rotation),上下移动(Y position)，上下摇摆（Y Rotation）二、Interface界面案例1.Tap to Zoom利用Switch开关，实现放大/缩小两种状态的切换很简单的案例，逻辑如下：Interaction 2(交互事件) —— Switch（控制开关状态） —— Pop Animation （设置弹性动画） —— Transition（图层属性Scale/Opacity(的变化） —— Layer（图层上对应的属性）2.Long Press Preview设置一个只有在长按时才出现的动画。Origami 2.0的新模块，简化了设计流程图层层次简单描述：1——填充层，2——整个界面图层，3——颜色填充层，这样当长按时出现置灰效果（Opacity控制），4——小汽车层，5——热区。以前的思路，用jQC 1.0的mouseup/mousedown事件：mouse down（按下） —— Switch的 Turn On （动画开启）mouse up(松手） —— Switch的 Turn Off(复原）如图，新方法：Long Press不接Switch，这样长按的时候输出1，长按结束复原0Long Press —— Pop Animation —— Transiton —— Layer Attribute3.Filter Reveal学习使用Swipe模块来控制多个效果Swipe控制多个图层的多个属性红线：可以和Swipe End/Start Position一一对应的，例如Y Position，直接用 Position连接对应图层的属性蓝线：无法一一对应的，且关系正比& & & & & 范围在0~1的，用Progress直接接属性，& & & & & 有比例关系的，接Transition再接属性黄线：如果反比关系，接个Reverse Progress反转。4.Swipe Navigation点击当前图层，新图层侧滑出现，Swipe新图层侧滑归位。Origami 2.0官方文档的制作思路非常有趣，这个案例展示了Swipe的开关功能，主要利用Swipe的Progress当位于Start Position的时候，Progress为0，End - 1Tap手势触发——Swipe的开关被打开（Flip）——Progress变为0，Scale从1变为0.97（原来的图层缩小）Tap手势触发——Swipe的开关被打开（Flip）——Swipe的Progress变为0，回到起始位置0（所以新图层左移）然后又滑，Progress变为1.5.Swipe Navigation这个案例展示了Scroll Patch的使用方法，介绍了按页滚动的新功能。按页滚动功能就是滚动量根据屏幕宽度自动对齐，移动的时候自动移动一个屏幕宽度的位置。wheel of fortune没有研究明白，求告知。<pose Modal点加号上出新窗口，点x关闭窗口这个没什么难度，跟2.0之前的制作思路差不多，注意里面有个Layer Group装了第二页界面，还有个热区7.Master Detail展示了Index Switch功能。Switch只有两种状态On/Off,如果想要做Tab切换那种好几个状态切换就不太方便。这个案例主要展示Index Switch功能三个热区对应三个交互事件，分别对应三个Index号，作者使用了Demultiplexer并进行了解释：Demultiplexer会向当前index传送1，而其他index传送0这样就能实现类似Tab切换的效果。拓展阅读：&(2.0版本之前的教程，依然适用)译者自制的案例：
打开微信“扫一扫”，将本文章分享到朋友圈
快给朋友分享吧！
146人已收藏
小U妹文章推荐
Ctrl+Enter
Ctrl+Enter
您将要删除您的首页推荐大作
Origami官方文档——案例解析
在她入驻到UI中国的日子里
总共吸引了18572位设计师的驻足流连
总共收获了146位设计师的由衷赞赏
总共获得了57位设计师的悉心珍藏
总共引起了17位设计师的深入讨论
依然要删除吗？您的位置：> -&
-& >下载 档案号：#140225
软件授权：
软件大小：
软件语言：
软件评级：
官方主页：
更新时间：
应用平台：
【该软件不能运行于Windows】Mac
复制到论坛
复制到博客
绿盟口号! 伸出你的手 - 绿色分享:
官方评级：3/2573
同类软件推荐
本类下载排行Origami快速入门
阅读时长：15分钟适宜：交互设计师 UI设计爱好者分类：软件技巧 原型设计今日之应用需要更多的人性化，而应用的人性化，主要取决于应用的反馈和交互模式。通过iOS7，苹果意图为移动设计引入动效元素，从而达成更好的情感联系。那么应该如何让创意“动”起来呢？答案是使用Quartz Composer，结合Facebook Origami工具包。Facebook Origami 为Quartz Composer提供了很多附加功能模块，能够快速的创建高保真模型，提供交互动画和动效。对于Quartz Composer,我们可以这样理解：这是一款图形化的编程工具，而不是像PS、Sketch那种绘图工具。和其他原型工具，Quartz Composer的优势是什么？通过Quartz Composer，你可以快速的调整原型创作，迭代创意。应用图标Quartz的操作环境1. Editor (编辑器，快捷键 ??E)这是Quartz最精华的部分，你的主要操作将集中于此。能够修改动效的具体数值。可以说，这里就是原型设计的“工作台”，在这一操作区域，你可以添加很多模块，然后进行连线。这里可以打开很多附加功能，比如说顶部栏的“查看器”和“参数”。编辑器2. Patch Library (模块库，快捷键 ??)原型设计就好比盖房子，框架完成后，就需要添砖加瓦。而模块就是这些砖瓦。只需要双击或者托移模块，就能放到编辑器中，然后连线，就能开始创作。可用模块库3. Parameters/Patch Inspector (参数，模块检测器，快捷键 ?I)在模块检测器中，你可以修改特定模块的具体参数。例如bouncy animation （弹性动画）模块，你就可以修改Friction(摩擦系数)4. Viewer (查看器，快捷键&??V)能够预览你在编辑器中构建的作品查看器两个模块相连的操作体验很棒一些优秀的资源下面我将提供一些学习Quartz的优秀资源:第二部分大家好，我又回来了。在第一部分中，我们基本了解了Quartz Composer。现在，第二部分，我将向大家展示如何设置基本模板，并提供几个案例，大家耐心看完本文，便能学会用Quartz Composer为产品添加动效。应用的动效设计，就跟写PPT/Keynote一样，在于精而不在多。在开始设计之前，你应该对自己的产品有着充分的了解，能够清楚的知道用户需要怎样的动效，能够了解怎样的动效能愉悦用户。简单、易懂、愉悦、符合物理规律。这样动效就能触发用户的情感。伟大的产品和优秀的产品，差别就在于情感。如何组织简洁的工作流程？为了避免繁复，先坐下来，思考5分钟，琢磨一下产品加入怎样的交互动画。为每一个交互动画都单独创建一个文件，这样会避免繁乱。为每一个交互动画都单独创建一个文件案例 #1.首先使用作图软件，导出一些图形素材。可以是高保真模型，也可以是很潦草的草图（当然，如果你能够用动效很清晰的传达意图，草图也没什么不可以）。如下图，我找到了3个素材：1张iPhone列表界面截图，1个加号，一个对号。素材还包括了一些UI元素：加号、对号基本文件和图像放置下面开始添加基本模板，下载。打开后，你发现是一个iPhone屏幕模板。在蓝色Phone模块中，你可以修改参数（下图）。左面和右边的圆角矩形，都是很常规的模块。中间的锐角模块（代表“图形渲染”）是一个宏模块，宏模块中包含很多基本功能。通过连接接常规模块与宏模块的对应功能，能够实现很多交互。你可以双击宏模块，看看里面。这便是我们的基文件。你需要处理的，主要是Render in Image这个模块，双击进去。此宏模块的主要作用是，添加背景颜色，重新渲染图像，这样便能减少错误。在模块检测中可以修改背景颜色。现在拖移图像入窗口。通过拖移添加图像很完美！模块中的列表立即自动填充。但是显示中我们可以看到加号和对号处于屏幕中间，有点怪。Quartz中的坐标关系Quartz的位置和坐标关系和我们日常使用的软件略有不同——以屏幕中心做为坐标轴的原点。但是不必担心，你很快就能掌握。屏幕中央便是原点，上为y+，右为x+。在模块检测中修改坐标参数。我把加号放在了x:268 y:260。多尝试尝试，你就能了解Quartz的坐标系统。添加需要的模块，连线我们要做的动效非常简单——当我点击加号的时候，加号消失，对号出现。我们可以通过缩放比例来实现：加号：1-&0 对号：0-&1。我们打开模块库（cmd + enter），需要以下模块：Hit Area x 1(通过此模块可以定义可点击区域)Interaction 2 x 1(定义可点击、拖移的对象)Switch x 1 (点击是否可以打开/关闭)bouncy animation x 1 (弹性动画)transition x 2 (定义开始和结束值，让动效平稳转移)下图我添加了所有的模块，连线也连好了。具体连线别忘了在模块检测器中修改弹性动画的参数。最终产出的交互动画。
打开微信“扫一扫”，将本文章分享到朋友圈
快给朋友分享吧！
127人已收藏
小U妹文章推荐
Ctrl+Enter
Ctrl+Enter
您将要删除您的编辑推荐大作
Origami快速入门
在她入驻到UI中国的日子里
总共吸引了20733位设计师的驻足流连
总共收获了127位设计师的由衷赞赏
总共获得了54位设计师的悉心珍藏
总共引起了14位设计师的深入讨论
依然要删除吗？软件原型设计工具有哪些？
不是说 web 原型喔，再明确一下，特指桌面软件的原型设计工具，PC为主，Mac也可，扩展下，iOS/Android也可。
首先如果你小团队或者个人开发，当然可以用Xcode，如果大公司跨部门审核调整各种，还是有个快速的原型。如你要求，可交互。包括常用的Axrue，我试用过下面提到的所有软件，分别完整产出过不同的原型，还有一些市面上的你一看它介绍图还在用ios6的就知道不必了，说明很久没更新了。下面这些是我按照不同的特点进行了归类，视你的具体情况而定吧。我在选择软件这个过程中纠结了很久，也是用过在领悟真正的原理。但是这段时间的摸索对我以后也有很大帮助。轻巧型低保真；无控件；iOS；少交互；免费。非常火的一款原型软件，第一次满足了大家人人都是产品经理的感觉。方法：拍照--添加触控区--转场方式--选择图片平台：全手机操作缺点：分享不便。动画有如侧滑、展开、消失，快现的摇一摇。操作只可以单击。没有控件，所有东西都靠你的照片。基本和pop一样，就是软件本身的UI更ios7一点，其他都一样，也是导入图片，加热区就好了。缺点也是一样的。**总结：**轻巧型的就是适合简单软件且是早期，在手机上稍微复杂一点的就痛不欲生了。但问题是，如果简单到这么轻松了，那真的还需要用软件模拟吗？真的在纸上画更轻松吧。点击这种交互也不需要模拟了吧。专业型高保真度；自带控件；Mac+iOS；全交互；收费+免费腾讯出品的原型软件，中文，操作简单，符合国人习惯，容易上手。方便分享。方法：windows电脑安装UIDesigner，使用现成控件进行可视化搭建，调试后通过网盘等方式发到iOS设备，用UIDPlayer打开即可。平台：只支持Win+ iOS。可能也是优点，仅有的专门支持Win平台的原型软件。缺点：吹毛求疵吧，逼格不高。这是我最近发现非常好的一款软件，好在对交互的支持上，如果调整细腻一点，几乎可以以假乱真。我是用它在UI定稿的情况下，提前当完成品测试交互体验的。当然也自带控件，用于原型设计。还有三种模式，场景模式（Scene View ）和细节模式（Details View）分别负责交互设计和UI设计两个部分，在设计完成后可以在第三个模式（Overview）查看整个APP的架构。方法：在场景模式中，添加Actors（按钮，文本段落，文本热点）和Actions（触发动作），可以设置界面跳转时的TRANSITION效果，声效，延时，Retina 空间等交互体验辅助特效。然后在iOS设备上安装Briefscase，通过Dropbox同步后使用。缺点：贵。1298元，感受一下。标注起来还是不太趁手。通过dropbox同步有点慢，又没办法加快，只能生等。可以先试用一下，觉得好再入手吧。我最早用的原型软件，现在制作出的原型已经出现在App Store里拉。Sakura Day。当时用免费的功能（2个项目，无法导入dropbox图片，无自定义控件）就做出来了。后来接手公司大项目，专门买了完整版128元。但是注意，这是用iPad做，iPhone或者iPad看，没有电脑版的。我当时就是为了地铁上可以用，是优点也是缺点。方法：基本都一样，就是在iPad上操作。触控不那么精确，但是操作体验很好，完整版的自定义库按钮很多很丰富。平台：iPad + iOS缺点：最重要的就是只能在iPad上编辑，我做了个大型的项目，打开还是稍慢点，但是稳定，操作多了有点累。分享需要对方装软件，而且生成的项目文件会很大。总结： 专业软件还有很多，各有千秋，这两个是最快支持iOS7的，说明他们很重视产品保证更新。但是价格确实也是不菲，优缺点很明显，不符合国人习惯。腾讯那个整体是很不错了，除非你和我一样只用mac。HTML型中保真度；自带控件；全平台；需联网；少交互；收费+免费我是通过下面提到的Icon Stricker发现的这个网站，试用了一下发现，它的特点是快捷的热区和转场操作，但是完全不带控件，也就是网页版的 pop。需要你自己准备好图片，不管是UI还是UE，这里只负责交互。最大的亮点就是支持滚动，前面提到的那些软件，都需要通过转场实现长图滚动，这个可以原生支持。方法：传图，热区，转场。看起来操作很简单。平台：全平台。缺点：30天免费期，按月收费。不支持控件。需要浏览器支持。最受推崇的网页版原型网站。控件从iOS到Android到WP。也是可以免费一个项目少量屏幕，然后按月收费。方法：添加控件，热区，转场。缺点：我用网页版的还是感觉有点迟缓，不痛快。胜在控件实在很全，这个是很多桌面软件都不支持的。如果针对安卓或者WP,实在没什么更好的选择了。**总结：**分享方便，轻量级是最大优点。但是按月付费这个我觉得大公司不会承担这笔费用，小公司有没有必要花费在这方面都值得商榷。速度也确实有点问题。交互也不如专业型那么灵活。超大型高保真度；可拓展控件；自定义库；适配；少交互；收费。Axure绕不开的巨人，就像图片界的PS，文字界的Word。它最大的特点就是别人都用它（虽然大多是盗版），我之前也存了显出不同逼格的心试了前面那么多软件，最后绕了一大圈还是回到了它的怀抱。回来的原因主要有三大家都在用。这个没办法，沟通，传输，修改都方便，PC+mac都可以看。你自己逼格到了，人家都感受不了有什么用呢。确实强大，熟练使用库和自定义控件后，效率大幅提升，远胜专业型。生成的HTML页面自带左侧目录边栏。是的，这就是我弃用OmniGraffle的主要原因。方法：不再赘述了，总之要用好自定义控件，这个会让效率成倍提升。缺点：生成的原型在移动端很难用。是有方法的，其实也不错了，但是我还是懒得费心研究。之所以用这个就是为了给开发和写文档，很多标注和逻辑流程，没必要做出交互。所以不考虑用它做交互，你真都做成交互了，难道还要工程师挨个点开才能看到逻辑？OmniGraffle为了捍卫mac的逼格，我用了几天就放弃了。不可否认，OG在调整控件时的流畅稳健，草图的美观（前提是你用英文）等方面，能让你享受整个制作过程，这是很少见的。但是我一直搞不懂画布层共享层等等的关系，用起来失误频繁，而且，生成的html没有目录啊，文档可读性差。方法：不再赘述。缺点：除了前面所说，仅支持mac，生成的交互原型更难用到手机上。总结： 是的，这两个软件不光是用来做移动交互原型的，他们的强大体现在非常多的领域，但是针对移动交互原型而言，都不适合。A胜在文档和大家都用，所以在个方面就屈从了吧。辅助型特定功能（动画；图标；投影）就是专门用来制作交互动画原型的产品，免费，但是需要苹果开发者账号，学习曲线非常高，但是可以制作非常精美的强交互动画。PS play等都可以快速把电脑上的内容投影到手机上。但是唯独liveview可以支持交互。打开交互模式后，电脑端可以接受手机的点击和滑动手势。非常强大。专门用来测试icon的网站，出自Flinto。快速在主屏查看图标。总结我现在对原型的流程是这样的：用Axure绘制UE图，导出成手机尺寸图片导入Briefs或者pop，加入交互，体验一下，在Axure里标注，写文档，生成htmlUI定稿再导入briefs，高保真体验
Axure:这个大家都知道,现在用的比较多,主要是因为多人协作,而且是惯例了.Omnigraffle: 个人强烈推荐,mac上的神器~无论是页面demo,交互流程图,系统角色图,还是产品概念图,很全能~同时对于视觉上的效果支持强大到爆.另外一点比较舒服的就是快捷键的支持(吐槽一下: 很多画图软件都忽略了快捷键这个强大的东西,难道没注意画图的时候左手是闲着的?现在只有photoshop和这个软件对快捷键支持的很好并且很高效)条件允许,只用这个~
追求细节交互的话用Axure RP，追求简约草稿的话Balsamiq Mockups，强烈推荐Balsamiq Mockups，在拍方案阶段快速出草稿全靠它了
没有人喜欢用纸和笔设计么？
我的回答主要针对桌面端软件的设计工具：低保真：推荐Axure原因：（1）上手快，行业内都用。（2）有组件库。在制定组件化规范后，可以快速利用组件库制作低保真原型。（3）能完成简单的交互。（4）团队协作很方便。高保真：推荐PS/AI/keynote/SketchPS、AI、Sketch适合交互和视觉一步到位的小型开发团队，可以加快设计迭代。之前公司的Leader就喜欢让我用PS。此外，PS和AI选择哪个全凭个人喜好，不过听上一期的Anyway.fm谈到过设计工具，说是AI的对齐功能不太好用。但是作为交互设计师，对于对齐到是没有那么注重。关键是用哪个顺手。Sketch据说是越来越强大了，很多视觉设计师都用它。我在它刚火的时候试用过，觉得它的组件还是很好用的。但没有深究，打算之后好好用一下。Keynote想必有mac的人都很熟悉，它的功能的确十分强大，无论做ppt，还是动效，或者原型。我也只是用它做过一些简单的原型，也需要往后更深入的使用。最后还是想说一句，作为交互设计师，工具不重要，逻辑、产品思维和设计思维更重要。不过在前期对使用哪个工具还不确定的时候，不如先上手操作一番，看看自己更喜欢用哪个，这好过一直徘徊在多个软件中，无从下手。
画图+美图秀秀+ppt…前两个出页面，ppt出交互，土法上马
上面的这些工具我都用过，但是都很不满意，作为画图工具来说，太弱智，作为交互原型工具来说，又太不专业。所以我决定自己弄一个，虽然目标的版本还有很多欠缺，，但是已经足以秒杀上面这些了。好吧，我就是来做广告的，详情见 ，欢迎拍砖
交互设计是我们原型设计中很重要的一部分， 如何快速掌握一个原型设计工具，尽快入门，高效地完成工作？这里选择了三款原型设计工具作对比，希望给想入门或者刚入门的童鞋提供一些参考。 Axure - 知名而强大的原型设计工具 - 新兴的快速原型设计工具JustinMind - 高保真原型设计工具这三个工具，都是基于桌面的应用。基于Web的在线工具，以后如果有机会再作介绍。第一部分 设置交互设置交互，是完成一个交互设计的开始。我暂时把交互设置分为两类：页面链接和组件交互。设置页面链接Axure - 弹窗筛选不够直观 - 先选中组件，然后到属性面板上去筛选目标页面（页面多的时候就有点烦了）。 - 一键拖拽简单直观 - 与其他原型设计工具不一样，采用了直观的拖拽方式来实现页面交互。红色的线指哪里连哪里。JustinMind - 支持拖拽简单 - 与类似，Justinmind也可以通过拖拽的方式实现页面跳转。不同的是，需要拖动整个组件到项目树上。由于没有连接线，不够直观，也不容易看清。设置组件交互Axure - 添加用例，不能拖拽完成对于一般的交互，在Axure中可以通过弹窗来逐个筛选设置。稍微复杂的交互，则需要条件构建器来实现。Axure在交互设置中，可以添加条件判断，但需要用户有一定的编程常识，否则掌握起来有相当难度。尤其是初次使用的时候。 - 直接拖拽，所见即所得与其它任何一款原型工具都不一样，是通过拖拽组件上的链接点来实现交互。拖动组件的链接点到目标组件松开，弹出的面板会清晰地显示出触发条件和动作效果。只需跟着提示操作，就可以轻易地完成交互。JustinMind - 添加事件，不能拖拽完成 Justinmind设置交互的方式与Axure有些类似。当选中需要交互的组件，设计界面的下方面板中会显示出“事件”窗口，点击“添加事件”，也会弹出一个编辑面板。面板弹出后，分别对触发条件、事件的效果、交互对象进行设置。Justinmind也支持条件判断和变量，不过要掌握相关的技能还是要费一番功夫。在这个方面，Justinmind做了一些图形化的方式来表达设置，力图让用户好懂，这个是优于Axure的地方。第二部分 实现交互我们通过一个实例来看看：在交互设计中，第一次交互发生后，第二次回到交互初始状态，是特别常用的场景。为了直观地说明问题，这里我就以左右移动组件为例子吧。测试内容：点击一个图片，让它按照线型动画右移200px，然后再次点击这个图片，让它移动会原来的位置。看起来很简单，是吗？Axure - 添加多个用例我尝试了在Axure中能够实现这个交互的所有方法：方法一：使用动态面板的状态。在动态面板中，建立2个状态，然后用条件构建器判断动态面板状态，然后设置动态面板移动参数，最后通过点击换动态面板状态的可视性。我把最后的交互用例的样子截图出来吧：方法二：使用条件判断。也需要用到条件构建器（Condition Builder）。实话讲，你需要一些编程的常识，比如：“变量”、“全局变量”、“赋值”，“初始化”、“条件判断”，否则你做起来可能比较费力。图中，是经过多步设置后，最后的结果。方法三：“伪装法”。用2个完全一样图片（A和B），通过“伪装”的方式来完成。首先设置A显示，B隐藏，点击A，移动到位后，让B显示，A隐藏，此时，点击B，移动到位后，让B隐藏，A显示。JustInmind 我尝试了两种方法：方法一：使用Toggle事件+Move命令。实现起来还是比较简单。但如果是双击动作，这个方法就不奏效了。方法二：也是“伪装法”。方法和上述Axure中的一样，我不啰嗦了。反正是有点绕。Mockplus - 一键自动还原中，需要两步，拖拽一个交互链接到图片自己，然后在交互面板中勾选“自动还原”，如下图。我们不得不说，这个“自动还原”真是太妙了。当然，在中，我们也可以通过上面所说的“伪装法”来实现这个交互，不过已经没有必要了。建议以上我们尝试探索了3个工具的交互功能情况。其实如果希望透彻了解一个工具，我建议你直接取去用，不要停留在某个视频或教程上。那么，到底该使用哪一个呢？我的看法是：如果你做事喜欢有条有理，不太在意时间约束，喜欢全面系统地掌握一个工具并成为专家，你可以选择Axure。Axure功能很全面，还有很多值得你去一步步熟悉和掌握的地方。如果你对交互的复杂度和保真度的探索有信心，乐在其中，并有一定的编程基本常识，个人觉得你选择JustInmind比较合适。Justinmind对于移动应用的交互保真做得很到位。如果你希望立即上手一个工具，同时非常在意设计的时间效率，不需要做特别复杂的交互，建议你选择。是一个力图让你做交互更快更简单的工具。一句话，对于工具软件来说，它的功能是而你而生，用最小的代价达到你的需求，是你选择的关键。
已有帐号？
无法登录？
社交帐号登录