标签：功能界面点击原型设计工具页面

原型设计工具比较及实践

优点
- 在线协作： 墨刀提供了在线协作功能，团队成员可以在同一个项目上协作编辑和评论。
- 易于学习： 墨刀的界面简洁，易于上手，新手用户可以很快上手。
- 丰富的组件库： 提供了丰富的组件库，用户可以快速拖放组件来创建原型。
- 支持多种文件格式： 支持导出多种文件格式，包括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 .界面切换流程

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

标签：功能,界面,点击,原型,设计,工具,页面
From： https://www.cnblogs.com/miaobaozhishi/p/18131277

原型设计工具比较及实现