原型设计工具比较及实践

目 录

一、原型设计工具比较

  • 墨刀
  1. 使用领域
  2. 优点
  3. 缺点
  • Axure
  1. 使用领域
  2. 优点
  3. 缺点
  • Mockplus
  1. 使用领域
  2. 优点
  3. 缺点

二、原型设计主题名称

  • 主题名称

  • 功能

  • 界面设计考虑因素

  • 切换界面
  1. 我的
  2. 红包奖券
  3. 认证招商
  4. 申请入驻

  • 界面切换流程

一、原型设计工具比较

（1）墨刀

1、使用领域

     墨刀是一款在线原型设计与协同工具，借助墨刀，产品经理、设计师、开发、销售、运营及创业者等用户群体，能够搭建为产品原型，演示项目效果。墨刀同时也是协作平台，项目成员可以协作编辑、审阅，不管是产品想法展示，还是向客户收集产品反馈，向投资人进行Demo展示，或是在团队内部协作沟通、项目管理。

2、优点

  • 协作高效——可与同事共同编辑原型,作品完成后,可一键分享发送给别人;在线浏览方便,他人可在原型上打点、评论,收集反馈意见,高效协作。
  • 演示方便——真机设备边框、沉浸感全屏、离线模式等多种演示模式,项目演示效果逼真。
  • 交互简单——简单拖拽就可实现页面跳转,还可通过交互面板实现复杂交互,多种手势和转场效果,可以实现一个媲美真实产品体验的原型。

3、缺点

  • 不适用于PC端,仅限移动端产品原型,交互效果、控件组合、操作面板的选择上也都不够灵活。
  • 免费版对于项目数量、页面数量有限制。
  • 必须在线操作,离线无法保存。

 （2）Axure

 

1、使用领域

     Axure是一款专业的快速原型设计工具，主要用于帮助用户定义需求和规格、设计功能和界面，从而快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。它可以快捷而简便地创建基于网站构架图的带注释页面示意图、操作流程图、以及交互设计，并可自动生成用于演示的网页文件和规格文件，以提供演示与开发。

 

2、优点

  • 功能最齐全,交互最多样,基本任何想要的效果都可以实现,尤其在制作PC端原型图上有优势。
  • 插件丰富，做原型方便。
  • 更好的展现你想表达的、有利于推销你的产品。

 

3、缺点

  • 虽然动态面板中继器等功能都很强大,但是不容易搞懂;
  • Axure的素材也是让人头疼的问题,一般情况下,用户会去第三方素材库进行寻找,需要花费不少时间。

 

 

（3）Mockplus

 

1、使用领域

 

    Mockplus除用于移动APP原型设计,还可以制作PC、网页的原型设计,它可以帮助UI设计师在最短的时间内完成产品原型图的设计。Mockplus是跨平台的,用户可以在Windows、Mac OS、Android、iOS中使用。

 

2、优点

 

  • Mockplus是一款简洁高效的原型图设计软件,适合快速迭代的开发模式,无需学习、快速上手、功能强劲。
  • 快速原型设计海量组件图标,丰富交互动效用摹客,快速实现创意落地、专业UI设计矢量编辑、协同设计、资源复用用摹客,轻松搞定设计创作、高效协同工作从产品、设计到开发,全流程协作用摹客,提升团队协作效能。

 

 

3、缺点

  • 不支持手势交互。
  • 缺乏高级功能:Mockplus的功能相对简单,缺少高级功能如自定义脚本、调试工具、团队协作等,这可能会限制用户在开发过程中的自由度和灵活性。
  • 学习曲线较陡峭:相较于其他低代码平台,Mockplus的学习曲线较陡峭。

二、原型设计主题名称

（1）主题名称

咸鱼——二手交易平台

（2）功能

1、进入我的主页面，查看本人的相关信息。

2、查看我的红包，礼券详情。

3、进行招商、认证等操作流程。

4、申请入驻成为咸鱼卖家。

（3）界面设计考虑因素

 

1、用户的特征，包括文化水平、计算机操作能力等。

2、界面的美观性。

3、界面风格的一致性。

4、操作上的简单性。

5、提示信息的完整性和准确性。

 

（4）切换界面

我的页面

 

 

  • 界面功能
    • 查看红包奖券
    • 进行认证招商
  • 界面组成
    • 我的
    • 红包奖券
    • 认证招商
    • 申请入驻

 

  • 前置条件
    • 登录软件，切换到“我的”界面
  • 后置条件
    • 选择要进入的界面，点击选项
  • 操作步骤
    • 点击“红包奖券”，进入查看红包礼券信息
    • 点击“认证招商”，进行认证、招商等操作流程

 

  • 界面功能
    • 查看红包
    • 查看抽奖
    • 查看助卖保卡
    • 查看寄件券和加价券
  • 界面组成
    • 页面返回键
    • 我的红包
    • 我的抽奖
    • 助卖保卡
    • 我的寄件券
    • 我的加价券
  • 前置条件
    • 在“我的”界面，点击进入“红包奖券”
  • 后置条件
    • 返回“我的”界面
  • 操作步骤
    • 点击界面左上角的箭头，返回到“我的”

 

  • 界面功能
    • 页面返回功能
    • 申请入驻成为咸鱼卖家
  • 界面组成
    • 页面返回键
    • 咸鱼线上招商申请入驻按钮
    • 咸鱼线下招商申请入驻按钮
    • 咸鱼玩家申请认证按钮
    • 经营资质上传按钮
  • 前置条件
    • 在“我的”界面，点击进入“认证招商”
  • 后置条件
    • 返回“我的”界面
    • 申请入驻成为咸鱼卖家
  • 操作步骤
    • 点击界面左上角的箭头，返回到“我的”
    • 点击“申请入驻”，进入申请页面

  • 界面功能
    • 页面返回功能
    • 报名参与卖家招募
  • 界面组成
    • 页面返回键
    • 咸鱼手机数码卖家报名按钮
    • 咸鱼卡券放心充报名按钮
  • 前置条件
    • 在“认证招商”界面，点击进入“申请入驻”
  • 后置条件
    • 返回“认证招商”界面
    • 返回“我的”页面
  • 操作步骤
    • 点击界面左上角的箭头，返回到“认证招商”

（5）切换界面流程

1、首先打开咸鱼中的“我的”界面。

2、点击“红包奖券”可查看自己的红包和奖券。

3、返回至“我的”界面，点击“认证招商”，可进行招商类型查看。

4、在“认证招商”界面，点击“申请入驻”，即可报名成为卖家。

 

posted @ 2023-04-26 13:42  邸媛媛  阅读(98)  评论(0)    收藏  举报