墨刀如何快速绘制一个对话框原型

墨刀是一款强大的交互原型设计软件 , 节约了开发人员之间沟通的成本 , 降低了错误率 , 优化了设计效率 , 下面教你使用墨刀快速绘制一个对话框原型 。 工具/材料 墨刀
墨刀绘制对话框原型 01 进入墨刀主界面 , 点击“创建项目”新建 。

墨刀如何快速绘制一个对话框原型

文章插图

02 进入选择项目界面 , 选择“空白项目”或者“模版项目”进行创建 。

墨刀如何快速绘制一个对话框原型

文章插图

03 在弹框中输入项目名称 , 选择类型尺寸 , 点击“创建”

墨刀如何快速绘制一个对话框原型

文章插图

04 进入编辑界面即可开始编辑 , 右侧的组件需要按住鼠标左键拖动到画布中使用 。

墨刀如何快速绘制一个对话框原型

文章插图

05 接下来开始绘制对话框 , 一般来说两个角色在两侧 , 我们先在左侧绘制一个圆 , 作为头像 。

墨刀如何快速绘制一个对话框原型

文章插图

06 然后在右侧同等距离的位置放置一个圆 , 作为玩家头像 。

墨刀如何快速绘制一个对话框原型

文章插图

07 在左键组件中选择“聊天气泡” , 拖动到左侧头像平行的位置 , 当作是对方的信息框 。

墨刀如何快速绘制一个对话框原型

文章插图

08 再拖动一个聊天气泡到下方 , 将“箭头方向”选择为右 , 指向头像 。

墨刀如何快速绘制一个对话框原型

文章插图

09 【墨刀如何快速绘制一个对话框原型】最后为了效果更加真实 , 双击聊天气泡中的文字进行修改调整 , 即可完成制作 。

墨刀如何快速绘制一个对话框原型

文章插图



以上内容就是墨刀如何快速绘制一个对话框原型的内容啦 , 希望对你有所帮助哦!

    推荐阅读