原型设计工具比较及实现

原型设计工具比较及实践

目录

  • 一,原型设计工具比较

    • 1.墨刀
    • 2.Axure
    • 3.Mockplus
  • 二, 原型设计

    • 1.主题名称
    • 2.功能
    • 3.界面设计考虑因素
    • 4.切换界面

一,原型设计工具比较

1. 墨刀

  • 使用领域

​ 墨刀是界面原型设计工具,用于创建应用程序、网站和其他软件的交互原型。它们有一些共同之处,但也有一些区别。以下是它们的优缺点以及区别。

  • 优点

    • 在线协作: 墨刀提供了在线协作功能,团队成员可以在同一个项目上协作编辑和评论。
    • 易于学习: 墨刀的界面简洁,易于上手,新手用户可以很快上手。
    • 丰富的组件库: 提供了丰富的组件库,用户可以快速拖放组件来创建原型。
    • 支持多种文件格式: 支持导出多种文件格式,包括PNG、PDF、HTML等。
    • 兼容性好: 兼容性较好,支持多种操作系统和浏览器。
  • 缺点

    • 功能相对简单: 与一些高级的原型设计工具相比,功能相对简单,对于一些复杂的交互原型可能不够灵活。
    • 免费版功能受限: 免费版功能受到一定限制,需要购买高级版本以解锁更多功能。

2. Axure

  • 使用领域

​ Axure RP是美国“Axure Software Solution”公司出品的一款快速原型(Rapid Prototyping)软件,它拥有强大的原型设计功能,可以进行专业的原型设计。

  • 优点

    • 可以用于丰富的交互和文档,发布和共享,以及团队协作。
    • 可以通过AxureRP在线框草图的基础上,添加功能性的交互,与客户进行交流。
    • Axure RP能够替代PowerPoint制作演示的文案,用于演讲和教学。
  • 缺点

    • 使用难度高。
    • 没有素材库。
    • Axure只支持在本地设计。

3. Mockplus

  • 适用领域

​ 摹客(Mockplus)隶属于成都摹客科技有限公司,一直致力在如何更简单,更方便也更有效地方式去做原型,关注设计本身而不是工具,把复杂的东西尽量做简单。

  • 优点

    • 丰富的交互组件: 提供了丰富的交互组件,可以创建更丰富复杂的交互效果。
    • 支持各种操作系统: 支持Windows、Mac和Web平台,适用性较广。
    • 支持自定义组件: 允许用户创建自定义组件,提高了灵活性和定制性。
    • 可视化操作: 提供了可视化操作,方便用户快速创建原型。
    • 强大的团队协作功能: 支持团队协作,提供了评论、版本管理等功能。
  • 缺点

    • 学习曲线较陡峭: 对于新手用户来说,Mockplus的学习曲线可能较陡峭,需要一定的时间来掌握。
    • 价格较高: 相对于一些其他的原型设计工具,Mockplus的价格相对较高,可能不适合预算有限的个人用户或小团队使用。

二,原型设计

1.主题名称

​ 航易

​ 一款高校社区二手交易平台

2.功能

  • 可以出售自己的闲置物品。
  • 可以低价购买别人的二手物品。

3.界面设计考虑因素

  • 将下面的导航栏放在每一个页面,可以及时接收消息,以及页面转化更加舒服。
  • 视觉方面采用的是红色和白色为主,给人鲜明,舒适的感觉。
  • 界面简洁明了,目的性明确,方便用户上手使用。
  • 突出官方验的字体设计,体现交易平台保证质量的理念。

4.切换界面

1.主界面

  • 界面功能

    • 挑选商品。
    • 搜索商品。
    • 了解商品价格。
    • 进行其他页面的跳转。
  • 界面组成

    • 搜索框。
    • 商品图片。
    • 商品价格。
    • 导航栏。
    • 筛选功能控件。
  • 前置条件

    • 点进app。
  • 后置条件

    • 进入消息页面。
    • 进入个人主页。
    • 进入发现界面。
    • 进入搜索界面。

2.消息界面

  • 页面功能

    • 与商家,客户,好友聊天。
    • 接收官方消息。
    • 聊天设置。
    • 切换其他界面。
  • 界面组成

    • 聊天对象的头像昵称。
    • 聊天设置图标。
    • 页面切换栏。
  • 前置条件

    • 点击页面切换栏消息图标。
  • 后置条件

    • 进入聊天界面。
    • 切换到其他页面。
  • 操作步骤

    • 点击聊天对象的头像或者名称,可以进入聊天界面。
    • 点击下方标签切换页面。

3. 卖闲置界面

  • 界面功能

    • 发布并出售闲置物品。
  • 界面组成

    • 存草稿功能控件。
    • 物品照片上传控件。
    • 取消发布按键。
  • 前置条件

    • 点击个人主页的的发布商品。
  • 后置条件

    • 发布二手商品成功。
    • 草稿保存成功。
  • 操作步骤

    • 上传商品图片并描述商品特征后点击发布按钮。

4. 商品搜索界面

  • 界面功能

    • 搜索功能。
    • 历史记录。
    • 热搜词。
    • 切换页面。
  • 界面组成

    • 搜索框。
    • 历史记录。
    • 热搜词。
    • 取消按钮。
  • 前置条件

    • 点击主页的搜索框。
  • 后置条件

    • 浏览商品页面。
    • 搜索商品。

5 .界面切换流程

​ 首先进入主页面,点击消息,进入消息界面,点击我的进入我的页面,然后可以点击发布商品,进行发布自己想要出售的物品。 可以点发现,根据自己的爱好进行商品的浏览。点击搜索栏,进行查询自己想要搜索的物品,同时也会有历史消息记录。

posted @ 2024-04-13 15:47  面包夹芝士  阅读(38)  评论(0编辑  收藏  举报