原型设计工具比较及实践

原型设计工具比较

墨刀

使用领域：

墨刀有PC端、手机端、网页版等各种版本，适合项目经理设计师，开发人员等使用。

优点：

• 墨刀自带了很多成熟的组件，例如键盘，开关，手机模型等，使用起来很方便。
• 墨刀的产品界面简洁易用，上手快，学习成本和切换成本低。
• 墨刀的APP原型可以下载到手机里，方便用户在手机上预览原型。
• 墨刀的原型也可以分享网页链接。

缺点：

• 墨刀上面不能画流程图，相对于其他工具功能相对不那么全面。
• 墨刀对交互效果、控件组合、操作面板的选择都不如其他工具灵活。
• 墨刀的效果切换因为是采用连线的方式，很容易让使用者产生混乱。

Axure

使用领域：

Axure 可供产品经理、IT咨询师、用户体验设计师、交互设计师、UI设计师等使用。

优点：

• Axure是一款高保真的原型设计工具，功能齐全，操作变化多端，在制作PC端原型图上非常有优势。
• Axure自带组件库并支持第三方组件库，用户可以自做或者下载各种组件，灵活性更强。
• Axure有着非常强大的交互编辑器，可以实现复杂的逻辑的关系处理，使界面更加完成，功能更加齐全。

缺点：

• 默认的样式不太好看，大多数设计师不太喜欢默认的一些样式。
• 学习成本相对较高，一些高级组件有一定学习门槛。
• 在手机端上的预览效果较差。

Mockplus

使用领域：

比较适合软件团队、个人在软件开发的设计阶段使用。

优点：

• 易用且低学习曲线，对于初学者来说更友好。
• 针对不同的设备，都有大量的元素和图标库供用户使用。
• 可以通过简单的拖放，快速容易地创建交互原型。
• 功能多样，除用于移动APP原型设计，还可以制作PC、网页的原型设计。
• 支持团队协作。

缺点：

• Mockplus的一些组件属性比较少。
• Mockplus不支持手势交互。

原型设计

主题名称

无广良心视频平台

功能

1.平台的所有用户之间可以互相私信聊天

2.平台支持观看横屏和竖屏两种不同分辨率的视频

3.用户可以给自己喜欢的视频点赞、评论、收藏和转发等操作

4.用户可以看到视频中其他用户发送的弹幕并且自己也可以发送弹幕

5.首页的轮播图会根据用户平时的观看行为进行推送用户可能感兴趣的视频和今日热门视频

界面设计考虑因素

1.整体界面设计较为简洁，舍弃了一些不必要的元素，保留了大部分核心功能

2.平台内不会推送任何广告和弹窗，观看体验更加舒适

3.为满足大多数用户的社交需求，专门开放动态区域，可以看到好友的最新动态

4.跟随时代潮流，平台开设直播功能，满足用户的娱乐多元化需求

界面切换

 首页

 界面功能：

　　可以看到平台为用户推送的推荐视频和今日热门视频，并且可以从首页进入私信界面、搜索界面和视频播放界面。

界面组成：

　　搜索框、用户头像、私信选项、推送的视频、首页选项、动态选项、购物车选项和个人中心选项。

前置条件：

　　打开软件并选择首页选项。

后置条件：

　　进入搜索页面、私信页面和其他页面。

操作步骤说明：

　　想进入哪个界面就点击相应的选项即可，点击中间的视频会播放选中的视频并进入视频播放界面。

私信界面

 界面功能：

　　返回上一个界面，看到所有的信息通知，像回复我的，提到我的以及系统通知，还可以和好友发私信聊天。

界面组成：

　　返回选项、聊天框和信息查看框。

前置条件：

　　进入首页选中私信选项。

后置条件：

　　查看信息通知和好友私信。

操作步骤说明：

　　想退出就点击左上角的返回键，点击相应的消息框可以看到对应的信息，下方可以选则好友私信。

竖屏视频观看界面

 界面功能：

　　播发竖屏视频、对视频进行点赞，评论，转发，发送弹幕。

界面组成：

　　返回选项、弹幕框、点赞键、收藏键、评论键、转发键。

前置条件：

　　在首页选中竖屏视频并播放。

后置条件：

　　进播放竖屏视频，并对视频进行其他操作。

操作步骤说明：

　　点击左上角可退出该界面，下方文字框可以发送弹幕，右侧的按钮可以对视频点赞，转发和评论。

横屏视频观看界面

 界面功能：

　　播发竖屏视频、对视频进行举报，点赞，评论，转发，发送弹幕，播放下方推荐视频。

界面组成：

　　返回选项、弹幕框、点赞键、收藏键、评论键、转发键、举报键。

前置条件：

　　在首页选中横屏视频并播放。

后置条件：

　　进播放横屏视频，并对视频进行其他操作。

操作步骤说明：

　　点击左上角可退出该界面，中间的文字框可以发送弹幕，下侧的按钮可以对视频点赞，转发、评论和举报，选中最下方的推荐视频播放。

搜索界面

 界面功能：

　　搜索与用户输入的关键字相关的视频，记录搜索历史，推荐搜索关键字。

界面组成：

　　返回选项、搜索框、搜索按钮、搜索历史、搜索推荐。

前置条件：

　　在首页点击搜索框。

后置条件：

　　呈现与关键字相关的视频。

操作步骤说明：

　　在搜索框内输入想看的内容后点击搜索按钮就会出现与关键字相关的视频推荐。