軟件介紹

摹客電腦版是一款專業的原型設計軟件，它為用戶提供了一個完整的設計和開發系統，支持原型設計、標注切圖和文檔管理，能夠幫助用戶輕松完成設計和開發的工作。除此之外摹客電腦版還具有團隊協作的功能，支持團隊成員文件共享和協同辦公，是一個很不錯的原型設計開發軟件。

特色功能

拖一拖，交互設計從沒有這么簡單

Mockplus中的原型交互設計完全可視化，所見即所得。拖拽鼠標做個鏈接，即可實現交互。同時，Mockplus封裝了彈出面板、內容面板、滾動區、抽屜、輪播等系列組件，對于常用交互，使用這些組件即可實現。

放一放，原型圖輕松呈現

Mockplus封裝了近200個組件，提供了3000個以上的圖標素材。作圖時，只需要把這些組件放入工作區進行組合，一張原型圖即可以迅速呈現。把思路用在設計上，無需為制作一個組件而勞心費力。

掃一掃，立即在手機中預覽原型

掃描二維碼，原型即可在手機中演示。同時支持在線發布為HTML，一個網址即可分享給同事或客戶，也可導出HTML離線演示包。

用一用，馬上就會了

關注你的設計，而非工具。你不需要任何學習就可以輕松上手，不必為學習一個軟件而成為工具的奴隸，更不必在學習、買書、培訓上花費時間和金錢。Mockplus無需任何編程，小白也能快速上手。

安裝步驟

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

2、 windows下可選擇安裝目錄

3、 安裝

4、安裝成功

到此就完成了安裝，點擊完成安裝按鈕即可打開mockplus開始體驗。

使用幫助

編組

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

使用組

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

也可以選中組件后，點擊頂部菜單欄上的“合并為組”圖標。

編輯組

雙擊組可以進入組的編輯狀態，此時除了組的內容外，其它組件會被凍結，你只能編輯組的內容，點擊其它地方會結束編輯狀態。

在編輯狀態下可以改變組內組件的屬性，如樣式、大小、位置等，如果改變組件的位置那么組的大小也會自動改變。

嵌套組

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

解散組

選中對應組之后，可以通過鼠標右鍵菜單的“解散組”來解散;或者在選中組時使用快捷鍵(Ctrl+G)來解散組。同樣，也可以通過點擊頂部菜單欄的“解散組”圖標來解散組。

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

選定

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

單選組件

鼠標單擊組件，組件周圍出現選定框，組件被選定;

按下鼠標拖動，覆蓋組件，可以框選組件(可在“選項”->“編輯”中進行偏好設置)。

多選組件

按住Shift鍵或Ctrl鍵，點擊多個組件，可以選中多個組件;

按下鼠標拖動，覆蓋多個組件，可以框選多個組件。

全選組件

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

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

通過大綱樹來選中組件

點擊大綱樹列表中的組件名稱，可以選中對應組件;

按住Shift鍵或Ctrl鍵，點擊列表中多個組件名稱，來選中多個組件。

移動

組件的移動有多種方式可以實現，具體如下：

鼠標拖動

選中組件后，直接拖動組件實現移動。

快捷鍵移動

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

快速移動

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

水平或垂直移動

拖動組件時，按住Shit鍵，組件只能水平或垂直移動。

設置坐標

在屬性面板的X與Y坐標中，輸入數值，來改變組件的位置。

縮放

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

任意縮放

選中組件，拖動選框四個角上的圓點，可以任意縮放組件尺寸，同時中間會顯示組件尺寸信息。

等比縮放

選中組件，按住Shift，拖動選框四個角上的圓點，等比例縮放組件尺寸。

設置尺寸

除了以上兩種直接拖動組件的方式縮放，還可在右側屬性面板的尺寸信息上，直接輸入尺寸數值，或點擊數值旁邊的小箭頭圖標，來修改組件尺寸。

約束組件

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

標尺與參考線

在主菜單中顯示標尺與參考線。

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

設置標尺選項。

設置參考線顏色：主菜單 -> 選項 -> 編輯。

添加和刪除參考線。

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

對齊與等距

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

等寬與等高

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

替換文字

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

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

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

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