技术标签: 原型设计 交互设计 原型工具 产品经理,原型设计工具,原型设计,设计工具 原型设计工具 产品经理
据数据显示,中国手机App市场应用已经超过402万款,远远高出我们的想象。数据背后的支撑,除了庞大的设计开发团队,还有各式各样的原型设计工具的应用。为了找到一款得心应手的原型工具,设计师们和产品经理们通常热衷于求助知乎和Quora。最近留意到一个全世界都在问的问题:哪款App原型设计工具最好用?
可能大多数产品经理或者设计师在看到这个问题的时候,脑子里一片空白,那么多原型工具,我怎么知道哪一款最好用呢?
本着乐于助人的思想,我这里给大家整理了几款在知乎和Quora上排名都比较靠前的移动应用原型设计工具。
1. Justinmind
【费用】$29/月 ~ $495/用户
【使用平台】Mac, Windows
【擅长领域】Web, Desktop, Mobile
Justinmind 是一个很灵活的原型设计工具,支持多种终端设备,从简单的鼠标点击到各种复杂交互的工作都能胜任。既可以在已设计好的效果图上添加交互特性,也可以在Justinmind中使用预设的标准组件库创建各种界面。
优势:
支持特定设备的模板和功能。
可快速、直观的通过拖拽操作添加各种资源。
可模拟生成自带设备外框、以及完整交互特性的web页面进行预览。
可以为每个微小的、单独的设计元素添加交互属性。
支持基于手势操作的交互操作设定。
劣势:
陡峭的学习曲线,首次使用的用户需要花一些时间上手。
添加多个动作到同一个设计元素上时,动作无法同时执行,而且按顺序逐个执行。
2. Axure
【费用】标准版:$ 289 / 专业版:$ 589
【使用平台】Mac, Windows
【擅长领域】Web, Desktop, Mobile
Axure是一个用来设计Web、App或者桌面客户端软件类型原型的理想工具,可以设计各种复杂的交互动作和以及多种状态的界面表现。
优势:
有良好的培训文档和客户支持文档。
可以为每个微小的、单独的设计元素添加交互属性。
擅于设计复杂的交互行为动作。
内建的组件库可以自定义各种特定的动作和行为属性。
灵活性 --- 能被用于设计任何数码设备平台上的产品原型。
劣势:
陡峭的学习曲线;对首次使用的用户来说不够简单。
没有内建特定设备(例如:iPhone / Android 等)的模板和功能组件
主要用于在工具中从头开始创建原型页面,相对来说不太方便在已有设计图上添加交互属性。
3. Mockplus
【费用】专业版:118元/年;终身版:699元/用户
【使用平台】Mac, Windows
【擅长领域】Web, Desktop, Mobile
Mockplus是一个简单快速且非常强大的原型工具。每一次版本更新都会用户带来惊喜。有幸加入了他们的测试群,体验了一把即将发布的3.2,新增了格子、流程图、Sketch导入和项目模板等5大新功能。虽然有些地方还待完善,但不得不说,新功能真的很赞!
优势:
操作简单,学习成本低,一拖一放,3秒钟完成交互设置。
交互设置简单直观,快速上手。
丰富的组件库和图标库,200个组件和3000个图标,任意使用。
支持多种手机预览方式,可直接输入原型码在手机端预览,也可直接分享URL,非常简便。
多人协作和在线审阅,促进团队成员沟通,大大提升团队工作效率。
劣势:
功能细节需要继续打磨。
官网教程不够完善。
交互上不支持手势操作。
项目例子多,但没有详细的操作指导,对新用户不够友好。
4. Proto.io
【费用】29美元/月,或者288美元/年,可以有5个活跃项目。还有10、15、30个活跃项目的套餐。
【使用平台】web平台
【擅长领域】iOS, Android
Proto.io是一个专用的手机原型开发平台—可以构建和部署全交互式的移动程序的原型,并且可以模拟出相似的成品。它可以运行在大多数的浏览器上。
优势:
易于制作快速的实体模型。
大量的标准UI元素库,而且很多是可以定制的。
可以在一个项目中包含多个屏,屏之间可以创建过渡效果。
支持元件跟Dropbox同步。
劣势:
没有即时预览。
如果加了很多交互,动效会变慢。
所有原型都保存在Proto.io的web平台上,这意味着如果你要取消你的帐号,将不能再继续运行你的项目。
不支持3D动效。
总结
这几款App原型设计工具都有自己的独特优势,适合不同的需求。没有最好的工具,只有最适合的。通过每一个工具的优劣势分析,我想大家应该知道自己需要的是哪款工具了。对于我来说,还是更期待Mockplus3.2的发布,体验了内测版之后,已经按捺不住内心的激动了\(≧▽≦)/,流程图大大的赞!
文章浏览阅读2w次,点赞7次,收藏51次。四个步骤1.创建C++ Win32项目动态库dll 2.在Win32项目动态库中添加 外部依赖项 lib头文件和lib库3.导出C接口4.c#调用c++动态库开始你的表演...①创建一个空白的解决方案,在解决方案中添加 Visual C++ , Win32 项目空白解决方案的创建:添加Visual C++ , Win32 项目这......_c#调用lib
文章浏览阅读4.6k次。苹方字体是苹果系统上的黑体,挺好看的。注重颜值的网站都会使用,例如知乎:font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, W..._ubuntu pingfang
文章浏览阅读159次。表单表单概述表单标签表单域按钮控件demo表单标签表单标签基本语法结构<form action="处理数据程序的url地址“ method=”get|post“ name="表单名称”></form><!--action,当提交表单时,向何处发送表单中的数据,地址可以是相对地址也可以是绝对地址--><!--method将表单中的数据传送给服务器处理,get方式直接显示在url地址中,数据可以被缓存,且长度有限制;而post方式数据隐藏传输,_html表单的处理程序有那些
文章浏览阅读1.2k次。使用说明:开启Google的登陆二步验证(即Google Authenticator服务)后用户登陆时需要输入额外由手机客户端生成的一次性密码。实现Google Authenticator功能需要服务器端和客户端的支持。服务器端负责密钥的生成、验证一次性密码是否正确。客户端记录密钥后生成一次性密码。下载谷歌验证类库文件放到项目合适位置(我这边放在项目Vender下面)https://github.com/PHPGangsta/GoogleAuthenticatorPHP代码示例://引入谷_php otp 验证器
文章浏览阅读4.3k次,点赞5次,收藏11次。matplotlib.plot画图横坐标混乱及间隔处理_matplotlib更改横轴间距
文章浏览阅读2.2k次。①Storage driver 处理各镜像层及容器层的处理细节,实现了多层数据的堆叠,为用户 提供了多层数据合并后的统一视图②所有 Storage driver 都使用可堆叠图像层和写时复制(CoW)策略③docker info 命令可查看当系统上的 storage driver主要用于测试目的,不建议用于生成环境。_docker 保存容器
文章浏览阅读834次,点赞27次,收藏13次。网络拓扑结构是指计算机网络中各组件(如计算机、服务器、打印机、路由器、交换机等设备)及其连接线路在物理布局或逻辑构型上的排列形式。这种布局不仅描述了设备间的实际物理连接方式,也决定了数据在网络中流动的路径和方式。不同的网络拓扑结构影响着网络的性能、可靠性、可扩展性及管理维护的难易程度。_网络拓扑csdn
文章浏览阅读1.8k次,点赞5次,收藏8次。IOS系统Date的坑要创建一个指定时间的new Date对象时,通常的做法是:new Date("2020-09-21 11:11:00")这行代码在 PC 端和安卓端都是正常的,而在 iOS 端则会提示 Invalid Date 无效日期。在IOS年月日中间的横岗许换成斜杠,也就是new Date("2020/09/21 11:11:00")通常为了兼容IOS的这个坑,需要做一些额外的特殊处理,笔者在开发的时候经常会忘了兼容IOS系统。所以就想试着重写Date函数,一劳永逸,避免每次ne_date.prototype 将所有 ios
文章浏览阅读5.3k次。方法一:用PLSQL Developer工具。 1 在PLSQL Developer的sql window里输入select * from test for update; 2 按F8执行 3 打开锁, 再按一下加号. 鼠标点到第一列的列头,使全列成选中状态,然后粘贴,最后commit提交即可。(前提..._excel导入pl/sql
文章浏览阅读83次。Git常用命令速查手册1、初始化仓库git init2、将文件添加到仓库git add 文件名 # 将工作区的某个文件添加到暂存区 git add -u # 添加所有被tracked文件中被修改或删除的文件信息到暂存区,不处理untracked的文件git add -A # 添加所有被tracked文件中被修改或删除的文件信息到暂存区,包括untracked的文件...
文章浏览阅读202次。分享119个ASP.NET源码总有一个是你想要的_千博二手车源码v2023 build 1120
文章浏览阅读1.8k次。版权声明:转载请注明出处 http://blog.csdn.net/irean_lau。目录(?)[+]1、缺省构造函数。2、缺省拷贝构造函数。3、 缺省析构函数。4、缺省赋值运算符。5、缺省取址运算符。6、 缺省取址运算符 const。[cpp] view plain copy_空类默认产生哪些类成员函数