原型设计作业

目录

• 一、原型设计工具比较
  • 1.墨刀
  • 2.Axure
  • 3.Mockplus
• 二、原型设计
  • 1.主题名称
  • 2.原型功能
  • 3.界面设计考虑因素
  • 4.界面切换介绍
  • 5.界面切换流程图

一、原型设计工具比较

1.墨刀

• 适用领域

  • 墨刀是一款在线的移动应用原型与线框图工具。借助于墨刀，创业者、产品经理及UI/UX设计师能够快速构建移动应用产品原型，并向他人演示。主要用于设计移动APP原型。使用者包括产品经理、设计师、开发、销售、运营及创业者等用户群体。

• 优点:

  • （1）墨刀拥有PC端、手机端、网页版，可以随时随地进行产品原型设计。
  • （2）墨刀控件的拖拉、大小的调整，都会自然去匹配相应母版的大小，无需去担心有多移动一点 或多选择一点，非常人性化。
  • （3）墨刀提供了强大的共享创建功能，方便用户在手机上预览原型。

• 缺点：

  • （1）必须在线操作（离线无法保存）。
  • （2）对交互效果、控件组合、操作面板的选择都不是很灵活，内置交互效果包括点击、滑动、滚动等。
  • （3）效果切换因为是采用连线的方式，有时会使用户产生错乱的感觉。

2.Axure

• 适用领域

  • Axure是一款专业的快速原型设计工具。它能快速、高效的创建原型，同时支持多人协作设计和版本控制管理。还能帮助网站需求设计者，快捷而简便的创建基于网站构架图的带注释页面示意图、操作流程图、以及交互设计，并可自动生成用于演示的网页文件和规格文件，以提供演示与开发。主要用来设计Web原型。Axure RP的使用者主要包括商业分析师、信息架构师、产品经理、IT咨询师、用户体验设计师、交互设计师、UI设计师等，另外，架构师、程序员也在使用Axure。

• 优点：

  • （1）可以在另一台电脑上，阅读和编辑Axure原型图；
  • （2）在Axure预览模式下，可以在浏览器左侧显示网页的目录；
  • （3）Axure软件有Mac版本和windows版本。

• 缺点：

  • （1）如果接收文件同事的电脑，没安装Axure，就打不开了；
  • （2）不能在手机微信聊天窗口上，直接阅读Axure原型图；
  • （3）Axure低版本，不能打开高版本的Axure文件。

3.Mockplus

• 适用领域
  • Mockplus（摹客）是一款简洁快速的原型图设计工具。适合软件团队、个人在软件开发的设计阶段使用。其低保真、无需学习、快速上手、功能够用。并能够很好地表达自己的设计。Mockplus的使用者包括产品经理、项目经理、UI设计师、程序员等用户。
优点：
• （1）使用起来异常的方便快捷,容易上手。
• （2）Pc端和Web端都有很好的支持。
• （3）拥有初步免费和高级收费,小的设计不用花钱,大的设计,也是按月来收费的(每月15左右吧),需求来了,再买使用.这一点做得非常的好。
• （4）包含所有设备的设计方案,PC,Web,MP,而且设计支持很棒的素材库的下载。
缺点：
• （1）不支持手势交互。
• （2）开发技术不稳定，功能很少不提供源文件，只能导出图片或者生成原型，但没有原型源文件。
• （3）Mockplus里线条没有提供隐形的扩展感应区，不容易点击。

​ 二、原型设计

1.主题名称

        二手交易平台——商品界面
2.原型功能

        一款交易app，方便大众通过该app在网络上寻找心仪的物品并购买
3.界面设计考虑因素

        1.这款app是一款服务于大众的app，页面简约，让人能轻松找到自己心仪的物品
        2.功能尽可能齐全才能具备市场竞争力。
4.界面切换介绍

1.商品选择页面

2.商品详情页面

 3.购物车页面

 

 4.购买页面

5.切换界面流程

 首先登陆账号进入商品主页面，然后选择心仪的商品进行加入购物车或者购买操作