摩客(mockplus)原型圖設計工具 v3.2.10.2 官方最新版原型設計工具

Mockplus摩客是一款簡潔快速的原型圖工具，它操作簡單、功能強大、無需學習、快速上手，非常適合于軟件團隊、個人在軟件開發(fā)的設計階段使用，有需要就來下載吧。

mockplus教程

創(chuàng)建項目

打開Mockplus，點擊新建項目，選擇“手機”項目類型與合適的頁面尺寸，點擊“確定”即創(chuàng)建成功，是不是不能更簡單!無需任何文件創(chuàng)建操作，無需輸入任何文字!

底部導航欄制作

在左側圖標選項卡中搜索你想要的圖標，配合單行文字組件，只需數(shù)秒即可完成底部導航欄制作。將圖標與單行文字編為組，大小、樣式、文字均可編輯。

制作原型內(nèi)容頁面

在項目樹中新建三個內(nèi)容頁面，在左側的組件選項卡中搜索需要的組件，拖拽應用即可。

“首頁”頁面用到的組件：形狀組件、搜索框組件、圖片組件、多行文字組件。

“發(fā)現(xiàn)”頁面用到的組件：形狀組件、圖片組件、多行文字組件

“我的”頁面用到的組件：圖標組件、多行文字組件、按鈕組件

Mockplus提供接近200個封裝組件和3000個以上的圖標素材，同時支持訂閱組件庫，在最大程度上滿足您的原型設計需求。

使用內(nèi)容面板快速切換內(nèi)容

1.拖出內(nèi)容面板，點擊“+”創(chuàng)建3個層，每層分別拖拽鏈接點連接到三個內(nèi)容頁面。

2.將底部導航欄的三個選項依次連接到內(nèi)容面板的三個層

演示與分享

在Mockplus中，您可以通過8中方式演示與分享：

1.直接演示。

按下F5，或點擊頂部工具欄中的“演示”即可。

2.在線發(fā)布為HTML5網(wǎng)頁。

在主工具欄，點擊“發(fā)布并分享”。發(fā)布完成后，即可獲得一個網(wǎng)頁鏈接地址，復制這個地址，將它發(fā)送給同事或客戶。

3.導出HTML5的離線包

在主菜單中選擇“導出”、“導出HTML演示”。

4.導出可獨立運行的演示包(.exe或.app)。

在主菜單中選擇“導出”、“導出演示包”。

5.輸入原型碼，在手機中查看原型。

在主工具欄，點擊“發(fā)布”。發(fā)布完成后，即可獲得一個原型碼，將這個原型碼發(fā)送給同事或客戶。

6.掃描二維碼在手機中查看原型

直接掃碼。發(fā)布項目后，用手機在瀏覽器中掃碼，或者把二維碼截圖發(fā)給同事或客戶。

7.導出圖片

主菜單，“導出”，“導出圖片”。支持JPG和PNG兩種格式。

8.導出項目樹

主菜單，“導出”、“導出項目樹”。

總結：

坦率的講，Mockplus的原型設計流程幾乎是所有原型設計軟件中最方便的。無需基礎知識可快速上手，操作簡單，預覽方式多樣，中保真度。對于需要快速制作app原型的產(chǎn)品和設計師，Mockplus也是您的不二之選。

mockplus怎么樣

1.不為工具所累，關注設計而不是工具

Mockplus超級簡單，但是功能夠用。你根本不用專門學習如何使用。記?。汗ぞ弋吘故枪ぞ?，工具只是輔助你的工作，不要讓工具左右你的工作，讓工具成為你的負擔。真正的劍客，劍只是攻防武器，厲害的是對劍道的領悟。了解了這一點，你會發(fā)現(xiàn)你不是道編程的笨鳥，也不是軟件使用手冊的奴隸，你有的是創(chuàng)意，你會愛上你自己。

2.UE、UI知道怎么設計你的產(chǎn)品了

模塊齊全、帶有交互的原型設計，已經(jīng)給出了產(chǎn)品前端展示的面貌，UE知道怎么在現(xiàn)有體驗設計上怎么改進和優(yōu)化了，UI知道怎么發(fā)揮想象力進行交互了。UE、UI也會愛上你的。

3.你可以通過共享的方式和同事一起設計產(chǎn)品了

