⑴ 常用快速原型设计工具大比拼,原型设计工具哪个好用
经过数年设计原型的经历,我尝试过很多原型设计工具,希望能够找到最有效率的原型设计工具。接下来,我来分享一些我用过的原型设计工具以及他们的优缺点!
Axure:发展较早的一款原型设计软件,因而名声较大。无限画布,适合做低保真到中保真度的原型。功能很多,也让学习起来有点难度,网上有很多axure教程就不多说了。本地型软件,可以下载html文档预览,手机预览不方便。
墨刀:国产的一款原型设计协作工具,比起axure来非常容易学会,内置组件很多,创建页面跳转也比axure简单太多。因为是一款在线工具,可以云端保存工作,这点确实很便捷。另外,通过分享链接就可以分享原型给别人看了,如果涉及到跟同事对接什么的,选择在线的工具更方便。支持sketch文稿导入和自动标注。个人认为性价比最高。
Invision: 可以说目前是国外发展最大的在线原型设计工具,主打“交互原型”和“协作”,支持sketch和ps设计稿导入做交互。近来出的 Invision studio 对标sketch,想满足更惊喜的设计需要。国外一些大牛公司像airbnb和amazon都在用。不过对于国内用户来说会有服务器速度的问题,而且,贵。(土豪公司无视)
Marvel: Marvel 也是海外知名度较高的一款原型设计协作工具,支持PS和sketch设计稿导入做交互原型,本身也支持中度保真程度的设计。也有自动标注功能。图片库对接unsplash,这样来自unsplash的很多精美的免费图片可以直接用。价格比Invision稍便宜。
Proto.io:也是国外的一款手机原型开发平台。支持在大多数的浏览器运行,共享和协作操作方便,可以直接在真实的移动设备上对原型进行测试。拥有较为丰富的UI组件,支持自定义。另外它有不错的用户测试功能,支持视频录制。并且在移动组件时,能够实时在画布看到组件之间的距离。另外由于服务器的原因,有国内用户反应速度有点慢;收费较高,性价比一般吧。
UXPin:UXPin是DeSmart团队开发的一个在线可点击原型设计工具该软件,拥有大量用户界面元素(包括web,iOS,Android等),可以共享预览,注解和实时的协同编辑。另外该软件还提供了版本控制和迭代功能。缺点仍然在于国外服务器和价格问题。
原型设计工具各有各自的优缺点,找到适合自己设计的原型设计工具很重要!希望大家早日上手适合自己的原型设计工具。
⑵ 手机App开发之前的设计,用什么软件画原型
线框图工具和App原型设计工具不断的改变着UX设计师的工作方式。作为一名设计师,很幸运市面上有丰富的原型设计工具供我们使用。我给你推荐三款主流软件供您参考,这三款软件都是可以让我们能够以较低的成本来创建我们的原型。
Sketch
兼容:只支持Mac
学习曲线:中
优势:轻量,提供大量插件
兼容:Win,、Chrome、Linux、Mac
学习曲线:中
优势:多平台操作(Win,、Chrome、Linux、Mac)
Sketch是一款比较受欢迎的基于矢量的app原型设计工具。自2009年推出以来,Sketch就收获了一大批粉丝。 Sketch提供了上百个插件,基本上你想要的插件都可以下载到,极大的提升了设计师的工作效率。虽然Sketch确实支持一定程度上的交互和用户流(使用插件)但它真正令人眼前一亮的是它填补了Photoshop一些功能上的空白。
Figma
Figma 是一个基于浏览器的协作式 UI 设计工具,从推出至今越来越受到 UI 设计师的青睐,也有很多的设计团队投入了Figma 的怀抱,接下来我会带大家深入了解 Figma,以及我们为什么要使用 Figma。
Mockplus
兼容:Mac,Window,Android,IOS
学习曲线:低
优势:快速进行设计,交互和测试
Mockplus是产品经理圈子中最受欢迎的一款app原型设计工具。与Axure等复杂的app原型工具相比,Mockplus最大的优势就是快,简单,高效。非常适合做中低保真原型,采用拖拽连接点的方式就可快速的创建页面与组件的交互,并且提供了封装好的3,000个图标和200个组件,一键拖拽,即可使用。另外Mockplus有8种预览方式可以共享和测试你的原型,也可直接通过微信小程序分享给客户或者朋友查看,十分方便,这也是我非常喜欢的原因之一。另外摹客设计云设计协作平台包含了原型设计、全流程协作、设计规范等使用功能,对设计师非常友好。网页链接
⑶ 如何用 Keynote 做App原型设计
静态图
1. 先用画好的线框图或者直接在keynote里用色块布局
2. 填充图片,可调整阴影等基本效果
3. 导出图片放进手机里
4. 根据用户反馈调整
动画效果
1. 利用Keynote自带的物件动画
2. 活用Keynote最棒的“神奇移动”转场效果
3. 手机装上keynote app打开演示文档
4. 根据反馈调整效果
交互事件
1. 调整图片尺寸导入Xcode
2. 仅用针对图片的简单代码
3. 仅用简单的交互手势代码
首先:制作静态图
1. 先用画好的线框图或者直接在keynote里用色块布局,keynote提供了多种智能的对齐,布局,格式等等设计方式,整个过程会非常的轻松。比如自动标尺吸附等距等等,比绝大多数原型制作软件都简单人性化。
2. 对照一些线框图可以继续铺色块和布局,这个过程中你会发现这个对齐和吸附的过程是多么的神奇。
3. 导入图片,Keynote有很多种方式可以调整素材样式,包框,阴影,透明图,实时遮罩等等。是的,你可以用PS慢慢玩,也可以用keynote一键完成。
4. 很多人用原型软件是看中那些控件,其实大多数控件还不如自己在Keynote里制作快速。而且Keynote自带了很多标志和Icon,完全不用到处去找了。比如这个例子里的打分用五星,改个黄色就可以了。
5. 依次类推,可以很快做出很多页面,导出图片格式,在手机中查看。
第二阶段,假互动,加入动画效果
具体关于为何这么做,每个阶段完后的反馈过程,目标等等原理的东西请大家看视频或者PDF吧,这里主要说下过程和他们是怎么充分发挥Keynote在原型制作中的特点的。
比如这个假互动的阶段,如果你不用Xcode的话,这个就是交互原型的最后阶段了。基本原理就是活用图片,活用物件动画,活用转场动画,足以做出以假乱真的原型,只要你的测试用户不要瞎点......
关于Keynote自带的动画有非常多种和微调效果,起初我不是很理解,因为很多花哨的效果很难用到幻灯片里,直到开始做原型发现,其实很多动画经过调整都是很好的交互效果,包括现在看到的一些令人惊艳的反弹,延迟等逼真的细节动作,Keynote早就可以微调模拟了。
据说锤子手机和苹果的很多交互效果,都是先用Keynote做出来再给工程师写出来的。(是文末附的许岑视频中说的,好像是,记不清了,无责任据说预警)
1. 制作动画有很多方式,可以根据你的职业,习惯选择不同的方法。
也有很多很巧妙的方式,其中最简单,最快的就是一定要灵活运用图片。灵活到什么程度,我举个视频里面全场爆笑的例子。动画是这样的:敲击键盘,字符一个个的蹦着出现在屏幕上。里面说,我可以只用一行或者干脆不用代码就做出来。这个用Keynote就可以实现,各位可以想想。
2. 特别提到一个Keynote独有的“神奇移动”效果。可以把前一页中的物件移动或放大到下一页中。效果非常出众。
好了,其实至此,绝大多数的动画效果都可以做出来了。如果不满足于此,学点简单的语法,在Xcode里只用针对图片和交互相关的代码就可以做出更加逼真的原型了。
⑷ 苹果手机某App显示:“开发者已将您从测试计划中移除”是什么意思
意思是ios不允许下载了。安装的是个测试软件,没有在App Store上架的app。
要使用 TestFlight 测试 Beta 版 App,您需要接受来自开发者的电子邮件或公开链接邀请,并且拥有可用于测试的设备。
App Store Connect 中开发者团队的成员可被添加为测试员,且有权访问 App 的所有构建版本。
所有其他受邀的测试员有权访问开发者提供给他们的构建版本。开发者可以通过电子邮件或公开链接邀请您参加测试。
在宽松的规则和不交‘苹果税’的吸引之下,TestFlight 的一大短板,就是每款 App 只能被最多 10000 人使用的上限。同时,开发者们也开始利用起了这套‘地下 App Store’生态系统。
BitSuites 的 iOS 开发者 Thomas Weigt,更是创建了一个名为 Departures 的网站,上面罗列出了一些大企业和独立开发者开放出来的 TestFlight 。
苹果公司于 2014 年收购了面向开发者的 TestFlight 工具,以便其在 App Store 上正式发布前开展原型测试,然而越来越多的开发者开始完全跳过最后一步。
⑸ App 产品原型设计用什么软件
那axure和腾讯cdc的uiddesigner,还有在线的fluidUI也可以考虑。其他好像没有了吧。但除了axure,后两者所谓的交互其实都是不同的界面截图之间的切换,说白了就是多节点式结构的ppt,不是真正的交互。axure的思想更接近实际开发,比如通过master实现界面元素的封装复用,条件判断,函数,变量。这些功能除了开发工具,原型工具还有谁能比得上axure吗? app原型相比网页,界面结构简单,但交互复杂得多。界面上的div也不是平铺的,为了有效利用空间会用到很多层叠,卡片式之类的展示方式。要做这类高保真可交互原型,我觉得非auxre莫属。比如一个tableview滑动到顶部刷新,底部回弹,不借助开发只有axure能做出来。 我从07年开始用axure,曾经一度认为做网站原型,axure已经不需要再怎么改进了。自从做app之后,觉得axure有点根不上时代,但试了其他工具,还是觉得auxre最合适。仔细做过几个以后,我觉得axure还是完全适合做app原型的。做好以后分享也方便。放到内网,或者axshare上,或者有一个html runtime的app,可以在设备上直接浏览axure输出的html。 当然axure作为一个工具,不可能每个环节都是最好的。比如我希望axure能借鉴一下其他工具和开发思想,把UI和素材分离出来,就像换皮肤一样,一个控件可以随便更换图片素材。这样pm或者交互用最简单的线框设计,确定交互以后,可以把设计师的图贴上去,这样就100%保真了。 axure对app设计不友好或者说最落伍的地方,就是支持的事件类型太少。交互上无法模拟出多点触摸,无法模拟设备运动,无法模拟各类传感器……或许对一个原型工具来说,要求太高了。
⑹ App 产品原型设计用什么软件axureMMvisio
很多产品原型设计软件,下面分享一些以及个人对此的看法总结:
Axure:发展较早的一款原型设计软件,因而名声较大。无限画布,适合做低保真到中保真度的原型。功能很多,也让学习起来有点难度,网上有很多axure教程就不多说了。本地型软件,可以下载html文档预览,手机预览不方便。
墨刀:国产的一款原型设计协作工具,比起axure来非常容易学会,内置组件很多,创建页面跳转也比axure简单太多。因为是一款在线工具,可以云端保存工作,这点确实很便捷。另外,通过分享链接就可以分享原型给别人看了,如果涉及到跟同事对接什么的,选择在线的工具更方便。支持sketch文稿导入和自动标注。个人认为性价比最高。
Invision: 可以说目前是国外发展最大的在线原型设计工具,主打“交互原型”和“协作”,支持sketch和ps设计稿导入做交互。近来出的 Invision studio 对标sketch,想满足更精细的设计需要。国外一些大牛公司像airbnb和amazon都在用。不过对于国内用户来说会有服务器速度的问题,而且,贵。(土豪公司无视)
Marvel: Marvel 也是海外知名度较高的一款原型设计协作工具,支持PS和sketch设计稿导入做交互原型,本身也支持中度保真程度的设计。也有自动标注功能。图片库对接unsplash,这样来自unsplash的很多精美的免费图片可以直接用。价格比Invision稍便宜。
POP(Prototyping on Paper):这款比较另类,是给拍照的手画草图直接做交互。操作轻巧简单:先用手机拍下草图原型(存到POP app内);然后开始编辑图片的哪个区域(按钮)链接到什么页面,添加跳转链接热区,就可以在手机上给小伙伴们演示了。内嵌的交互动作 如侧滑、展开、消失等,即可满足一般的动态演示需要。但功能较为简单,对更深的需求无法满足。
Proto.io:也是国外的一款手机原型开发平台。支持在大多数的浏览器运行,共享和协作操作方便,可以直接在真实的移动设备上对原型进行测试。拥有较为丰富的UI组件,支持自定义。另外它有不错的用户测试功能,支持视频录制。并且在移动组件时,能够实时在画布看到组件之间的距离。另外由于服务器的原因,有国内用户反应速度有点慢;收费较高,性价比一般吧。
UXPin:UXPin是DeSmart团队开发的一个在线可点击原型设计工具该软件,拥有大量用户界面元素(包括web,iOS,Android等),可以共享预览,注解和实时的协同编辑。另外该软件还提供了版本控制和迭代功能。缺点仍然在于国外服务器和价格问题。
这些产品原型设计软件都比较常见,你可以根据你个人需求来选择,反正我使用的是墨刀,它真的省时省力提高了我的工作效率。希望对你有帮助!有疑问的地方欢迎追问~
⑺ App 产品原型设计用什么软件axureMMvisio
如果像要在设备上实际让原型显示出来,并且能测试。那axure和腾讯cdc的uiddesigner,还有在线的fluidUI也可以考虑。其他好像没有了吧。但除了axure,后两者所谓的交互其实都是不同的界面截图之间的切换,说白了就是多节点式结构的ppt,不是真正的交互。axure的思想更接近实际开发,比如通过master实现界面元素的封装复用,条件判断,函数,变量。这些功能除了开发工具,原型工具还有谁能比得上axure吗?
app原型相比网页,界面结构简单,但交互复杂得多。界面上的div也不是平铺的,为了有效利用空间会用到很多层叠,卡片式之类的展示方式。要做这类高保真可交互原型,我觉得非auxre莫属。比如一个tableview滑动到顶部刷新,底部回弹,不借助开发只有axure能做出来。
我从07年开始用axure,曾经一度认为做网站原型,axure已经不需要再怎么改进了。自从做app之后,觉得axure有点根不上时代,但试了其他工具,还是觉得auxre最合适。仔细做过几个以后,我觉得axure还是完全适合做app原型的。做好以后分享也方便。放到内网,或者axshare上,或者有一个html runtime的app,可以在设备上直接浏览axure输出的html。
当然axure作为一个工具,不可能每个环节都是最好的。比如我希望axure能借鉴一下其他工具和开发思想,把UI和素材分离出来,就像换皮肤一样,一个控件可以随便更换图片素材。这样pm或者交互用最简单的线框设计,确定交互以后,可以把设计师的图贴上去,这样就100%保真了。
axure对app设计不友好或者说最落伍的地方,就是支持的事件类型太少。交互上无法模拟出多点触摸,无法模拟设备运动,无法模拟各类传感器……或许对一个原型工具来说,要求太高了。