網站首頁 健康小知識 母嬰教育 起名 運動知識 職場理財 情感生活 綠色生活 遊戲數碼 美容 特色美食 愛好
當前位置:酷知知識幫 > 遊戲數碼 > 電腦

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

欄目: 電腦 / 發佈於: / 人氣:2.64W

墨刀是一款強大的交互原型設計軟件,節約了開發人員之間溝通的成本,降低了錯誤率,優化了設計效率,下面教你使用墨刀快速繪製一個對話框原型。

墨刀繪製對話框原型

(01)進入墨刀主界面,點擊“創建項目”新建。

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

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

墨刀如何快速繪製一個對話框原型 第2張

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

墨刀如何快速繪製一個對話框原型 第3張

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

墨刀如何快速繪製一個對話框原型 第4張

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

墨刀如何快速繪製一個對話框原型 第5張

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

墨刀如何快速繪製一個對話框原型 第6張

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

墨刀如何快速繪製一個對話框原型 第7張

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

墨刀如何快速繪製一個對話框原型 第8張

(09)最後為了效果更加真實,雙擊聊天氣泡中的文字進行修改調整,即可完成製作。

墨刀如何快速繪製一個對話框原型 第9張