本篇博客内容为介绍几种主流的原型设计工具,并且使用其中一种工具——《墨刀》设计本小组作业《云日记》的界面。
Axure是一款快速原型制作软件,是一个专业的快速原型设计工具;它的使用人群一般是产品设计师,能帮助网站需求设计者快捷而简单的创建基于网站架构图的带注释页面示意图、操作流程图,并且可以自动生成用于演示的网页文件和规格文件,以提供演示与开发。
优点:这款软件的使用者非常多,在沟通,传输,修改等方面比较方便。而且功能确实强大,熟练使用库和自定义控件后,效率大幅提升,远胜专业型。
缺点:生成的原型在移动端很难用。
墨刀是一款在线原型设计与协同工具,借助这款工具,能够搭建产品原型,演示项目效果。
优点:项目成员可以在线协作编辑,效率提升。并且操作简单容易上手,简单的拖拽就可以设计好一个界面优美的原型。有丰富的素材库,也可以创建自己或团队的素材库。免费版的功能就已经非常齐全了
缺点:由于墨刀的产品定位属于移动端原型设计工具,因此在交互效果上、控件组合上不如Axure灵活。效果切换采用连线的方式,会让用户感到眼花缭乱。
这是一款非常火的原型软件,满足了大众设计软件的需求
优点:使用免费,全手机操作,非常方便
缺点:分享不便。动画有如侧滑、展开、消失,快现的摇一摇。操作只可以单击。没有控件,所有东西都靠你的照片。
优点:摹客RP是一款集快速设计、强大交互、矢量编辑于一体的设计工具。支持多人实时编辑,更能与摹客平台完美结合,快速进行设计协作与交付。官方提供各类设计模板,同时支持桌面版和Web版,满足大家的使用需求。
缺点:无法自定义文本框区域,需要手动调整,且文本框内行高不随文字大小改变,在使用体验上较差。在不选中当前画板时,鼠标不可框选的元素,无论时Axure、sketch还是传统的office系统,鼠标框选面积即为选中面积,可同时操作,提高操作的便捷性。
工具 | 交互功能 | 协同编辑 | 功能 | 操作难易 | 组件方面 |
Axure | 灵活 | 协作困难 | 基础功能强大 | 对新手较难使用 | 只有一些基本组件 |
墨刀 | 简单快捷 | 团队共同编辑 | 高保真 | 大部分功能容易上手 | 有很多成熟组件 |
POP | 少交互 | 不支持 | 弱 | 简单容易 | 无组件,完全靠自己上传图片 |
摹客RP | 多种交互设计灵活 | 支持多人实时编辑 | 静态页保真能力好 | 操作简单,UI友好 | 组件库丰富使用 |
之后我使用了《墨刀》设计了《云日记》的UI,如下图所示:
1.主页界面
2.个人资料界面
3.日记本界面
4.新建日记1
5.新建日记2
接下来是原型交互功能的一个演示: