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

來源:酷知科普網 2.68W

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

墨刀繪製對話方塊原型

(01)進入墨刀主介面,點選“建立專案”新建。

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

(02)進入選擇專案介面,選擇“空白專案”或者“模版專案”進行建立。

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

(03)在彈框中輸入專案名稱,選擇型別尺寸,點選“建立”

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

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

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

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

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

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

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

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

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

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

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

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

墨刀如何快速繪製一個對話方塊原型 第9張
熱門標籤