首页 > 其他分享 >原型设计工具比较及实践

原型设计工具比较及实践

时间:2023-04-26 13:57:37浏览次数:36  
标签:界面 实践 认证 点击 原型 咸鱼 工具 页面

目 录

一、原型设计工具比较

  • 墨刀
  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、在“认证招商”界面,点击“申请入驻”,即可报名成为卖家。

 

标签:界面,实践,认证,点击,原型,咸鱼,工具,页面
From: https://www.cnblogs.com/wydyy/p/17353655.html

相关文章

  • 数据同步迁移工具
    mongo的迁移使用mongoshake实现mongo的单向迁移。MongoShake是一个以golang语言进行编写的通用的平台型服务,通过读取MongoDB集群的Oplog操作日志,对MongoDB的数据进行复制,后续通过操作日志实现特定需求。日志可以提供很多场景化的应用,为此,我们在设计时就考虑了把MongoShake做成通......
  • web前端开发常用的代码编写工具有哪些?
    不同类型的开发人员使用的工具大有不同,所以说没有绝对好,对任何人员都适用的工具,我们只能以友好度,功能性,扩展性,界面/体验,跨平台等等这些来作为评判标准。下面我们就给它分类并一一介绍:大师级别vivi对于使用过unix的朋友来说,绝对是再熟悉不过的代码编辑器,有多少伟大的程序和代码......
  • 面向车载通信的TSN网络原型下篇:效果验证
    前言  在上一篇文章中,我们概述性地介绍了北汇信息的面向车载通信的TSN网络原型上篇:原型概述。本篇文章将基于该原型,通过在多个场景中验证TSN协议的效果,向读者展示TSN在车载网络中的价值。通过实验验证,我们将深入了解TSN技术在车载网络中的实际应用和性能表现,为读者提供更为深......
  • Etcd 可视化管理工具,GUI 客户端。
    EtcdAssistant——Etcd可视化管理工具,GUI客户端。下载地址:http://www.redisant.cn/etcd主要功能:支持多标签页,同时连接到多个集群以漂亮的格式显示JSON、XML、MessagePack、十六进制等数据格式浏览、创建、编辑、删除键导出和导出数据键的展示支持多种视图:树状视图或列......
  • 产品原型19-20230425
       ......
  • 数据库实践课
    一、实验目的:掌握使用SQL语言进行数据定义和数据操纵的方法。二、实验要求:建立一个数据库stumanage,建立三个关系表student,course,sc。向表中插入数据,然后对数据进行删除、修改等操作,对关系、数据库进行删除操作。三、实验步骤:1、开始→程序→MicrosoftSQLServer→SQL......
  • 蓝牙调试工具
    学习蓝牙协议栈可以看其交互数据,所用到的工具如下: airpacketsniffer:如ellisys(是个仪器)这是一个仪器,能抓取两个蓝牙设备之间的数据;将这个仪器和PC相连,在PC上通过ellisys、frontline、wireshark等软件可以看到两设备之间的交互数据。 hwhcisniffer:也是一个仪器......
  • 原型设计工具比较及实践
    墨刀适用领域: 墨刀是一款在线原型设计与协同工具,借助墨刀,产品经理、设计师、开发、销售、运营及创业者等用户群体,能够搭建为产品原型,演示项目效果。墨刀同时也是协作平台,项目成员可以协作编辑、审阅,不管是产品想法展示,还是向客户收集产品反馈,向投资人进行Demo展示,或是在团队内部......
  • 原型设计工具比较及实践
    原型设计工具比较及实践 目录·原型设计工具比较    ·墨刀    ·Axure   ·Mockplus·原型设计    ·主题名称    ·功能以及界面设计及考虑因素   ·切换界面    ·界面切换流程  一,原型设计工具比较1.墨刀·适用邻域 ......
  • 原型设计工具比较及实践
    目录 一.原型设计工具比较 1.墨刀      适用领域      优点      缺点  2.Axure      适用领域      优点      缺点 3.Mockplus      适用领域      优......