墨刀如何快速繪制一個對話框原型

墨刀是一款強大的交互原型設計軟件 , 節約了開發人員之間溝通的成本 , 降低了錯誤率 , 優化了設計效率 , 下面教你使用墨刀快速繪制一個對話框原型 。 工具/材料 墨刀
墨刀繪制對話框原型 01 進入墨刀主界面 , 點擊“創建項目”新建 。

墨刀如何快速繪制一個對話框原型



02 進入選擇項目界面 , 選擇“空白項目”或者“模版項目”進行創建 。

墨刀如何快速繪制一個對話框原型



03 在彈框中輸入項目名稱 , 選擇類型尺寸 , 點擊“創建”

墨刀如何快速繪制一個對話框原型



04 進入編輯界面即可開始編輯 , 右側的組件需要按住鼠標左鍵拖動到畫布中使用 。

墨刀如何快速繪制一個對話框原型



05 接下來開始繪制對話框 , 一般來說兩個角色在兩側 , 我們先在左側繪制一個圓 , 作為頭像 。

墨刀如何快速繪制一個對話框原型



06 然后在右側同等距離的位置放置一個圓 , 作為玩家頭像 。

墨刀如何快速繪制一個對話框原型



07 在左鍵組件中選擇“聊天氣泡” , 拖動到左側頭像平行的位置 , 當作是對方的信息框 。

墨刀如何快速繪制一個對話框原型



08 再拖動一個聊天氣泡到下方 , 將“箭頭方向”選擇為右 , 指向頭像 。

墨刀如何快速繪制一個對話框原型



09 【墨刀如何快速繪制一個對話框原型】最后為了效果更加真實 , 雙擊聊天氣泡中的文字進行修改調整 , 即可完成制作 。

墨刀如何快速繪制一個對話框原型





以上內容就是墨刀如何快速繪制一個對話框原型的內容啦 , 希望對你有所幫助哦!

    猜你喜歡