转发台湾“电脑玩物”:好用原型設計軟體 Mockplus 免費畫互動 App 與網頁

简介: 好用原型設計軟體 Mockplus 免費畫互動 App 與網頁以電子郵件傳送這篇文章BlogThis!分享至 Twitter分享至 Facebook分享到 Pinterest前幾天在友站小眾軟件上看到一個免費易用的原型設計軟體:「摩客 Mockplus」,由大陸團隊開發,在去年(2014)下半年推出,是一個同時具備線上版、 Windows 與 Mac OS X 電腦版的 Prototype 設計工具, Mockplus 自詡為:「 如果把 Axure 看作一頭大象,Mockplus 是一隻輕快的小鹿。

好用原型設計軟體 Mockplus 免費畫互動 App 與網頁

以電子郵件傳送這篇文章BlogThis!分享至 Twitter分享至 Facebook分享到 Pinterest

前幾天在友站小眾軟件上看到一個免費易用的原型設計軟體:「摩客 Mockplus」,由大陸團隊開發,在去年(2014)下半年推出,是一個同時具備線上版、 Windows 與 Mac OS X 電腦版的 Prototype 設計工具, Mockplus 自詡為:「 如果把 Axure 看作一頭大象,Mockplus 是一隻輕快的小鹿。」

原型( Prototype )設計,可以幫助專案企劃時有效的溝通網頁功能、軟體介面、 App 互動,透過畫出原型,讓產品經理、設計師、程式開發師、主管、客戶之間能夠了解產品本身的使用流程,把想像或文字化為具體可用的示範。

相比許多其他 Prototype 原型設計工具,「 摩客 Mockplus 」這個軟體最大特色就是非常簡潔易用,並且可以設計出「具備實際操作互動功能」的 App、 網頁、軟體原型,兼顧了專業與好上手,免費版就基本上夠用,值得有需要的朋友試試看。

·快速好上手的App、 網頁、軟體原型設計軟體

進入「摩客 Mockplus」後,完成免費註冊,就能開始使用線上版的原型設計工具。

因為這是由中國團隊所開發的工具,所以一開始預設就是簡體中文版,對台灣用戶來說閱讀應該沒有太大的問題。

·專注在設計,而非工具

「 摩客 Mockplus 」的主要介面和知名的 Axure RP ,或是其他線上製圖工具基本上是一致的格局,例如:

·Cacoo線上中文免費畫流程圖軟體,即時協同設計多種企劃草圖

·Draw.io中文線上製作流程圖首選!專業水準完全免費

左方是圖庫、模板,只要拖曳到中間的繪圖畫面就能隨意組合使用。而且「 摩客 Mockplus 」聚焦在軟體原型的設計,盡可能地考慮了大家規劃介面時的需求,讓企劃人員可以「專注在設計上」,而幾乎不用花時間學習工具操作。

·設計「可互動」的原型

說到「 摩客 Mockplus 」最大的特色,就是在免費使用的情況下,就能設計出可以互動操作示範的原型。

如何設計出可互動介面?首先在右方的頁面清單裡,隨時能夠新增刪減 App 、網頁、軟體的多層頁面。

在軟體原型圖上,就可以設定每一個物件的「交互(互動)」連結,例如指定這個按鈕點擊後要連結到哪一個頁面。

透過建立互動連結,就能產生可互動的多層介面原型。

·數百個實用的App、 網頁設計素材

「 摩客 Mockplus 」免費版中就已經內建了數百種圖標,如果升級到專業版又能額外獲得兩倍以上的圖庫。

http://2.bp.blogspot.com/-Xgzhmu-cXpg/VULjej4FrLI/AAAAAAAEUug/sZgIYkeIPCs/s1600/mockplus-05.png

而無論我們想要設計的是軟體介面、 App 介面或網頁介面,都可以在左方的素材庫里,找到這些介面的原型模板,直接拖曳到畫面中就能開始設計內容原型。

·素描或線條風格

在整體的原型風格上,「 摩客 Mockplus 」也支援了大家喜愛的素描風格,或是正統的線條風格。

·物件自訂性與註釋

點擊「 摩客 Mockplus 」原型圖中的每一個物件,還能自訂其大小、圖片,或是加上解說註解。

「 摩客 Mockplus 」也允許我們在設計原型時上傳自己的圖片素材來使用。

·「線上互動展示」你的App原型

而當設計完成後,如果要跟其他人展示你的軟體原型,可以點擊右上方的「播放」按鈕,就能打開獨立網頁開始線上展示,展示過程中就跟真的在操作這個軟體一樣,透過前面的互動連結設定,可以在原型中實際體驗操作的反應過程。

有興趣的朋友可以看看我的粗淺範例效果:https://www.mockplus.cn/project/run/kz95gIW8aejSvYB0

·「 摩客Mockplus」線上版、電腦版

「 摩客 Mockplus 」不只擁有線上版,我們還可以「下載免費的 Windows 與 Mac OS X 軟體」,在軟體端使用原型設計,並且軟體端還可以下載線上版的原型來繼續修改。

http://2.bp.blogspot.com/-4a_xbi29b-w/VULjf02eWPI/AAAAAAAEUvA/coG-K5ZEk6k/s280/mockplus-09.png

·免費版:只能公開、無法導出其他格式

