
【基本介紹】
Mockplus,更快更簡單的原型設(shè)計(jì)工具??焖賱?chuàng)建原型,一鍵拖拽創(chuàng)建交互,團(tuán)隊(duì)協(xié)作省事省力。微軟、華為、東軟、育碧、Oracle、西門子、IBM等全球知名企業(yè)和全球300多所高校都在用,你也可以免費(fèi)開始你的設(shè)計(jì)!【軟件特點(diǎn)】
交互快拖一拖,交互設(shè)計(jì)從沒有這么簡單
Mockplus中的原型交互設(shè)計(jì)完全可視化,所見即所得。拖拽鼠標(biāo)做個(gè)鏈接,即可實(shí)現(xiàn)交互。同時(shí),Mockplus封裝了彈出面板、內(nèi)容面板、滾動(dòng)區(qū)、抽屜、輪播等系列組件,對(duì)于常用交互,使用這些組件就可快速實(shí)現(xiàn)。

設(shè)計(jì)快
放一放,原型圖輕松呈現(xiàn)
Mockplus封裝了近200個(gè)組件,提供3000個(gè)以上的圖標(biāo)素材。做圖時(shí),只需要把這些組件放入工作區(qū)進(jìn)行組合,一張?jiān)蛨D就可以迅速呈現(xiàn)。把思路用在設(shè)計(jì)上,你不用為制作一個(gè)組件去勞心費(fèi)力。

演示快
掃一掃,立即在手機(jī)中預(yù)覽原型
掃描二維碼,原型即可在手機(jī)中演示。同時(shí)支持在線發(fā)布為HTML,發(fā)送一個(gè)網(wǎng)址即可分享給同事或客戶,也可離線導(dǎo)出HTML。

上手快
用一用,馬上就會(huì)
關(guān)注你的設(shè)計(jì),而非工具。你不需要任何學(xué)習(xí)就可以輕松上手,不必為學(xué)習(xí)一個(gè)軟件而成為工具的奴隸,更不必在學(xué)習(xí)、買書、培訓(xùn)上花費(fèi)時(shí)間和金錢。Mockplus無需任何編程,不需要任何編程基礎(chǔ)知識(shí)。

【軟件功能】
審閱協(xié)作創(chuàng)建原型圖 、邀請(qǐng)、批注圖釘,之后就可以協(xié)同工作了。所有的討論、意見、版本,都會(huì)保留。(國內(nèi)獨(dú)有,國外同類產(chǎn)品獨(dú)有)
無縫真機(jī)預(yù)覽
可直接實(shí)現(xiàn)設(shè)計(jì)和移動(dòng)設(shè)備之間的通訊,直接預(yù)覽,不需要任何第三方設(shè)備。在設(shè)計(jì)過程中,設(shè)計(jì)者拿出手機(jī)就可以隨時(shí)和Mockplus對(duì)接,將原型傳遞到移動(dòng)設(shè)備,觀察原型在移動(dòng)設(shè)備中的真實(shí)狀態(tài)(國內(nèi)獨(dú)有,國外同類產(chǎn)品獨(dú)有)。
素描風(fēng)格(國內(nèi)獨(dú)有)
其擁有200多個(gè)組件、海量圖標(biāo),全部支持手繪素描風(fēng)格。更好地強(qiáng)調(diào)傳遞一種設(shè)計(jì)原則即:“我這是草圖,僅僅是原型,不是最終的產(chǎn)品,需要你的確認(rèn)”。對(duì)于團(tuán)隊(duì)交流、客戶溝通,這會(huì)有好的效果,也非常重要。
基于組件的交互
視覺上定位于低保真,但致力于高保真的組件交互能力。表達(dá)交互時(shí)依然能夠準(zhǔn)確、完整,并同樣簡單上手。Mockplus支持基于頁面的交互和動(dòng)畫效果。MockplusV2版本,將支持基于組件級(jí)別的交互和動(dòng)畫,可即時(shí)觀察交互效果,大大降低學(xué)習(xí)成本(國內(nèi)獨(dú)有,國外同類產(chǎn)品獨(dú)有)。
模版重用
支持模版功能,可以把當(dāng)前的設(shè)計(jì)存入模版庫,下次使用時(shí),直接拖入工作區(qū)即可。模版還可以分享到團(tuán)隊(duì)的其他成員已經(jīng)所有Mockplus所有注冊用戶,從而提高整個(gè)團(tuán)隊(duì)乃至所有用戶群的生產(chǎn)力。V2版本支持組件、頁面、圖片素材三個(gè)方面的模版和重用(國內(nèi)獨(dú)有)。
【軟件亮點(diǎn)】
資源管理:在云端管理你的所有設(shè)計(jì)資源,包括顏色、Logo、圖標(biāo)、文字、組件、度量元素、陰影等。你可以建立多個(gè)庫、分類和子分類來進(jìn)行管理。快捷設(shè)計(jì):團(tuán)隊(duì)中的成員均可分享設(shè)計(jì)資源并遵守設(shè)計(jì)規(guī)范??梢栽贛ockplus和Sketch中,將設(shè)計(jì)元素上傳到設(shè)計(jì)系統(tǒng)形成規(guī)范,同時(shí),也可將庫中的設(shè)計(jì)資源快速應(yīng)用到Mockplus和Sketch的設(shè)計(jì)中,自動(dòng)同步更新。
輕松分享:一鍵分享設(shè)計(jì)規(guī)范給伙伴兒??梢詫?dǎo)出CSS、SCSS、LESS,應(yīng)用到前端開發(fā)。還可以自動(dòng)導(dǎo)出各類版式的設(shè)計(jì)規(guī)范圖(UI Style Guide)。
【安裝教程】
在本站下載最新版的mockplus安裝包,雙擊運(yùn)行。
按照提示點(diǎn)擊【下一步】之后點(diǎn)擊【同意協(xié)議】

