24个有用的线框&Web原型工具& Mobile

线框和原型非常有用。它们非常适合快速探索概念。它们使您可以廉价地进行初步的思想探索,这对于获得出色的解决方案至关重要。他们可以在项目的创意阶段尽早以健康的方式进行对话。所以这里有24个有用的 线框 &Web原型工具&可帮助创建高或低保真度原型的移动设备。

广告obe XD

广告obe XD

XD使用直观的工具简化了线框图的制作,使您可以快速模拟布局,添加对象,符号和导航,并连接多个画板以制作交互式原型。这是将低保真线框转换为高保真成品设计的最快方法,所有这些都可以在一个应用程序中完成。

网站

铅笔

铅笔

铅笔项目’唯一的任务是构建一个免费的开源工具,以制作每个人都可以使用的图表和GUI原型。

网站

Mydraft.cc

Mydraft.cc

用打字稿,react和redux编写的开源线框图工具。

网站

折纸

折纸

作为一种免费的原型解决方案,Origami具有许多功能,例如Sketch和Photoshop的插件,包含论坛,视频教程和指南的大量文档库。

网站

框架7

框架7

这是一个免费的开源框架,用于开发具有本机外观的移动,桌面或Web应用程序。它也是必不可少的原型制作工具,可以在需要时尽快显示可运行的应用程序原型。

网站

鳄梨

鳄梨

鳄梨是一个由谁构建的开源交互设计工具箱? IDEO。?它使设计人员无需编写代码即可制作快速的交互原型。内置于Facebook之上’Avocado的Origami框架提供了易于使用的补丁,可以轻松组合以创建完全定制的原型。

网站

已编辑

已编辑

保持线框不受分散Lorem Ipsum的干扰。

网站

有线元素

有线元素

这是一系列具有手绘外观的基本UI元素。这些可用于线框,模型或有趣的手绘外观。

网站

异想天开

异想天开

异想天开是用于流程图和线框图的Web应用程序。异想天开使您能够建立流程并快速地就想法进行协作。如果您的项目需要实时协作以快速绘制流程图和线框,那么Whimsical可能是您最好的选择。

网站

乌扎德

乌扎德

编写前端代码非常耗时。 乌扎德将线框转换为代码,因此您可以将时间集中在创建重要的辅助功​​能上。

网站

巴尔萨米克

巴尔萨米克

巴尔萨米克是一个了不起的快速原型制作工具,可用于创建各种应用程序的线框和模型。借助其预先构建的元素,用户可以轻松地将其拖放到画布上,以快速有效地与客户验证想法。 巴尔萨米克更加关注静态和低保真原型。

网站

模拟流

模拟流

它为所有UI计划需求提供了一站式解决方案,包括UI设计模型,站点地图,文档和设计批准。

网站

Flowmapp

Flowmapp

FlowMapp是用于创建可视站点地图和用户流的在线工具,可帮助您有效地设计和规划用户体验。

网站

UXpin

UXpin

UXPin是一个完整的产品设计平台,可在单个Web应用程序中提供从设计,线框图,原型制作,协作,用户测试到切换的所有功能。

网站

入侵

入侵

入侵非常适合在浏览器或智能手机中快速测试设计,但是您仍然需要Photoshop或Sketch之类的应用程序来创建模型,然后将其导入Invision。

网站

线框.cc

线框.cc

这是一个在线线框工具。这是一个非常简单的工具,即使在界面中也跳过了工具栏。您可以根据需要对其进行线框设置,而对预设的组件,元素或任何图标没有任何限制。

网站

原型

原型

直接在Proto.io中设计原型。通过使用精美的iOS和Android用户界面组件来加快设计过程,或者从Sketch或Photoshop导入设计。

网站

贾斯汀敏德

贾斯汀敏德

从头开始设计。从可点击的线框到完全交互式的原型。它们提供了全方位的Web交互和移动手势,因此您可以专注于创建令人愉悦的用户体验。

网站

Mockplus

Mockplus

对于想要生成高质量原型但学习时间不长的专业设计师而言,这是一个可靠的原型应用程序。

网站

原型

原型

使用ProtoPie,您可以制作高度互动的原型,感觉像最终产品。它’是macOS和Windows上唯一涵盖所有数字产品范围的原型制作工具。从移动应用到桌面应用和网站。从车载界面到智能家居应用。

网站

草稿

草稿

草稿是Turbo原型制作工具,可帮助您在几分钟内使用现成的模块来构建网站结构。

网站

知更鸟

知更鸟

在模仿鸟上,您可以为网页线框创建许多页面。通过将左侧面板中的控件拖放到页面中,开始进行线框图设计。一些很酷的功能包括在在线框上添加注释以及与其他人共享线框以进行协作编辑。

网站

广告obe Comp CC

广告obe Comp CC

使用自然的绘图手势在手机或平板电脑上创建布局。 Comp CC将您的粗略形状和线条转换为清晰的图形。从Adobe Creative Cloud库中提取矢量形状,图像,颜色和文本样式,从Adobe Typekit中提取专业字体,然后将压缩文件发送到Adobe 的Photoshop,Illustrator或InDesign,以在桌面上完成。

网站

Vectr

Vectr

这是一个免费的图形软件,用于轻松直观地创建矢量图形。它’一个简单而强大的Web和桌面跨平台工具,使您的设计变为现实。

网站

1 Comments

  1. 拉希姆说:

    还有另一个新的视觉设计和线框图工具,名为inproto.net。它’完全免费的签出 //inproto.net/

发表评论

请客气。我们对此表示赞赏。您的电子邮件地址将不会被发布,并且必填字段已被标记

该网站使用Akismet减少垃圾邮件。 了解如何处理您的评论数据.