墨刀點擊效果制作方法： 1、首先點擊查看“下拉菜單”的素材，會發現在墨刀畫布區域會彈出相關的組件。按住鼠標左鍵將組件選中，然后點擊畫布右側面板中的“添加組件狀態”按鈕進入下一步的組件狀態編輯。 2、在墨刀動態效果編輯的主界面畫布中間會出現“組件狀態”的對話框，用戶需要編輯狀態的名稱。狀態1為“隱藏”，狀態2為“顯示”。 3、接著，按住鼠標左鍵將“隱藏”狀態的下拉組件選中，并且在墨刀動態編輯界面的畫布右側點擊隱藏按鈕，即可將“隱藏”的相關組件成功隱藏起來。 4、做到這一步，用墨刀做下拉菜單的動態效果的操作過程就完成一半了。接著，用戶還需要將狀態切換到“顯示”。比如當我們把手移動到“掃一掃”的組件時就可以跳轉到其對應頁面。那么該如何做出動態效果? 用戶先要點擊“掃一掃”將其選中，然后再按住鼠標左鍵將其鏈接到墨刀動態主界面的左側畫布的素材“掃一掃”。 5、回到“組件狀態”，將“隱藏”的下拉菜單組件添加交互動態事件，點擊組件右上角的“+”按鈕鏈接到“顯示”狀態。 完成上一步后，將“組件狀態”切換到“顯示”狀態，并將其狀態的下單菜單組件選中，鏈接到“隱藏”狀態。完成這一步的設置后，退出組件編輯。 6、最后，用戶需要把動態組件移動到畫板上，這樣就完成了墨刀點擊效果的制作。

墨刀動態效果制作方法： 1、首先點擊查看“下拉菜單”的素材，會發現在墨刀畫布區域會彈出相關的組件。按住鼠標左鍵將組件選中，然后點擊畫布右側面板中的“添加組件狀態”按鈕進入下一步的組件狀態編輯。 2、在墨刀動態效果編輯的主界面畫布中間會出現“組件狀態”的對話框，用戶需要編輯狀態的名稱。狀態1為“隱藏”，狀態2為“顯示”。 3、接著，按住鼠標左鍵將“隱藏”狀態的下拉組件選中，并且在墨刀動態編輯界面的畫布右側點擊隱藏按鈕，即可將“隱藏”的相關組件成功隱藏起來。 4、做到這一步，用墨刀做下拉菜單的動態效果的操作過程就完成一半了。接著，用戶還需要將狀態切換到“顯示”。比如當我們把手移動到“掃一掃”的組件時就可以跳轉到其對應頁面。那么該如何做出動態效果? 用戶先要點擊“掃一掃”將其選中，然后再按住鼠標左鍵將其鏈接到墨刀動態主界面的左側畫布的素材“掃一掃”。 5、回到“組件狀態”，將“隱藏”的下拉菜單組件添加交互動態事件，點擊組件右上角的“+”按鈕鏈接到“顯示”狀態。 完成上一步后，將“組件狀態”切換到“顯示”狀態，并將其狀態的下單菜單組件選中，鏈接到“隱藏”狀態。完成這一步的設置后，退出組件編輯。 6、最后，用戶需要把動態組件移動到畫板上，這樣就完成了墨刀動態效果的制作。可以點擊墨刀主界面右上方的“運行”按鈕，預覽一下自己運用墨刀所制作的動態效果。

墨刀動態組件使用教程： 1.進入編輯界面后，自己制作一個組件。先在我的組件中新建組件，可以直接拉取矩形為組件主體，當然，也可以插入圖片，使之更好看，但這里為了方便演示，就不在此贅述。 之后，在矩形組件上添加一個按鈕，此部分為基礎，不再說明，之后，點擊右上方，返回工作區，將剛才創建好的“彈窗”組件拖拽到主面板上，如圖。當然，為了方便，你也可以使用自帶原件。 2.之后，點擊右方添加組件狀態 3.給組件添加兩種狀態，分別命名為組件隱藏和組件顯示，并且在組件隱藏頁面右方，將組件設置為隱藏。 之后在主頁面上添加按鈕并在右方事件進行設置。 4.注意，選擇組件時需要雙擊才能選擇。 之后雙擊彈窗組件，并選擇“組件顯示”狀態，并將彈窗組件上的按鈕鏈接到“組件隱藏”狀態，最后退出編輯。

墨刀導出原型到本地的方法： 1、導出HTML壓縮包：點擊導出，選擇HTML壓縮包選項，解壓后雙擊index.html，預覽離線原型。 2、導出PNG（全部頁面或當前頁）：此途徑可以將原型頁面轉換為PNG格式，直接用系統自帶圖片瀏覽器預覽原型圖即可。 3、導出離線APK安裝包：目前支持安卓手機安裝離線APK包，直接在手機上離線預覽原型。可以使用導出按鈕導出APK，也可以直接掃描運行頁面的二維碼，點擊安裝后按提示將壓縮包安裝到手機上，隨時切換在線/離線屬性。