選擇安裝位置,根據(jù)提示點(diǎn)擊下一步

選擇安裝

耐心等待軟件安裝完畢,點(diǎn)擊【完成】

啟動(dòng)軟件,就可以盡情使用啦。

【注冊碼】
yLR8ZC-855575-75657756296860878ZLR8ZC-855575-7565775810485318
YLR8ZC-855575-75657756813928801
ZLR8ZC-855575-7565775979048242
【界面介紹】
屬性面板在界面的最右邊,是組件的屬性面板。組件拖拽到工作區(qū)之后,為了使組件更加符合我們設(shè)計(jì)的要求,可以在屬性面板中可以對(duì)組件進(jìn)行個(gè)性化屬性設(shè)置。
根據(jù)選中的組件不同,屬性面板呈現(xiàn)的屬性也會(huì)不同。
屬性面板由以下幾部分構(gòu)成:
組件樣式,可以快速復(fù)用組件風(fēng)格,同時(shí)可以將組件風(fēng)格保存到庫中。

約束組件相關(guān)操作,對(duì)于多個(gè)組件進(jìn)行寬度、間距、對(duì)齊等設(shè)置。

組件坐標(biāo)和尺寸,可以對(duì)組件的寬、高和位置的X坐標(biāo)、Y坐標(biāo)進(jìn)行設(shè)置。

文本設(shè)置,對(duì)組件中文字字體、字號(hào)、顏色、對(duì)齊方式等設(shè)置。

屬性設(shè)置,主要有基本屬性、邊框?qū)傩浴U(kuò)展屬性等設(shè)置。

通用屬性設(shè)置:作為批注、備注、外部鏈接等描述相關(guān)屬性。

工作區(qū)介紹
工作區(qū)的邊界
Mockplus的工作區(qū)是有邊界的,當(dāng)然這個(gè)邊界是不固定的,當(dāng)你把工作區(qū)縮放到小于100%時(shí),可以看到周圍有個(gè)白色的線條組成的方框,而這個(gè)白色的線條就是工作區(qū)的邊界。

快速調(diào)整工作區(qū)布局
當(dāng)點(diǎn)擊頂部主工具欄中的“隱藏 / 顯示側(cè)邊欄”,則可以快速控制工作區(qū)兩側(cè)的面板是否顯示,調(diào)整工作區(qū)的布局。


底部操作按鈕

在工作區(qū)的底部右下角,是工作區(qū)相關(guān)的操作按鈕,它們依次是:
工作區(qū)縮放,可以百分比地縮放工作區(qū)大小。

