mockplus是一款原型設(shè)計(jì)工具,可以對原型圖進(jìn)行設(shè)計(jì)制作,適用于制作線框圖,致力于快速構(gòu)建和迭代原型,為設(shè)計(jì)者提供簡潔高效的設(shè)計(jì)方式,從而節(jié)省大量時(shí)間,提高工作效率。與其說它是原型圖設(shè)計(jì)思維導(dǎo)圖,其實(shí)更是一種產(chǎn)品制作的流程圖,在于同事協(xié)同、討論之間將產(chǎn)品不斷盡心完善,最終得到一個(gè)滿意的成果。軟件內(nèi)包含了200多個(gè)組件和大量圖標(biāo),支持手繪素描風(fēng)格,強(qiáng)調(diào)設(shè)計(jì)理念的傳達(dá)。軟件操作簡單,能夠以簡單的方式清晰的表達(dá)自己的設(shè)計(jì)理念,通過創(chuàng)建原型圖,與同事進(jìn)行產(chǎn)品的討論,將意見、斑斑等信息保留在軟件內(nèi),并且支持各種設(shè)備的直接預(yù)覽,無需任何插件等功能擴(kuò)展。小編給大家?guī)砹?strong>mockplus(原型設(shè)計(jì)工具)綠色免費(fèi)版下載,體積小巧,功能豐富,運(yùn)行速度快,占用內(nèi)存空間小,不卡頓不拖慢程序,非常好用,需要的小伙伴歡迎前來免費(fèi)下載使用。
界面介紹
界面非常簡潔,我們來分區(qū)域看看:
頂部:頂部有主工具欄,其中包含了主菜單和最常用的快捷按鈕;
中間:是你創(chuàng)作時(shí)的工作區(qū)(英文:Canvas)。在工作區(qū)底部,你可以查看到項(xiàng)目尺寸信息,設(shè)置工作區(qū)縮放,還可以做軟件偏好設(shè)置;
左上側(cè):是項(xiàng)目樹面板,其中包含了項(xiàng)目和所屬的各個(gè)頁面或分組(英文:Folder);
左下側(cè):是組件面板,其中包含了組件、圖標(biāo)、我的組件庫以及母版,你可以通過選項(xiàng)卡做切換;
右上側(cè):是屬性面板,其中可以設(shè)置組件屬性、交互和頁鏈接,你可以通過選項(xiàng)卡做切換;
右下側(cè):是組件大綱面板,其中包含了某個(gè)頁面中組件的層次關(guān)系。
面板展開與還原
沒有浮動面板,當(dāng)屏幕分辨率較小時(shí),你可以點(diǎn)擊面板右上角的箭頭圖標(biāo)來展開和還原面板,根據(jù)你的需求靈活操作對應(yīng)的工具面板。當(dāng)然,也可以拉動面板頂部來改變面板的顯示高度。
左側(cè)面板可以通過拉動來改變面板寬度,此外,通過點(diǎn)擊藍(lán)色圖標(biāo),可以收起和展開兩側(cè)的面板。
面板的動態(tài)切換
右側(cè)面板會根據(jù)你在工作區(qū)中的操作,動態(tài)地切換不同的面板,方便快速操作,高效工作。
主工具欄
頂部的主工具欄中包含了主菜單(最左側(cè))和常用的快捷按鈕。
主菜單
左側(cè)紅色按鈕,是主菜單,點(diǎn)擊可以看到操作菜單列表,在這里,你可以找到它的重要操作。
快捷按鈕
快捷按鈕,在主工具欄中分為幾組(你可以通過它們彼此之間的距離判斷出來)。
左側(cè)分組和編輯相關(guān),按鈕有:保存、撤銷、重做、編組、解散組、格式刷、快速格子、數(shù)據(jù)自動填充等。
中間分組,包含演示和同步按鈕。
右側(cè)分組,包含了和項(xiàng)目的發(fā)布、分享和導(dǎo)出相關(guān)的按鈕。
再右側(cè)分組,和界面布局相關(guān),包括顯示 / 隱藏側(cè)邊欄、全屏按鈕。
最右側(cè)分組,包括個(gè)人信息、團(tuán)隊(duì)管理和幫助按鈕。
功能特色
1、審閱協(xié)作
創(chuàng)建原型圖 、邀請、批注圖釘,之后就可以協(xié)同工作了。所有的討論、意見、版本,都會保留。(國內(nèi)獨(dú)有,國外同類產(chǎn)品獨(dú)有)
2、無縫真機(jī)預(yù)覽
可直接實(shí)現(xiàn)設(shè)計(jì)和移動設(shè)備之間的通訊,直接預(yù)覽,不需要任何第三方設(shè)備。在設(shè)計(jì)過程中,設(shè)計(jì)者拿出手機(jī)就可以隨時(shí)和Mockplus對接,將原型傳遞到移動設(shè)備,觀察原型在移動設(shè)備中的真實(shí)狀態(tài)(國內(nèi)獨(dú)有,國外同類產(chǎn)品獨(dú)有)。
3、素描風(fēng)格(國內(nèi)獨(dú)有)
其擁有200多個(gè)組件、海量圖標(biāo),全部支持手繪素描風(fēng)格。更好地強(qiáng)調(diào)傳遞一種設(shè)計(jì)原則即:“我這是草圖,僅僅是原型,不是最終的產(chǎn)品,需要你的確認(rèn)”。對于團(tuán)隊(duì)交流、客戶溝通,這會有好的效果,也非常重要。
4、基于組件的交互
視覺上定位于低保真,但致力于高保真的組件交互能力。表達(dá)交互時(shí)依然能夠準(zhǔn)確、完整,并同樣簡單上手。支持基于頁面的交互和動畫效果。軟件V2版本,將支持基于組件級別的交互和動畫,可即時(shí)觀察交互效果,大大降低學(xué)習(xí)成本(國內(nèi)獨(dú)有,國外同類產(chǎn)品獨(dú)有)。
5、模版重用
支持模版功能,可以把當(dāng)前的設(shè)計(jì)存入模版庫,下次使用時(shí),直接拖入工作區(qū)即可。模版還可以分享到團(tuán)隊(duì)的其他成員已經(jīng)所有注冊用戶,從而提高整個(gè)團(tuán)隊(duì)乃至所有用戶群的生產(chǎn)力。V2版本支持組件、頁面、圖片素材三個(gè)方面的模版和重用(國內(nèi)獨(dú)有)。
使用教程
1、新建之后,會進(jìn)入一個(gè)選擇界面,上面是各種型號的選擇,手機(jī)還是pad或者網(wǎng)頁版,還分為mac和windows,可以自行選擇,也可以自定義尺寸
2、點(diǎn)擊軟件,可以看到有選項(xiàng)部分,可以進(jìn)入這個(gè)選項(xiàng)進(jìn)行整體上面的設(shè)計(jì),比如UI的透明度,背景顏色等。通過設(shè)置讓自己設(shè)計(jì)更為順心
3、然后可以看到左邊會有兩個(gè)部分,一個(gè)是各種各樣的部件,一個(gè)編輯的地方??梢愿鶕?jù)自己的需要把部件拉到自己需要的地方。
4、拉好部件之后,可以根據(jù)需要進(jìn)行備注說明,可以點(diǎn)擊小閃電進(jìn)行超鏈接,也可以進(jìn)行尺寸上面的設(shè)置。
5、左邊是各種各樣的頁面,我們可以根據(jù)自己的需要進(jìn)行頁面鏈接的設(shè)置。注意它只允許頁面跳轉(zhuǎn)而不允許部件跳轉(zhuǎn),好了之后,點(diǎn)擊上面的運(yùn)行,一個(gè)APP線框圖就生成了
主要特性
1、交互快
拖一拖,交互設(shè)計(jì)從沒有這么簡單
軟件中的原型交互設(shè)計(jì)完全可視化,所見即所得。拖拽鼠標(biāo)做個(gè)鏈接,即可實(shí)現(xiàn)交互。同時(shí),封裝了彈出面板、內(nèi)容面板、滾動區(qū)、抽屜、輪播等系列組件,對于常用交互,使用這些組件就可快速實(shí)現(xiàn)。
2、設(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)力。
3、演示快
掃一掃,立即在手機(jī)中預(yù)覽原型
掃描二維碼,原型即可在手機(jī)中演示。同時(shí)支持在線發(fā)布為HTML,發(fā)送一個(gè)網(wǎng)址即可分享給同事或客戶,也可離線導(dǎo)出HTML。
4、上手快
用一用,馬上就會
關(guān)注你的設(shè)計(jì),而非工具。你不需要任何學(xué)習(xí)就可以輕松上手,不必為學(xué)習(xí)一個(gè)軟件而成為工具的奴隸,更不必在學(xué)習(xí)、買書、培訓(xùn)上花費(fèi)時(shí)間和金錢。無需任何編程,不需要任何編程基礎(chǔ)知識。
常見問題
1、軟件桌面版和 Web App 版,有什么異同?
桌面版本和 Web App 版本,賬號是共用的,也就是,你注冊一個(gè)賬號,2套軟件你都可以使用。 如果你進(jìn)行付費(fèi)升級,2套軟件也都會升級到專業(yè)版。 從功能上講,桌面版本和Web App 版本都支持快速原型的構(gòu)建,都支持審閱協(xié)作和交互動畫等,多數(shù)功能是一致的,包括操作習(xí)慣。 但亮點(diǎn)和優(yōu)勢有所不同。 比如桌面版本的“隨手看”可以更方便地在移動設(shè)備上預(yù)覽原型,而 Web App 則可以保存你的歷史版本,便于管理。 此外,Web 版本不需要任何客戶端支持,上網(wǎng)就可以設(shè)計(jì),而桌面版則在性能方面更佳。 對于這兩個(gè)版本,Mockplus 團(tuán)隊(duì)都將長期改進(jìn)升級,為你做得更好。
2、桌面版和 Web App 版本,數(shù)據(jù)可以同步嗎?
暫不能。 但是通過桌面版本和 Web App 版本中,你都可以把你的工作成果,通過審閱功能發(fā)送給同事或客戶,他們可以直接批注意見和圈點(diǎn)。 從工作成果的角度,這些數(shù)據(jù)都是互通的。
3、會增加更多的動畫和交互嗎?
當(dāng)然,而且會很快。 我們會一直改進(jìn)和增強(qiáng)動畫交互功能,同時(shí),做到操作簡單,功能好用。
更新日志
v3.6.1.0更新:
新增:
1、協(xié)作項(xiàng)目支持從云端下載并替換本地版本;
2、圖片輪播組件支持導(dǎo)入JPEG格式的圖片。
修正:
1、演示時(shí)彈出面板彈出后,頁面上的輸入框不能獲取焦點(diǎn)并輸入的問題。
優(yōu)化:
1、粘貼組件的定位策略;
2、團(tuán)隊(duì)版及企業(yè)版本賬號過期后的流程優(yōu)化。
0條評論