不過「 摩客 Mockplus 」的免費版確實有一些限制,最大的兩個限制就是:免費版設計的原型只能設定為公開,免費版無法把原型圖導出成其他格式。

如果你希望自己設計的原型是私密的,但是又想暫時先試試看免費版,那麼你可以透過邀請朋友新加入「 摩客 Mockplus 」的方式,每邀請一位朋友,就能獲得額外增加一個私密原型圖的額度,最多可以增加 10 個私密原型圖。

有興趣的朋友,可以使用我的邀請連結:https://www.mockplus.cn/referral?r=rw8nlf

整體來說,「 摩客 Mockplus 」是一個兼顧專業與易用的 App、 網頁、軟體原型設計工具,在快速的組合中就能產生可以互動操作的原型圖,有需要的朋友可以試試看。

轉貼本文時禁止修改,禁止商業使用,並且必須註明來自電腦玩物原創作者 esor huang(異塵行者),及附上原文連結:好用原型設計軟體 Mockplus 免費畫互動 App 與網頁

相关文章
|
6月前
|
搜索推荐 UED
从网页到应用:轻松封装网页为个人化APP
随着移动互联网的快速发展,越来越多的人希望将自己喜欢的网页内容封装成应用,以便更便捷地浏览和分享。本文将介绍如何在线生成个性化的APP,让你的网页成为一个独立的应用程序,同时提供了一些常见的工具和技术,帮助你实现这一目标。
111 0
|
6月前
|
移动开发 数据可视化 UED
从网页到应用:简易教程教你如何在线生成App
本文将介绍一种简便的方法,让您能够将网页封装成APP。通过这种技术,您可以将您的网页应用程序转化为移动应用程序,从而更好地满足用户的需求。无需编程知识,只需几个简单的步骤,即可轻松将您的网页转化为功能强大的应用程序。
|
6月前
|
移动开发 数据可视化 weex
如何在线生成App:将网页封装成APP
随着移动互联网的快速发展,很多企业和个人都希望能够将自己的网页封装成APP,以便更好地适应用户的移动需求。本文将介绍一种在线生成App的方法,帮助读者实现将网页封装成APP的目标
206 0
|
29天前
|
安全 网络安全 Android开发
深度解析:利用Universal Links与Android App Links实现无缝网页至应用跳转的安全考量
【10月更文挑战第2天】在移动互联网时代,用户经常需要从网页无缝跳转到移动应用中。这种跳转不仅需要提供流畅的用户体验,还要确保安全性。本文将深入探讨如何利用Universal Links(仅限于iOS)和Android App Links技术实现这一目标,并分析其安全性。
155 0
|
6月前
|
搜索推荐 前端开发 JavaScript
【专栏】从网页轻松转换为应用越来越便捷
【4月更文挑战第27天】本文介绍了将网页转换为移动应用的在线生成App过程,包括原理(封装网页内容,添加移动特性)、优势(便捷高效,节省成本,快速上线)以及具体步骤(选择工具,准备内容,配置选项,生成测试,发布推广)。同时,注意版权、兼容性和用户体验问题。通过案例分析和实践经验分享,帮助读者深入了解如何通过在线工具实现App梦想,强调了网页优化、用户界面设计和个性化定制的重要性。
172 3
|
6月前
|
开发框架 前端开发 Android开发
专刊:随着技术进步,未来在线生成App将有更多可能性,为移动应用开发带来便利
【4月更文挑战第27天】在数字化时代,移动App变得不可或缺,而在线生成App的技术正逐渐兴起,为开发者提供快捷创建移动应用的途径。本文探讨了网页到App的转变过程,介绍了WebView嵌入、混合式开发框架和云端打包技术等方法,以及在线生成App的步骤、优势和挑战。虽然存在性能和功能限制,但随着技术进步,未来在线生成App将有更多可能性,为移动应用开发带来便利。
71 2
|
6月前
|
开发者
如何在线生成App:将网页封装成APP
在移动化的时代,许多企业和个人都希望拥有自己的移动应用程序,但是开发一款优秀的APP需要耗费大量的时间和金钱。而现在,通过在线生成App的方式,我们可以将自己的网页轻松封装成APP,从而实现快速上线。
|
3月前
|
缓存 前端开发 Java
【Azure 应用服务】App Service 使用Tomcat运行Java应用,如何设置前端网页缓存的相应参数呢(-Xms512m -Xmx1204m)?
【Azure 应用服务】App Service 使用Tomcat运行Java应用,如何设置前端网页缓存的相应参数呢(-Xms512m -Xmx1204m)?
|
3月前
|
Linux C#
【Azure App Service】C#下制作的网站,所有网页本地测试运行无误,发布至Azure之后,包含CHART(图表)的网页打开报错,错误消息为 Runtime Error: Server Error in '/' Application
【Azure App Service】C#下制作的网站,所有网页本地测试运行无误,发布至Azure之后,包含CHART(图表)的网页打开报错,错误消息为 Runtime Error: Server Error in '/' Application
|
5月前
|
安全 JavaScript 前端开发
kotlin开发安卓app,JetPack Compose框架,给webview新增一个按钮,点击刷新网页
在Kotlin中开发Android应用,使用Jetpack Compose框架时,可以通过添加一个按钮到TopAppBar来实现WebView页面的刷新功能。按钮位于右上角,点击后调用`webViewState?.reload()`来刷新网页内容。以下是代码摘要: