原型设计作业

目录

• 一、原型设计工具比较
  • 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、既可在线听音乐，下载后也可离线听音乐，提供听歌识曲、猜你喜欢、推荐歌单等功能。

3.界面设计考虑因素

• 1.这款音乐app是一款服务于大众的app，所以页面必须清爽，能够让即使是第一次使用的人也能轻松找到自己想听的歌。
• 2.功能尽可能齐全才能具备市场竞争力。

4.界面切换介绍

• 歌曲选择界面
  • 界面功能: 通过该界面实现自行选择的喜欢的音乐
  • 界面组成：由主页面作为底层，在下部分作为歌曲选择的界面
  • 操作步骤：选择一种自己喜欢的音乐
  • 前置条件：主界面内选择此功能
  • 后置条件：进入选择歌曲的听歌页面

• 深色选择
  • 界面功能: 通过该界面进行深色模式下的各种功能选择
  • 界面组成：由主页面作为底层，将其背景模板变成深色
  • 操作步骤：选择自己想要的功能
  • 前置条件：主界面内选择此功能
  • 后置条件：实现自己选取的各项功能

• 音乐闹钟

  • 界面功能: 通过该界面进行音乐闹钟的开启

  • 界面组成：音乐闹钟开关、铃声、是否重复、返回选项

  • 操作步骤：选择自己想要的功能

  • 前置条件：功能选择面内选择音乐闹钟功能

  • 后置条件：实现自己选取的各项功能

• 定时关闭

  • 界面功能: 通过该界面进行app播放音乐功能选择

  • 界面组成：定时闹钟开关、时长的选择、是否执行完此歌曲之后再关闭功能

  • 操作步骤：选择自己想要的功能

  • 前置条件：功能选择面内选择定时关闭闹钟功能

  • 后置条件：实现自己选取的各项功能

5.界面切换流程图

首先进入登录页面,输入账号密码或者选择QQ、微信等方式登录。登陆后切换进主页页面，在主页页面选取自己喜欢的功能可以去深色功能选择，定时关闭，音乐闹钟，歌曲选择功能，同时在深色模式下，也可以进行，定时关闭，音乐闹钟，歌曲选择功能。