顯示 / 隱藏組外組件,進(jìn)入組內(nèi)部后,可以設(shè)置是否顯示組外的組件。

顯示 / 隱藏組件標(biāo)記,組件設(shè)置交互后,會(huì)默認(rèn)顯示標(biāo)記,點(diǎn)擊可設(shè)置是否顯示標(biāo)記。

選項(xiàng),即軟件的偏好設(shè)置。

工作區(qū)的移動(dòng)
在工作區(qū)中,按住空格鍵,同時(shí)拖拽鼠標(biāo),可以直接拖動(dòng)畫布,而不需去使用工作區(qū)的滾動(dòng)條。

在“自由”項(xiàng)目類型中,當(dāng)拖動(dòng)組件到工作區(qū)可視邊界時(shí),工作區(qū)可以自動(dòng)滾動(dòng)擴(kuò)展。

【使用教程】
如何使用Mockplus中的組件庫?創(chuàng)建組件庫
點(diǎn)擊選項(xiàng)卡,切換到“我的組件庫”。

新建組件庫。

添加組件到組件庫中。

添加到組件庫中的組件,可以隨時(shí)拖到工作區(qū)中進(jìn)行復(fù)用,右鍵可對(duì)組件進(jìn)行重命名、導(dǎo)入圖片等操作。
其中,“導(dǎo)入圖片” 可一次性批量導(dǎo)入多張圖片到組件庫中。

同步組件庫
當(dāng)組件庫有更新時(shí),可一鍵同步所有組件庫。

管理組件庫
可以對(duì)組件庫進(jìn)行同步、編輯、導(dǎo)出、刪除等操作。
其中,只能對(duì)自己創(chuàng)建的組件庫進(jìn)行編輯與導(dǎo)出。

將自己的組件庫分享給工作伙伴
只有自己創(chuàng)建的組件庫才能上傳與分享,具體操作如下:
管理 -> 上傳 -> 分享給...

輸入伙伴的Mockplus賬號(hào),點(diǎn)擊“+”號(hào)按鈕即可完成分享。若是團(tuán)隊(duì)版或企業(yè)版,可點(diǎn)擊紅色按鈕中的下拉箭頭,從團(tuán)隊(duì)成員中添加分享成員。
當(dāng)然,你可以在此窗口中,對(duì)成員進(jìn)行刪除,刪除后,該成員無法使用該組件庫。

從工作伙伴獲取組件庫
當(dāng)有伙伴分享組件庫給自己時(shí),該組件庫會(huì)自動(dòng)陳列在“管理”窗口中,此時(shí),組件庫中沒有任何組件,我們需要點(diǎn)擊同步,即可獲取組件。

下載Mockplus官方組件庫
目前官方組件庫中包含安卓、iOS、旅游、微信四種組件庫,點(diǎn)擊“下載”即可。
其中點(diǎn)擊“演示”可以查看組件庫里的所有組件。

【相關(guān)問題】
桌面版和 Web App 版本,數(shù)據(jù)可以同步嗎?目前支持單向同步。 可以將在線版的項(xiàng)目下載到本地,不能將本地 mp 文件上傳到在線版。
Mockplus 會(huì)增加更多的動(dòng)畫和交互嗎?
當(dāng)然,而且會(huì)很快。 我們會(huì)一直改進(jìn)和增強(qiáng)動(dòng)畫交互功能,同時(shí),做到操作簡單,功能好用。
Mockplus在個(gè)別電腦中出現(xiàn)界面閃動(dòng)或花屏?
在個(gè)別筆記本電腦上,運(yùn)行Mockplus桌面版出現(xiàn)軟件界面閃動(dòng),或者花屏,或者界面出現(xiàn)黑色塊。
有以下三種方法可解決這種情況:
1. 請(qǐng)更新您的顯卡驅(qū)動(dòng)程序,問題一般可解決。
2. 如果你有多個(gè)顯卡,嘗試切換到集成顯卡。
3.右鍵Mockplus -> 屬性 -> 兼容性測試 -> 勾選“以兼容模式運(yùn)行這個(gè)程序”,選擇Windows 7 -> 勾選“禁用視覺主題” -> 確定。




































