主流原型设计工具的横向对比及使用方法one丶s

AxureRP,是个古老的软件,它是在开发windows软件的时代的产物,如今来看一切都现得很过时。它自带的组件库非常过时,常用组件欠缺,大量过时组件永远用不上。它的互动设置也是,每个组件,都能够设置大量行为。

打开工程:Ctrl+O新建工程:Ctrl+N保存工程:Ctrl+S查找:Ctrl+F替换:Ctrl+H复制:Ctrl+C剪切:Ctrl+X粘贴:Ctrl+V快速复制:Ctrl+D或者单击拖拽+Ctrl撤销:Ctrl+Z重做:Ctrl+Y全选:Ctrl+A生成原型预览:F5生成原型文件:F8在原型中重新生成当前页面:Ctrl+F8隐藏网格:Ctrl+’对齐网格:Ctrl+Shift+’隐藏全局辅助线:Ctrl+.隐藏页面辅助线:Ctrl+,对齐辅助线:Ctrl+Shift+,

Axure之所以在中国市场有着较高的声望,其原因不仅仅是用户使用惯性,Axure的功能全面也是关键要素之一,比如:判断的设置、变量的设置,交互的设置等等。但是Axure在用户体验上的缺陷也是比较明显的,其设置交互的方式相对繁琐,可视化不足、条件判断、变量、中继器等功能的使用需要比较陡峭的学习曲线;而国内的原型设计人群更加年轻化,虽然开发团队数量众多,但普遍规模小,管理水平还处于起步阶段,对于软件开发的迭代速度的要求远胜过其对流程规范性的要求。这也是axure在国内用户中遇到的困难,希望在之后的版本中能够有所改善。

在打开AxureRP之后,可以在首页选择“新建文件”,这样便可以开始建立一个新的项目。

接着,选择左侧栏中的“page1”,在右边边框中开始创建新的界面内容。在元件库中选择一个新的元件拖拽至右边边框即可。比如拖拽一个矩形框。

针对某一具体部件,可以选中元件,然后在其右侧“属性”栏中设置相应部件属性值即可,比如在矩形框中输入适合的文字。

如果需要跳转至其他界面,可以拖拽一个按钮至界面,并且在相应的按钮中设置链接,点击设置按钮属性值“创建链接”,并且选择相应的跳转界面。

与此同时,我们需要设置跳转界面(新界面)page2内容,选择“page2”添加新的元件并且修饰即可,其操作与page1基本相似。

界面布局完成之后,我们便可以点击右上角“预览”查看效果,效果图会在网页中展示。如果不满意预览图,还可以返回继续修改。

BalsamiqMockups是一款快速创建原型的工具。这款原型工具具有独特的手绘风格。软件的内置组件,拖拽功能的支持为设计带来了便利。该工具有桌面版本,同时也可以作为GoogleDrive,Confluence和JIRA的插件使用。

在同类的工具中,Balsamiq可以说是独树一帜。为什么这么说呢?因为这款原型设计工具跟Axure或者其他工具不同,它不支持线框图模式的,所有的组件均为手绘风格。这对于偏爱“手绘风”的用户来说简直是幸福满满。不过,虽然这样满足了部分用户的体验,但也正是因为这一点,Balsamiq在整体用户体验上付出了相应的代价:其自身组件不足100个。再者,Balsamiq对于移动App原型制作和手机即时预览的支持是没有的。让很多用户望而却步的是,Balsamiq没有交互设计功能,这也让它越来越缺乏竞争力。

(1)BalsamiqMockups使用非常简单,只要拖动上方的控件到下方的设计区域即可。

(2)单击控件即会弹出控件的属性界面,每个控件都有不同的属性。

(3)最上方的一排按钮分别为撤销、还原、重复、剪切、复制、粘贴、删除、组合、取消组合、锁定位置、画面大小。

