quickMockup

软件描述

浏览器中创建原型的在线工具。使用浏览器的保存功能保存文件(仅查看用的html文件,完整保存以获得可编辑版本),或导出至CodePen供他人查看。

官方网站

访问软件的官方网站了解更多信息

官方认证

jdittrich.github.io

安全链接HTTPS
立即访问

什么是 quickMockup?

QuickMockup 是一个用于快速创建界面和网站简单原型的简易工具,基于 HTML 并由 JavaScript 增强。

使用场景
该工具旨在帮助快速制作界面原型,以便传达设计想法。
它不适合制作像素级精确的原型,也不适用于涉及多个屏幕和数百个元素的复杂界面原型。
目前的目标用户是参与开源项目的交互/界面设计师或具备设计意识的开发者,他们需要高效表达自己的构思——此时,一个原型胜过千言万语。

保存方式
您只需使用浏览器的“另存为”功能即可保存网页(例如 Firefox 的保存方法见此处)。在保存对话框的下拉菜单中,可选择“完整网页”或“仅 HTML”。
若选择“完整网页”,将保留交互功能(您可以压缩文件,发送给他人,对方可直接继续编辑)。
若选择“仅 HTML”,则仍会生成包含原型内容的文件,可在任意浏览器中打开查看。
您也可以直接截屏(若原型仅为临时草图),使用任何您喜欢的截图工具即可。

🔄 替代方案

21 个选择
0

一款协作式设计工具,在单一基于浏览器的平台上提供线框图绘制、原型设计及设计规范创建功能。通过API无缝集成至您的工作流程,与Sketch和Photoshop同步,并使用海量资源库。通过自动生成代码,实现设计到开发的高效衔接。

Studio.Design

Studio.Design

4

Studio.Design 是专为设计师打造的网站构建工具。这款浏览器应用集成了如同 Figma 般直观的设计功能、如同 Notion 般简单的 CMS,以及一键发布至您域名的能力。现在,您终于可以快速轻松地将任何想法变为惊艳的网站。

0

Justinmind 是您构思任何网页或移动应用原型的最佳解决方案。通过我们直观的拖放界面,您可以轻松创建适用于 Web、iOS 和 Android 的网站和应用程序,无需编写代码。

5

用 TypeScript、React 和 Redux 编写的开源线框图工具。

0

在手机上进行低保真线框图绘制和视觉头脑风暴。

WireframeSketcher

WireframeSketcher

4

WireframeSketcher 是一款软件工具,可帮助产品经理、设计师和开发人员快速创建桌面、网页和移动应用的线框图、模拟图和原型。它是一款独立软件,也可作为任何 Eclipse IDE 的插件。

POP (Prototyping on Paper)

POP (Prototyping on Paper)

5

POP 可帮助您轻松创建交互式原型。只要会画画,就能设计应用。工作流程极其简单:

0

通过模板、Chrome 和 VSCode 插件、品牌工具以及高质量图形输出的导出选项,捕捉并自定义截图、代码片段或设备模拟图,为网页或社交平台创建图像和设计。

上一页下一页
评分5.0 / 5.0