如果較為復雜的產(chǎn)品，需要多人來協(xié)作進行產(chǎn)品設計，Mockplus也能幫到你。Mockplus一大重要功能就是項目共享，使得同事間可以同步工作，并保留所有工作歷史，并可以隨時導出歷史版本的項目文檔?？窗?，你同事也會愛上你的。

Mockplus軟件功能

審閱協(xié)作

創(chuàng)建原型圖 、邀請、批注圖釘，之后就可以協(xié)同工作了。所有的討論、意見、版本，都會保留。(國內(nèi)獨有，國外同類產(chǎn)品獨有)

無縫真機預覽

可直接實現(xiàn)設計和移動設備之間的通訊，直接預覽，不需要任何第三方設備。在設計過程中，設計者拿出手機就可以隨時和Mockplus對接，將原型傳遞到移動設備，觀察原型在移動設備中的真實狀態(tài)(國內(nèi)獨有，國外同類產(chǎn)品獨有)。

素描風格(國內(nèi)獨有)

其擁有200多個組件、海量圖標，全部支持手繪素描風格。更好地強調(diào)傳遞一種設計原則即：“我這是草圖，僅僅是原型，不是最終的產(chǎn)品，需要你的確認”。對于團隊交流、客戶溝通，這會有好的效果，也非常重要。

基于組件的交互

視覺上定位于低保真，但致力于高保真的組件交互能力。表達交互時依然能夠準確、完整，并同樣簡單上手。Mockplus支持基于頁面的交互和動畫效果。MockplusV2版本，將支持基于組件級別的交互和動畫，可即時觀察交互效果，大大降低學習成本(國內(nèi)獨有，國外同類產(chǎn)品獨有)。

模版重用

支持模版功能，可以把當前的設計存入模版庫，下次使用時，直接拖入工作區(qū)即可。模版還可以分享到團隊的其他成員已經(jīng)所有Mockplus所有注冊用戶，從而提高整個團隊乃至所有用戶群的生產(chǎn)力。V2版本支持組件、頁面、圖片素材三個方面的模版和重用(國內(nèi)獨有)。

Mockplus軟件特性

1. Clear / 清楚的

清晰度是用戶界面設計最重要的元素。事實上，用戶界面設計的所有目的是為了使人們能夠與您的系統(tǒng)通過溝通和功能來進行交互。 如果人們不知道你的應用程序怎樣工作或在你的網(wǎng)站上應該去哪里，他們會困惑和沮喪。

這是什么呢?鼠標移到WordPress的按鈕時工具提示會彈出解釋其職能。

2. Concise / 簡明

清晰的用戶界面是很好的，但是，您應該謹慎，不要陷入過度明晰。定義和解釋很容易被添加，但是你這樣做的同時也增大了規(guī)模。您的界面規(guī)模增加。添加過多的解釋，您的用戶將不得不花費過多的時間去讀它們。

不僅要保持清晰，而且還保持簡潔。當你能用一句話解釋一項功能的時候就不要用三句話。當你可以用一個單詞標記一個項，就不要用兩個。 保持簡潔可以節(jié)省你的用戶的寶貴的時間。 同時保持清晰和簡明并不容易，需要足夠的時間和努力來實現(xiàn)，但其回報是值得的。

在 OS X 的音量控制中使用兩個小圖標以顯示的音量從低到高。

3. Familiar / 熟悉

許多設計師努力使自己的界面，直觀。但到底直觀的真正意思是什么?直觀也就是就是說可以自然地，本能地理解和領會。但是你怎么能做到直觀一些?你可通過是它變的熟悉來實現(xiàn)。

熟悉就是， 跟你以前遇到過的東西相似。當你熟悉的東西，你就知道怎樣它怎么做-你知道會發(fā)生什么事情。 弄清你的用戶熟悉的并把它們?nèi)诤系侥愕挠脩艚缑嬷小?/p>

GoPlan的標簽頁式界面。標簽很熟悉，因為他們模仿文件夾上的標簽。你清楚知道點擊標簽您將瀏覽該節(jié)和其他地方的標簽將繼續(xù)存在為了進一步導航。

摩客(mockplus)更新日志

v3.2.10.2

修正：

- 對話框的位置超出屏幕外

- HTML演示中，一些組件屬性不生效

- 其它bug

v3.2.10.1

1、在表格的單元格內(nèi)使用Enter可以直接換行

2、在表格的單元格內(nèi)使用Ctrl+Enter可以結束編輯

v2.3.8

1.對話框的位置超出屏幕外

2.HTML演示中，一些組件屬性不生效

3.其它bug