作为中国的本土选手,它简单得以拖拽为基础的工作方式和操作中高度的可视化,在很大程度上简化交互设计。支持素描(类似手绘)和线框图两种风格。我们在设计原型时,用高保真还是低保真取决于多方面的因素,最重要的考虑我们面对的对象是什么角色,是开发人员,UI设计人员还是最终系统的用户(或者客户),如果是开发人员或者是UI设计人员,低保真就足够,甚至只能用低保真来避免对UI设计的用色干扰。如果我们需要低保真原型,那么用MockPlus非常适合,默认控件,线框等元素都是黑白灰,最大限度突出页面元素,让PM把注意力集中在页面布局,页面切换,交互过程。

主流互联网产品现在已经从PC端走向移动端,MockPlus目前全面覆盖终端,PC,Pad,并且PC端可以选择多种大屏,中屏的浏览器尺寸,同时每个种类都有丰富并且优雅的原型元素控件来选择,封装了约200个组件,3000个以上的素材。

但是,这款工具的在用户体验上也是存在着一定的缺陷的。目前Mockplus对于一些过于复杂的功能,比如:判断和变量,是不支持的。所以在用户体验上也是会造成影响。此外,对于产品文档的支持,也有不足。

选择新建一个项目,也可以看他的一些例子学习一下别人的设计

新建之后,会进入一个选择界面,上面是各种型号的选择,手机还是pad或者网页版,还分为mac和windows,可以自行选择,也可以自定义尺寸

点击mockplus,可以看到有选项部分,可以进入这个选项进行整体上面的设计,比如UI的透明度,背景颜色等。

然后可以看到左边会有两个部分,一个是各种各样的部件,一个编辑的地方。可以根据自己的需要把部件拉到自己需要的地方。

拉好部件之后,可以根据需要进行备注说明,可以点击小闪电进行超链接,也可以进行尺寸上面的设置。

左边是各种各样的页面,我们可以根据自己的需要进行页面链接的设置。注意mockplus只允许页面跳转而不允许部件跳转,好了之后,点击上面的运行,一个APP线框图就生成了

在中国市场上不可忽视的另外一款工具就是Justinmind。它的宣传标语就是“为移动设计而生”,而它也在功能上很好的实践了这一点。就移动设计来讲,可以说是用户体验优越感爆棚,因为这几款软件中只有Justinmind是支持手势的。

Justinmind对负责的交互设置,做了图形化的呈现,力图然设计者更轻松一点,但设计者需要一定的编程逻辑思维,所以一些国内求快求简单的用户就不再选择它。另外,由于Justinmind是基于java开发,其运行速度可以说是这四款工具中相对较慢的一个。

选择新建一个原型[CreateaNewPrototype]

选择想要创建的原型类型,这里选择为iPhone6创建。不同的原型类型,会有不同的绘制画板。

选择原型基于的模板。这里我选择使用“空”模板,方向为“竖-Portrait”。点击“Finish”开始创建原型。

如果你是第一次创建原型的话,会弹出引导窗口。为了便于熟悉整个软件的操作,这里我们选择接受此引导。

控件栏-Widgets,与Axure类似,这里列出了软件默认支持的各种控件。

页面导航-Screens。这里列出所有原型文件中的页面,与Axure的导航类似。

属性栏-Properties。当我们选中某个控件时,可以在这里编辑控件的属性。

事件栏-Events。在这里可以编辑控件的触发事件,类似Axure的事件管理。

预览-Simulation。使用这个功能,可以在浏览器中查看编辑完成的原型。

墨刀是一款在线设计编辑原型的工具,特点短平快,适合一些APP,小型pc工程,以及一些频繁迭代的产品,优点协同办公效率比较高,目前国内个别大公司以及中小企业都有用到,个人版本免费,但是使用页面数量有限,编辑后产品都是保存直接保存在云上,很方便。不会出现文件丢失的情况,但是也有缺点,就是在网络不通畅,延迟比较高的时候,很麻烦,原型编辑操作会有卡顿现象以及版本不一致现象,还有原型模板暂时不像axure那么丰富。

进入墨刀官网,点击“创建空白项目”按钮,进入页面,选择符合需要的版式,在弹出窗口输入名称,选择画布尺寸,点击“创建”即可进入编辑页面。

进入页面,点击“内置组件”按钮,在弹出列表可以添加自己的“图标导航栏”、“轮播图”等,根据需要的页面设置内容,点击导航栏内部文字可修改文字内容、修改颜色等。

点击上面的“素材库”按钮,可以给页面添加图片,还可以上传自己需要的素材来添加和设置自己的页面。

Axure的功能全面,在易用性和复杂性上做到了比较好的平衡。作为老牌工具,用户在中国国内数量众多,使用惯性大,其他同类产品想要取代它还是比较难的。

Balsamiq在手绘风格上独树一帜,可谓剑走偏锋。近几年缓慢的改进使得不少用户另投它门。也许,“不变应万变”也是一种做产品的好思路。

Mockplus上手简单,设置方便,但是它舍弃了一些相对复杂的功能,这也意味着它必然要放弃一部分用户。

Justinmind针对移动端的交互体验有着很强的优势。但对除了对使用者有一定要求之外,运行速度比较慢也是其一大弊端。

墨刀轻量级移动原型设计工具,短平快,适合一些APP,小型pc工程,协同办公效率比较高。几乎不免费,免费帐号只能创建3个项目,最多20个页面。不方便存档,没办法保存到本地。

