1、Proto.io
Proto.io是一个特殊的手机原型开发平台——可以构建和部署全交互式移动程序的原型,并可以模拟类似的成品。它可以在大多数浏览器中运行,并提供三个重要的界面:dashboard、编辑器和播放器。
dashboard可以用来管理项目。编辑器是一个构建原型的环境,由一组设计和开发原型的工具组成,也可以构建交互。播放器用于观看原型,与原型交互,并提供相关工具来标记和保留反馈信息。您可以直接在真实的移动设备上测试原型。并且可以使用iOS或Android上的浏览器以全屏模式运行原型。
2、即时设计
即时设计可以说是国内最受欢迎的产品设计原型工具之一,操作方便,功能丰富,深受设计师的喜爱。即时设计涵盖了其他软件的许多优点,整个界面相对简单,因此操作和学习成本相对较低,是一种更适合国内设计师的专业设计工具。同时,即时设计可实现多平台无障碍使用,支持网页端,macOS、Windows、Linux、iOS、Android、微信小程序等多平台在线使用,资源广场为用户准备了大量免费设计资源,是值得使用和理解的产品设计原型工具。
免费的原型设计工具即时设计是一款支持在线协作的专业级 UI 设计工具,支持 Sketch、Figma、XD 格式导入,海量优质设计资源即拿即用。支持创建交互原型、获取设计标注,为产设研团队提供一站式协同办公体验。https://js.design/practice?source=csdn&plan=bttcsdn01163
3、UXPin
UXPin是DeSmart团队开发的一个简单快捷的物理模型和在线点击原型创建工具。基于优秀的用户体验设计原则,提供了一个完整的工具包(具有良好的用户设计模式和元素),从零开始构建一个优秀的原型。
UXPin具有响应断点功能,创建的响应原型和线框图可以在不同的设备和分辨率上运行。此外,该软件还提供版本控制和迭代功能,可以轻松共享预览、直观注释和实时协作编辑和聊天。该软件具有大量有吸引力的用户界面元素风格(包括web)iOS,Android等。),并且具有快速、灵敏的响应拖放接口。
4、BalsamiqMockups
Balsamiqmockups是一款非常方便、非常高效的原型设计软件。
Balsamiqmockups目前包括75个界面控件和187个漂亮的icon,基本上都有自己常用的小控件,UI控件支持自动拖动,并且可以实现自动对齐。还有很多可以随时使用的元素,简单的拖动就能形成效果图。Mockupstogolibrary中也有适合Android的、Blackbery和iOS开发者的模板,Windows、MacOS、可以在Linux下使用。可以使用XML语言保存元素,也可以导出PNG图片,可以插入任何项目。
Balsamiqmockups再现了在白板上绘制草图的体验,共享原型测试有助于合作和反馈。整体采用手绘风格,Balsamiqmockups还提供了将图片转换为手绘风格的选项,保持了整体风格的一致性。
5、JustinMind
Justinmind是西班牙Justinmind公司生产的原型制作工具,可输出Html页面。与目前主流的交互设计工具axure、Balsamiqmockups等相比,JustinmindPrototyper更专属于设计移动终端app。
Justinmind可以帮助开发者设计更丰富、更具交互性的新型移动产品线框图,包括iPhone、Android和iPad常用手势,滑动、缩放、旋转,甚至捕捉设备方向,从而创造出更具交互性的原型。此外,它还可以将原型信息导出到MicrosoftWord,生成标准文档。
此外,您还可以自定义小组件,创建自定义组件库并进行分类,无论对象是iPhone、iPad、黑莓、Android等。
6、FluidUI
FluidUI是一种用于移动开发的Web原型设计工具,可以帮助设计师有效地完成产品原型设计。FluidUI内置了1700多个线框图和移动UI控件,并经常更新。
FluidUI没有设备限制,没有平台限制(Windows、Mac和Linux系统)支持Chrome和Safari浏览器(Chrome浏览器上的app也可以离线使用)。您可以使用FluidPlayer预览您的设计,收集意见和反馈。也可以PNG、PDF方式输出。
FluidUI使用方法简单,采用拖动操作方式,无需程序员编写代码。此外,FluidUI资源库非常丰富,针对iOS、Android和Windows8资源。如果您认为库存资源不能满足您的需求,您也可以自行添加。
7、Axure
不用说,很多人都在用这个交互原型设计软件。网上也有很多这方面的教程和文档。
8、Mockflow
Mockflow是一种快速高效地为网站和移动应用制作线框图的工具,友好而强大,类似于Axure。内置许多常用的控制和图标,如按钮、图片、下拉菜单、进度条和文本面板,可以有效地帮助用户提高传统软件和丰富互联网应用软件的快速设计和交互式用户界面实体模型的规划过程。
Mockflow配备了大量与线框图部件相关的资源库,提供了四个可选模板(iPhoneapp、Androidapp、iPadapp和Windowsphone),你也可以选择自己的布局和设计。您还可以使用MockStore的更多元素和模板。
Mockflow支持合作和聊天功能,每个人都可以在不同的页面上看到项目的实时进展和变化。该项目也可以以不同的形式输出,您也可以在移动设备或台式计算机上查看和测试应用程序的功能。
9、Protoshare
ProtoShare:在线网站开发协作制作工具是一种非常方便的在线原型制作工具,专注于团队合作。团队成员可以通过这个工具审查工作,并及时提供反馈,并对线框图或内容提出建议。
Protoshare作为一个强大的线框图和原型平台,提供了大量的移动工具集(包括来自中心资源库的大量移动模板和大量的2D、3D动画过渡)。通过“拖放”界面,您可以快速创建交互式线框图和移动原型,然后发送到iPhone、测试iPad或Android设备,体验app的功能实现。
此外,Protoshare还支持共享和反馈功能,项目成员可以标记和跟踪反馈信息来做出决定。大量的资源库意味着你可以使用模板和反馈来创建移动产品线框图,然后演变成高保真的原型。
10、Wireframe
Wireframe是一种超简单的线框图创建工具,具有“点击-拖-放”界面。双击实现编辑功能。有限的界面意味着你将专注于你的想法。每个线框图都配备了独特的URL,便于标记和分享。
Wireframe有两个模板选项:浏览器窗口和移动手机,移动版有两个选项:纵向和横向。线框图的每个元素都可以编辑和转换。
11、WireframeSketcher
WireframeSketcher是一款强大、灵活的线框图和原型快速创作工具,适用于桌面app和移动app开发者。WireframeSketcher可以作为单独的app或Eclipse插件。
WireframeSketcher也是一个简单的手绘风格的创作工具,这样你就不会被一些细节打扰。它包含了大量的UI控件,可以灵活定制设置。通过优化界面、多种快捷方式、格点捕捉和智能引导,Wirefr
Wireframesketcher也是一个简单的手绘风格的创作工具,这样你就不会被一些细节打扰。它包含了大量的UI控件,可以灵活定制设置。通过优化界面、多种快捷方式、格点捕捉和智能引导,Wireframesketcher成为了快速高效的选择。Mockupsgallery还存储了大量的插件、模板和icon。
12、Omnigraffle
OmniGraffle是一款由TheOmniGroup制作的app,可用于快速绘制线框图、图表、流程图、组织结构图、插图等类型图,也可用于组织思维信息,并获得2002年苹果设计奖。
它使用拖放所见即所得界面。您可以使用钢笔工具绘制自定义的模板或图形。此外,您还可以自带Graffletopia提供的多个iPhone、iPad和Android模板。
13、Pidoco
Pidoco是一款基于Web的原型设计软件,用于快速创建可点击的线框图。也可用于制作网站项目、移动项目、企业应用的用户界面原型。具有智能共享协作功能和便捷的可用性测试模块,使用方便。
通过简单的拖放界面,您可以使用软件自己的移动UI元素快速创建移动应用程序原型,或者使用移动页面模板来节省更多的时间。您可以选择“plain"或者"sketched“模式显示您的线框图。
14、FlairBuilder
Flairbuilder是一种快速原型工具,可以用来创建交互式线框图,可以帮助您将低保真度草图升级为高保真度线框图。Flairbuilder内置70多个小部件或小部件,并有大量模板。您可以简单快速地预览您的项目,并输出功能齐全的HTML原型。线框图以树形结构出现,Flairbuilder可以读取您的线框图,并生成一个易于查看的层次网站地图。
Flairbuilder有iOS和Android模板,您可以以HTML的形式输出原型,这样也很容易在真机上进行测试。