墨刀原型圖導出教程： 1、導出HTML壓縮包：點擊導出，選擇HTML壓縮包選項，解壓后雙擊index.html，預覽離線原型。 2、導出PNG（全部頁面或當前頁）：此途徑可以將原型頁面轉換為PNG格式，直接用系統自帶圖片瀏覽器預覽原型圖即可。 3、導出離線APK安裝包：目前支持安卓手機安裝離線APK包，直接在手機上離線預覽原型。可以使用導出按鈕導出APK，也可以直接掃描運行頁面的二維碼，點擊安裝后按提示將壓縮包安裝到手機上，隨時切換在線/離線屬性。

墨刀個人版和免費版的區別： 墨刀免費賬戶：私密應用；不可導出；不可團隊協作；100MB圖片存儲。 1、可以創建不限數量的公開、私密項目，可以通過加密來保障項目的隱私； 2、不支持導出離線文檔，如HTML 壓縮包、全部PNG壓縮包、當前頁PNG圖、IPA或APK安裝包； 3、不支持團隊項目及多人協作功能； 墨刀個人版：私密應用；導出；團隊協作（白名單）；超大圖片存儲空間。 1、可以創建不限數量的公開、私密項目，可以通過加密及設置白名單來保障私密項目的隱私； 2、支持導出離線文檔，如HTML壓縮包、全部PNG壓縮包、當前頁PNG圖以及安卓APK安裝包； 3、企業版賬戶支持導出IPA文件（需主動申請）； 4、高級賬戶享有 多人協作 、團隊項目以及白名單功能。

墨刀實現區域內滾動的教程： 1、首先打開“我的組件”面板，點擊“新建組件”。 2、畫布上畫出需要水平滾動的內容，然后再復制狀態1。這一步的目的將其轉換為「動態組件」。 3、然后回到工作區，將該動態組件拖動到畫布上，將其寬度調成頁面寬度，運行原型，即可實現（拖動式）水平滾動。 4、如果你想讓頁面里的部分內容（拖動式）垂直滾動，實現的方式跟上面的水平滾動同理。這種實現方法不會顯示“垂直滾動條”。 5、如果你想實現顯示“垂直滾動條”的垂直滾動，還有一個更簡單的方法： 6、直接拖動頁面底部橫線向下，放入你整個長頁面需要的內容，然后運行，即可自動實現頁面的垂直滾動。

墨刀手機版編輯步驟： 1、首先打開墨刀軟件，新建一個應用，選擇應用類型（選擇了iPhone設備），輸入應用名稱，設備類型和應用尺寸，點擊創建按鈕，完成應用創建。 2、新建應用的標題欄會自動顯示應用的名稱（人人都是產品經理），標題欄文字可以自行修改。制作里布導航欄，從左側“組件”欄目中找到底部組件，拖入應用之中，大小和樣式可以自行修改。然后拖入三個導航標簽，修改標簽的位置和名稱。至此完成底部導航欄的制作。 3、然后開始簡單的制作下“產品經理”的首頁原型，在左側的“組件”欄目中找到搜索組件，拖入App首頁中，在“母版”欄目中找到輪播圖模版，拖入應用之中。墨刀中有一些已經做好的組件或母版，可直接拖入使用，加快創建原型的時間。 4、然后回到“組件”欄目，為首頁插入圖片和文字。圖片調節在右邊的設置欄，這里推薦大家直接拖入圖片，然后用鼠標調節大小這樣會比較方便。文字的調節在左邊的主題欄目，可調節文字的大小和樣式。

mockplus和墨刀的區別： 一、墨刀是一款在線原型設計和協同工具，墨刀有內置豐富的UI素材和模板，清爽的界面，讓設計原型的過程順暢高效。墨刀同樣支持Sketch設計稿的導入，拖拽式創建交互鏈接，可以通過鏈接或者二維碼在電腦端或者移動端快捷預覽原型。此外，設計師也可以通過墨刀進行自動標注，開發者也可以用墨刀進行切圖。有一個槽點就是沒有“自定義調色板”功能。墨刀新出的版本更加強化了協同管理功能，滿足了更大規模團隊的需求。不僅多人團隊可以在墨刀協同編輯/實時討論，共同管理素材庫，對于人員權限的管理也更加清晰分明。 二、Mockpuls優勢： 1.基礎版免費使用，操作簡單，上手快，交互簡單(只需拖曳就可以)，功能多樣，組件資源豐富，預覽方式和導出類型多樣，支持團隊協作。 2.有原型演示，可以幫助前端設計師、后端程序員更好地理解你的原型產品。 3.mockplus有組件庫和圖標庫，界面設計較為方便。

墨刀導出原型的方法： 1、導出HTML壓縮包：點擊導出，選擇HTML壓縮包選項，解壓后雙擊index.html，預覽離線原型。 2、導出PNG（全部頁面或當前頁）：此途徑可以將原型頁面轉換為PNG格式，直接用系統自帶圖片瀏覽器預覽原型圖即可。 3、導出離線APK安裝包：目前支持安卓手機安裝離線APK包，直接在手機上離線預覽原型。可以使用導出按鈕導出APK，也可以直接掃描運行頁面的二維碼，點擊安裝后按提示將壓縮包安裝到手機上，隨時切換在線/離線屬性。