THE END
1.即时设计最全面的使用教程来啦1、即时设计使用教程之在线注册使用,告别内存卡顿 进入即时设计的方法很简单,只需要搜索 “即时设计”,找到官网的对应链接,点击进入即可。然后点击注册即时设计,接下来就能免费使用所有功能了。因为是在线设计工具,所以完全不需要占用内存下载,在线就能使用各种设计工具,还能体验到Sketch、Figma等软件的功能,用到就是赚到https://js.design/special/article/js-design-tutorials.html
2.即时设计初学者指南,零基础入门必看方法一:如果需要使用本地字体,可以进入[帮助],点击[更多],选择[本地字体助手] 单击“字体助手”按钮,在计算机上安装“字体助手”程序。 方法二:您还可以进入即时设计官网首页的【下载】页面,下载本地字体助手,即时设计支持Windows、Mac版本。 如果你是一个UI设计小白,那么你选择即时设计作为设计工具,这是完美的。您https://blog.csdn.net/weixin_44070413/article/details/140323774
3.稿定设计官网版下载稿定设计5.0.2官网最新版下载稿定设计官网版是一款非常好用的图片处理和排版工具软件,这里有超多的功能可以使用,可以帮助你进行图片和视频的创作,进入软件的大厅中就可以看到很多的功能,一键就可以轻松的进行操作,在创作的时候可以获得软件提供的帮助,就可以轻松的使用软件,还在等什么,赶紧来使用吧。 稿定设计官网版怎么用 1、在进行图片编辑的时候https://app.ali213.net/aznew/614907.html
4.UI/UX设计师都能用的设计"偷懒"方法MySecretRainbow这个算是即时设计比较火的插件,我试用了一下,效果确实很好,图片有多余的东西用插件擦涂一下就行,在设计过程中不需要单独跨平台处理,出来的效果也很好。 这种类型的插件或者网页很多,很难得的是,他们这个插件完全免费,且不限次数使用。这个插件也是我比较推荐的。 http://www.mysecretrainbow.com/blog/24070.html
5.中国邮政速递物流多种增值服务:供应商库存管理、集装单元设计、产品组合加工、贴标及换包装,仓单质押贷款、货物保险购买,以及其他定制服务。仓储配送协同方案:仓储与配送转运中心同址运作、有效衔接,建成了分布华北、东北、华东、华南、华中、西南、西北的七大区域仓配中心,以及122个重点城市仓配中心和近千个县级枢纽仓配中心,仓配协同https://www.ems.com.cn/
6.CAD中使用修订云线包围文字的设置方法CAD常见问题CAD中使用修订云线包围文字的设置方法 问题描述: CAD修订云线是CAD软件中常用的一种标记工具,用于标示设计图纸中的修改、修订或注释内容。修订云线通常以云形状围绕着需要修改的部分,并在云线外部附上相应的注释或说明文字,可以有效地传达设计图纸中的修改和修订内容。当我们需要使用修订云线包围一段文字或者某一视图https://www.zwcad.com/service_69_9920.html
7.CSGO准星怎么设计准星设计方法方法1:使用创意工坊的准星设置地图 在Steam界面中进入创意工坊,搜索 crashz' Crosshair Generator 点击订阅,下载这张地图,然后进入游戏选择创意工坊,找到地图打开 可以看到,在这张创意工坊地图中,调整的选项还是蛮全的,颜色什么的也有很多种可以选择,还有职业哥们得准星参数,只需要对着开一枪就可以更换,大家可以通过这张https://ol.3dmgame.com/gl/13333.html
8.(四)张家口市商务局市场建设运行领域百问百答设计、标识应满足GB18597要求等;应具备HJ348要求的安全环保类设施设备,符合环境保护和污染控制的相关要求;调整和增加对危险废物和固体废物的贮存、处理要求,企业应妥善处置固体废物,严禁非法转移、倾倒、利用和处置,拆解产生的固体废物贮存应满足HJ2025的要求;扩大附录B中典型固体废物种类和对应处理方法,明确危险废物管理https://www.zjk.gov.cn/content/bwbd/197919.html
9.+价值+对换表+购买/转让/吃饭+有效期及避免过期方法)如果不想在香格里拉酒店官网预定酒店的话,可先注册Extrabux返利网(Extrabux返利网是什么?),通过Extrabux链接在Booking.com、Agoda、Hotels.com、Expedia、Priceline等机票酒店预订网站预订,可以选择全球范围内不同 酒店类型,不仅可享网站各类优惠活动,还可以额外获得消费金额最高6%的超级现金返利。(支持多种提现方式) https://www.extrabux.cn/chs/guide/6893300
10.聊医管理内参试发行版第三期在医院就医方面,进一步全面实施健康医疗信息惠民行动计划,开展居民预约诊疗、分时段就诊、诊间付费以及医保费用即时结算等便民服务,推进医疗机构间检验检查结果互认等。 在取药方面,将探索医疗机构与定点零售药店开展处方外配业务的衔接机制。 在支付方面,强化社保卡的银行账户功能,拓展社保卡线上支付医疗费用结算模式。全面https://lib.lchospital.cn/qitafuwu/liaoyineican-guanlilei/2017nian/2018-07-01/716.html
11.看完20000条微博,捋一捋杜蕾斯的营销套路界面新闻·JMedia下面我想详细分析一下,杜蕾斯在互动营销所运用到的方法和手段: 所谓互动,即双方互相的动起来;而互动式营销关键在于用户与企业之间有来有往,是双向的沟通或行动。 好的互动营销应该具备三个条件: 让用户真正的参与进来,打造强烈的参与感; 在用户快速、及时、有效地与企业产生互动时,让TA们获得即时反馈; https://www.jiemian.com/article/1914563.html
12.网络营销策划方案(精选15篇)这是网上调查最基本的形式,广泛应用于各种内容的调查活动,这实际上也就是问卷调查方法在互联网上的延伸。 (2)电子邮件调查 合理设计调查表单,将设计好的调查表直接发送到被调查者的邮箱中,或者在电子邮件正文中给出一个网址链接到在线调查表页面。 这种方式在一定程度上可以对用户成分加以选择,并节约被访问者的上网https://www.gdyjs.com/shiyongwen/cehuashu/490891.html
13.最新微博方案精选微博营销任务在时下网络营销的方法多种多样大环境下,各企业可以尝试的一定是微博营销。随着微博的逐渐升温,微博营销已经成为当前网络推广的一个新的制高点,其即时性、高传播率、低花费都让现有的营销形式受到一定的冲击。 微博方案 篇5 T100企业微博运营策划方案 https://www.liuxue86.com/a/4986905.html
14.信息技术应用能力提升工程2.0工具软件集锦印章制作大师使用方法 图符设计大师 v5.0 免费绿色版链接:https://pan.baidu.com/s/1tqM_lks_UYYjoGxJbDQC2A 提取码:hu48 复制这段内容后打开百度网盘手机App,操作更方便哦 Snipaste - 截图+ 贴图 https://zh.snipaste.com/ 万能联播 一款在电脑和手机端免费下载各平台视频和百度网盘文件的神器!网页链接 https://www.meipian.cn/3b1ahl50
15.第三章预算费用标准和计算方法各省定额说明查询土地使用及拆迁补偿费计算方法如下: (1)土地使用及拆迁补偿费应根据设计文件确定的大中修工程用地和临时用地面积及其附着物的情况,以及实际发生的费用项目,按国家有关规定及工程所在地的省(自治区、直辖市)颁布的有关规定和标准计算。 (2)森林植被恢复费应根据审批单位批准的大中修工程占用林地的类型及面积,按国家http://www.sjms.info/index.php/default/content/32146.html
16.创新创业大赛的计划书(通用13篇)在发展不断提速的社会中,人们使用创业计划书的机会逐渐增多,一份完美的创业计划书可以增强创业者的自信,使创业者更容易控制企业、对经营更有把握。拟起创业计划书来就毫无头绪?以下是小编为大家收集的创新创业大赛的计划书(通用13篇),仅供参考,大家一起来看看吧。 https://www.yjbys.com/chuangye/ziliao/chuangyejihuashu/632780.html
17.AI指导你实现出色的UI界面设计先说说一款国内的产品——即时AI。它是一款适合新手的国产云端设计工具,与国外的一些云端设计软件相比,它不需要开VPN,且页面完全使用中文。 01 两种算法模型,各有所长 即时AI目前有两大生成模型,JS-INNO和JS-UIbotics,对应不同设计需求,在生成AI前,需要选择对应的生成模型。 https://www.hxsd.com/information/3295/
18.2024年军队文职教育学专业科目考试大纲军队人才网红师教育教学的概念;教学的任务与作用;教学理念;教学过程的概念;关于教学过程本质的主要观点;教育过程中应处理的关系;教学设计;教学模式;教学原则;教学方法;教学环节;教学组织形式;教学评价。 第三章 德育 一、德育概述 德育的概念;德育的意义;德育的任务;德育的基本内容。 https://www.zjjks.com/ksdg/82077.html
19.市场运营具体做什么(解读如何策划有效的市场推广运营方案)某某数据公司所生产的内容几乎全部都是围绕着数据分析、数据驱动、增长这些类似的维度展开的,在教你如何做增长的同时巧妙地将自家的产品融入其中,这样就间接的打了广告,客户如果有意向,会主动到公司官网查看并留下线索(所以官网的设计对企业来说也是只管重要)。 https://www.niaogebiji.com/article-143645-1.html
20.熊说轻分析直播课程笔记:苍穹系列直播2021.08宏变量定义:如项目管理系统中涉及到人员的项目权限(这边的获取的复杂程度影响项目权限如何设计) 轻分析管理员:如何设置轻分析管理员、如何使用宏定义、公共数据源管理等?如何进行移交管理员? 出现两个一对多关系,如何设置SQL取数避免出现数据叉乘、影响取数效率? https://vip.kingdee.com/article/232787776998281472?lang=zh-CN
21.游民星空礼包码使用方法|游戏崩溃解决|全英雄连携技能|角色图鉴 标签:超级英雄|玩家对战 上市:12月06日 众评|进入专区 无限暖暖猛男必玩!!! 攻略:全福利汇总|资源规划建议|跳跃技巧教学|花愿镇设计图收集 兑换码一览|剧情流程视频|钻石获取途径|安装运行FAQ 标签:探索|开放世界 https://gamersky.com/