軟件介紹

摹客電腦版是一款專業(yè)的原型設(shè)計(jì)軟件，它為用戶提供了一個(gè)完整的設(shè)計(jì)和開發(fā)系統(tǒng)，支持原型設(shè)計(jì)、標(biāo)注切圖和文檔管理，能夠幫助用戶輕松完成設(shè)計(jì)和開發(fā)的工作。除此之外摹客電腦版還具有團(tuán)隊(duì)協(xié)作的功能，支持團(tuán)隊(duì)成員文件共享和協(xié)同辦公，是一個(gè)很不錯(cuò)的原型設(shè)計(jì)開發(fā)軟件。

特色功能

拖一拖，交互設(shè)計(jì)從沒有這么簡單

Mockplus中的原型交互設(shè)計(jì)完全可視化，所見即所得。拖拽鼠標(biāo)做個(gè)鏈接，即可實(shí)現(xiàn)交互。同時(shí)，Mockplus封裝了彈出面板、內(nèi)容面板、滾動(dòng)區(qū)、抽屜、輪播等系列組件，對(duì)于常用交互，使用這些組件即可實(shí)現(xiàn)。

放一放，原型圖輕松呈現(xiàn)

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

掃一掃，立即在手機(jī)中預(yù)覽原型

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

用一用，馬上就會(huì)了

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

安裝步驟

1、 下載后雙擊安裝包開始安裝

2、 windows下可選擇安裝目錄

3、 安裝

4、安裝成功

到此就完成了安裝，點(diǎn)擊完成安裝按鈕即可打開mockplus開始體驗(yàn)。

使用幫助

編組

將多個(gè)組件合并在一起，并進(jìn)行操作是很常見的需求，在Mockplus中可以通過“組”(Group)來實(shí)現(xiàn)。

使用組

選中多個(gè)組件后，點(diǎn)擊鼠標(biāo)右鍵菜單“合并為組”，或者選中之后直接使用快捷鍵(Ctrl+G)，可以將多個(gè)組件合并為組。

也可以選中組件后，點(diǎn)擊頂部菜單欄上的“合并為組”圖標(biāo)。

編輯組

雙擊組可以進(jìn)入組的編輯狀態(tài)，此時(shí)除了組的內(nèi)容外，其它組件會(huì)被凍結(jié)，你只能編輯組的內(nèi)容，點(diǎn)擊其它地方會(huì)結(jié)束編輯狀態(tài)。

在編輯狀態(tài)下可以改變組內(nèi)組件的屬性，如樣式、大小、位置等，如果改變組件的位置那么組的大小也會(huì)自動(dòng)改變。

嵌套組

組之間可以相互嵌套，被嵌套的組也可以編輯、解散，操作方式和正常的組相同。

解散組

選中對(duì)應(yīng)組之后，可以通過鼠標(biāo)右鍵菜單的“解散組”來解散;或者在選中組時(shí)使用快捷鍵(Ctrl+G)來解散組。同樣，也可以通過點(diǎn)擊頂部菜單欄的“解散組”圖標(biāo)來解散組。

注意，彈出類組件不能和其他組件合并為組。

選定

Mockplus中可以單選或多選組件，具體方式如下：

單選組件

鼠標(biāo)單擊組件，組件周圍出現(xiàn)選定框，組件被選定;

按下鼠標(biāo)拖動(dòng)，覆蓋組件，可以框選組件(可在“選項(xiàng)”->“編輯”中進(jìn)行偏好設(shè)置)。

多選組件

按住Shift鍵或Ctrl鍵，點(diǎn)擊多個(gè)組件，可以選中多個(gè)組件;

按下鼠標(biāo)拖動(dòng)，覆蓋多個(gè)組件，可以框選多個(gè)組件。

全選組件

全選頁面上所有組件，快捷鍵： Ctrl+A;

取消全選，點(diǎn)擊頁面上空白處，快捷鍵：Ctrl+Shift+A。

通過大綱樹來選中組件

點(diǎn)擊大綱樹列表中的組件名稱，可以選中對(duì)應(yīng)組件;

按住Shift鍵或Ctrl鍵，點(diǎn)擊列表中多個(gè)組件名稱，來選中多個(gè)組件。

移動(dòng)

組件的移動(dòng)有多種方式可以實(shí)現(xiàn)，具體如下：

鼠標(biāo)拖動(dòng)

選中組件后，直接拖動(dòng)組件實(shí)現(xiàn)移動(dòng)。

快捷鍵移動(dòng)

選中組件后，通過快捷鍵 Up / Down / Left / Right 來移動(dòng)組件。

快速移動(dòng)

按住Shift鍵，通過快捷鍵 Up / Down / Left / Right 可以快速移動(dòng)組件。

水平或垂直移動(dòng)

拖動(dòng)組件時(shí)，按住Shit鍵，組件只能水平或垂直移動(dòng)。

設(shè)置坐標(biāo)

在屬性面板的X與Y坐標(biāo)中，輸入數(shù)值，來改變組件的位置。

縮放

組件可以進(jìn)行任意縮放或等比例縮放，具體方式如下：

任意縮放

選中組件，拖動(dòng)選框四個(gè)角上的圓點(diǎn)，可以任意縮放組件尺寸，同時(shí)中間會(huì)顯示組件尺寸信息。

等比縮放

選中組件，按住Shift，拖動(dòng)選框四個(gè)角上的圓點(diǎn)，等比例縮放組件尺寸。

設(shè)置尺寸

除了以上兩種直接拖動(dòng)組件的方式縮放，還可在右側(cè)屬性面板的尺寸信息上，直接輸入尺寸數(shù)值，或點(diǎn)擊數(shù)值旁邊的小箭頭圖標(biāo)，來修改組件尺寸。

約束組件

對(duì)組件的約束，可以幫助我們批量設(shè)置多個(gè)組件的寬高、對(duì)齊以及距離，快速布局頁面中的組件。

標(biāo)尺與參考線

在主菜單中顯示標(biāo)尺與參考線。

快捷鍵：顯示/隱藏標(biāo)尺：Ctrl+R;顯示/隱藏參考線：Ctrl+H。

設(shè)置標(biāo)尺選項(xiàng)。

設(shè)置參考線顏色：主菜單 -> 選項(xiàng) -> 編輯。

添加和刪除參考線。

也可通過右鍵菜單刪除參考線。

對(duì)齊與等距

選中多個(gè)組件，在右邊屬性面板上，可以設(shè)置多個(gè)組件的對(duì)齊方式和等距。

等寬與等高

選中多個(gè)組件，在右邊屬性面板上，可以設(shè)置多個(gè)組件等寬或等高。

替換文字

替換文字功能可以對(duì)頁面或項(xiàng)目中，指定文字進(jìn)行一次性批量替換，非常方便快捷，它適用于所有帶有文字的組件(包括母版)。

選擇替換文字：主菜單 -> 替換文字

在彈出的窗口中，分別輸入“查找”和“替換為”的文字，可選擇“當(dāng)前頁面”或“所有頁面”，最后點(diǎn)擊“替換”或按Enter鍵，文字就替換成功了。

注意：文字替換后，替換結(jié)果是不能被撤銷的。