移動APP產(chǎn)品交互設(shè)計開發(fā)的制作墨刀原型工具——基本操作流程天津電子信息職業(yè)技術(shù)學院知識要點01墨刀原型工具概述02墨刀工具基礎(chǔ)操作03組件素材04交互效果05演示分享06項目管理第一部分墨刀原型工具概述新建項目/項目文件夾墨刀原型工具新建項目/項目文件夾墨刀原型工具墨刀工作界面示意圖，墨刀原型工具添加頁面墨刀原型工具調(diào)整頁面順序展開、折疊頁面墨刀原型工具刪除頁面刪除頁面找回墨刀原型工具設(shè)置頁面橫屏設(shè)置頁面背景顏色墨刀原型工具修改頁面名稱墨刀原型工具墨刀原型工具設(shè)置頁面高度第二部分墨刀工具基礎(chǔ)操作墨刀原型工具添加組件內(nèi)置組件你可以快速拖拽使用我們?yōu)槟銉?nèi)置的基礎(chǔ)組件以及平臺組件（ios、MaterialDesign、AntDesign、WeUI...）。我的組件你可以將需要復用的組件或組合選中，鼠標右鍵添加到「我的組件」當中，便于之后直接拖拽使用。圖標你可以通過搜索或分類查找的方式選用圖標庫中的開源圖標，并且可以自由設(shè)置圖標的默認顏色及尺寸。母版如果你需要在多個頁面或位置用到同一組件，且需要它們可以被批量修改，那你可以先將它設(shè)置為「母版」。比如同一個文字組件，可以在多個頁面中復用，并且可以通過修改母版達到批量修改的效果。墨刀原型工具顯示、隱藏組件墨刀原型工具我的組件管理我的組件墨刀原型工具選中被蓋住的組件組件的重命名與組件顏色修改墨刀原型工具組合、打散組件鎖定、解鎖組件墨刀原型工具顯示、隱藏交互鏈接添加/刪除參考線（紅線）墨刀原型工具一屏線隱藏一屏線第三部分組件素材修改文字外觀墨刀原型工具選中文字組件后，可以在編輯區(qū)右側(cè)的外觀設(shè)置面板中點為它設(shè)置字號、顏色、字體。注：目前除已提供字體外，不支持上傳自己下載的字體使用。

修改批注顏色墨刀原型工具矩形設(shè)置圓角插入圖片墨刀原型工具圖片裁切圖片拉伸下載圖片墨刀原型工具標注模式下載圖片選中需要下載的圖片組件，點擊右下角的「導出圖片」即可保存圖片到本地。如需批量下載頁面內(nèi)圖片，可按住shift，鼠標左鍵點選，多選完成后，點擊「導出圖片」即可。鏈接區(qū)域墨刀原型工具聊天氣泡墨刀原型工具輪播圖墨刀原型工具調(diào)整輪播圖順序墨刀原型工具設(shè)定滾動橫向/縱向滾動自動輪播/點擊輪播墨刀原型工具設(shè)置指示點及指示點顏色我的組件墨刀原型工具添加圖標墨刀原型工具下載圖標母版墨刀原型工具新建母版編輯母版素材庫墨刀原型工具墨刀原型工具墨刀原型工具墨刀原型工具批量管理墨刀原型工具批量刪除墨刀原型工具高效搜索墨刀原型工具替換圖片墨刀原型工具企業(yè)素材第四部分交互效果墨刀原型工具在頁面下使用狀態(tài)墨刀原型工具頁面狀態(tài)設(shè)置與添加頁面狀態(tài)設(shè)置與添加墨刀原型工具動態(tài)組件連接其它頁面墨刀原型工具添加音頻墨刀原型工具添加音頻墨刀原型工具添加地圖墨刀原型工具添加地圖/tools/poimarker?type=0&marker=coord:39.96554,116.26719;title:成都;addr:北京市海淀區(qū)復興路32號院&key=YOUR_KEY&referer=myapp其中紅色的字體部分需要換成自己的騰訊地圖創(chuàng)建的key墨刀原型工具添加視頻選擇通用代碼：<iframeframeborder="0"width="640"height="498"src="/iframe/player.html?vid=w0021e4ijb4&tiny=0&auto=0"allowfullscreen></iframe>墨刀原型工具全局事件墨刀原型工具固定頂欄/固定底部導航長頁面滾動墨刀原型工具定時跳轉(zhuǎn)自動旋轉(zhuǎn)第五部分演示分享分享項目墨刀原型工具分享項目墨刀原型工具分享鏈接給別人默認顯示某個頁面分享鏈接打開后需要默認顯示某個頁面可以這么操作：1、在編輯區(qū)頂欄點擊「分享」，復制分享鏈接2、在瀏覽器中打開分享鏈接3、切換到想要讓別人查看那個的頁面，復制該頁面在瀏覽器中顯示的鏈接（此鏈接就是頁面的分享鏈接）。手機微信掃碼打開演示墨刀原型工具下載PNG電腦端離線演示墨刀原型工具下載/安裝APK墨刀原型工具安裝到手機桌面（Android）墨刀原型工具安裝到手機桌面（iOS）墨刀原型工具顯示、隱藏手機邊框墨刀原型工具設(shè)備框消失「PRD」模式墨刀原型工具在頁面編輯區(qū)外放置產(chǎn)品迭代記錄表格、產(chǎn)品流程圖等設(shè)置允許查看「PRD」模式「PRD」模式墨刀原型工具分享查看PRD如果在分享設(shè)置中，允許查看「PRD」的模式，那么導出html時，可以將畫板外的PRD內(nèi)容一起導出的；如果導出png格式的文件，暫時還不支持「PRD」內(nèi)容一起導出。如何導出「PRD」模式的內(nèi)容「長頁面」模式墨刀原型工具「設(shè)備框」模式第六部分項目管理復制項