原型设计工具——墨刀

时间:2024-02-16 12:53:59
  • 目录

什么是原型?

原型设计工具——墨刀

  界面介绍

  使用流程

          创建应用

          编辑应用

  特点

   

 

 

什么是原型?

  原型,即产品草图。

  从产品流程来看,将想法形成草图原型,原型再由设计师形成效果图,程序员们根据需求和效果图开发,出来的软件样子就是和效果图差不多。原型在过程中就是产品最终形态的骨架。

  换一个角度理解,原型是产品经理人员将文字化的需求转换成图形稿,是设计方案的表达,是产品经理的重要产出物之一,是项目团队参考,评估的重要依据。它是产品功能与内容的示意图,是最终产品的雏形。

原型设计工具——墨刀

  墨刀是一款原型设计软件,目前墨刀分为网页版和客户端,网页版可以直接使用,客户端在网页版的功能的基础上增加了诸如可以随时提取页面中某一颜色然后应用于对应控件等小功能。

  • 界面介绍(网页端)

   1.内置组件库

     墨刀内置了很多组件库,可以从右侧直接拖拽进行使用,对界面上的组件双击可以修改该组件的多种属性。

 

 

 

 

  2.视频教程

    墨刀自带了很多教程,对多种功能都有详细的介绍.

 

 

 

 

 

  3.素材库

    如果是第一次进行原型设计,找不到头绪时,可以前往墨刀的素材广场,素材广场中有很多用户自己上传的原型分享。

 

 

 

 

 

  • 使用流程

    下面我们以二手书回收app为例对墨刀网页版的使用流程进行简单介绍:

  1.创建应用

    新建一个应用,选择应用类型。输入应用名称,设备类型和应用尺寸,点击创建按钮,完成应用创建。

 

 

 

  2.编辑应用

    a.创建底部导航栏

    可以直接从组件处搜索底栏,将组件拖动到画面中,并对标签和文字进行修改。

 

 

 

 

    接下来将图标与文字进行组合,并在状态栏里添加四个组件状态,在每种状态对应情况下,将图标、文字变为粉色。

 

 

 

    退出编辑模式后,右击将该动态组件转换为母版

    b.页面跳转

    墨刀有一个非常有特点的功能,就是通过连线的方式进行页面之间的跳转,在应用中选择任何一个控件,图片或者文字都可以通过添加手势和页面切换方式实现页面跳转。优点在于操作方便,且比较直观。缺点是如果页面复杂,跳转比较多,会有非常多交叉在一起的线,容易连接出错

    双击母版对母版进行编辑,在状态1下,将图标与分别对应的页面相连接。

 

 

 

    在状态2、3、4同理,并退出编辑。

    给2、3、4页面加入母版并选择为对应状态,注意页面高度对齐。

 

 

 

  3.预览

    手机预览功能,可以直接将原型导到手机上查看。只需要在运行界面,点击分享,用手机浏览器(墨刀app可以)扫描二维码即可直接在手机上查看原型,更加方便的你为团队演示和讲解自己的原型。

 

 

 

 

  • 特点

    墨刀,可以说是专为移动端产品原型设计而生。它的免费版本自带的部件、交互、功能,基本上能满足移动端产品原型的设计要求,并且墨刀的控件都是基于APP,以及系统平台IOS和安卓,因此在创建项目时可以首先选择相应的设备布局,减少了不少工作环节。

  1.优点

    a)      操作简单——简单拖拽和设置,即可将想法、创意变成产品原型。 

    b)      演示方便——真机设备边框、沉浸感全屏、离线模式等多种演示模式,项目演示效果逼真。

    c)      团队协作——与同事共同编辑原型,效率提升;一键分享发送给别人,分享便捷;还可在原型上打点、评论,收集反馈意见,高效协作。

    d)      交互简单——简单拖拽就可实现页面跳转,还可通过交互面板实现复杂交互,多种手势和转场效果,可以实现一个媲美真实产品体验的原型。 

    e)      素材库丰富——内置丰富的行业素材库,也可创建自己的素材库、共享团队组件库,高频素材直接复用。

    f)       免费版——支持产品设计、工作流、原型预览、Sketch标注插件、移动端演示,可免费创建3个项目,每个项目20个页面,以及总共50MB素材容量。

  2.缺点

    a)      不适用于PC端,仅限移动端产品原型,交互效果、空间组合、操作面板的选择上也都不如Axure 灵活

    b)      由于效果切换是采用连线的方式,容易给使用者造成错乱的感觉,影响设计时的体验。

    c)      如果要使用更强大的共享创建功能,如团队协作、单机版下载,则还需要付费购买。