目录
一、原型设计工具比较及实践
1.墨刀
-
简介:
- 墨刀致力于将更多的时间用于思考,快速的完成产品设计。内置丰富的组件库和图标库,小白也能轻松掌握,简单拖拽、排列组合,快速完成精美设计。作为一款在线原型设计软件,墨刀的云端编辑功能,实现更简便、快速、高效地完成产品原型和交互设计。
-
优点:
- 云端的支持,实现了快速的寻找素材,随时随地的编辑,多人合作,实时预览;
- 一键分享,微信扫码快速真机体验的便捷;
- 可以快速的生成APP原型的设计和交互。可自动生成页面流程图,界面整洁易用;
-
缺点:
- 交互效果、控件组合、操作面板相对不够灵活;
- 效果切换使用的是连线方式,一些复杂的情况下容易混乱;
- 更强大的功能需要付费解锁;
-
适用领域推荐:
- 墨刀的设计更偏向于移动端的APP、网页等的设计,学习成本相对简单,虽然免费版的限制较高,但对初学者较为友好。有高效、简便的设计移动端的需求和小白,个人比较推荐。
2. Axure
-
简介:
- Axure RP是美国Axure Software Solution公司旗舰产品,是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理。
-
优点:
- 应用灵活,可拓展性强;
- 拥有超级强大的交互制作能力;
- 高保真的原型设计工具,名声大,专业性高;
-
缺点:
- 规范性较差。编辑能力着实强大,变相导致规范性差,管理不便;
- 难度稍大,入门较慢。鉴于其比较复杂,学习难度较大,新手劝退;
- 本地型软件,可以下载html文档预览,手机预览不方便;
- 制作原型的速度比较慢(交互操作太多),常常耽误时间,而且修改较繁;
-
适用领域:
- Axure RP的使用者主要包括商业分析师、信息架构师、产品经理、IT咨询师、用户体验设计师、交互设计师、UI设计师等,另外,架构师、程序员也在使用Axure。
3. Mockplus
- 简介:
- Mockplus(摹客)是一款简洁快速的原型图设计工具。适合软件团队、个人在软件开发的设计阶段使用。其低保真、无需学习、快速上手、功能够用,并能够很好地表达自己的设计。
- 优点:
- 开发成本低,软件免费。
- 审阅协作、无缝真机预览。
- 适合快速开发迭代的模式,上手快。
- 模版管理、组件交互动画、素描风格等功能为独有创新。
- 缺点:
- 平民软件,专业性不足以服众。
- 功能不够强大,个人性化设计还有潜力。
- 软件细腻性有待提高。鉴于其操作简单入门快的特点,功能追求快捷,一定程度上忽略了功能的细腻性。
- 适用领域:
- 摹客支持全工序的产品设计,连接从需求到开发,为企业产品团队提供原型设计、UI设计、PRD文档撰写管理、全流程协作、自动标注切图、高效评论审阅,支持全部主流设计稿交付,帮助产品经理、设计师、开发人员高效设计协作。
二、原型设计
1.主题
————家庭相册管理
2.功能
- 添加家庭成员,与家庭成员共享相册;
- 对相册以及照片进行个性化编辑;
- 添加云空间,以便相册内容备份与恢复;
- 根据时间地点以及相册内容智能分类;
3.界面设计考虑因素
- 登录页面支持微信、QQ、手机号码以及邮箱等登录;
- 主页面列出照片、相册、推荐以及个人信息的入口;
- 照片界面包括个人照片,默认以时间地点分类;
- 相册页面包括个人编辑相册、家庭共享相册和智能分类相册等;
- 个人信息清晰简洁即可;
4.界面
1.登录界面
- 界面功能
- 提供登录信息
- 界面组成
- 由软件logo、账号输入框、密码输入框、登录按钮、注册按钮以及第三方登录标识组成
- 前置条件
- 打开app
- 后置条件
- 进入主页面
- 操作步骤
- 有账号则输入账号密码,否则注册后登录;或者直接采用第三方登录
2.主页面:照片
- 界面功能
- 查看本地照片和视频,提供全部本地照片视频和照片视频的数量
- 界面组成
- 照片、视频、照片视频的数量、照片视频的时间地点
- 前置条件
- 点击图片
- 后置条件
- 浏览图片
- 操作步骤
- 滑动找到照片,点击打开
3.主页面:相册
- 界面功能
- 提供个人编辑的相册和系统的分类相册以及家庭成员共享的相册
- 界面组成
- 我的相册和家庭成员共享相册、
- 前置条件
- 点击上方相册,点击想打开的相册
- 后置条件
- 浏览相册中照片或视频
- 操作步骤
- 滑动找到相册,点击打开
4.主页面:推荐
- 界面功能
- 提供推荐功能的多样化相册
- 界面组成
- 多样化推荐的相册
- 前置条件
- 点击上方推荐,点击推荐相册
- 后置条件
- 浏览推荐相册
- 操作步骤
- 滑动找到相册,点击打开
5.个人信息页面
- 界面功能
- 显示个人信息,包括头像、用户名、电话、性别、简介、云服务、家庭信息、设置等功能
- 界面组成
- 返回标识、个人信息(用户名、电话等)、云服务、家庭信息、设置、成为会员。
- 前置条件
- 点击右上角头像
- 后置条件
- 显示个人信息
- 操作步骤
- 点击主页面右上角头像,进入个人信息页面,点击想浏览的模块
5.界面切换流程说明
- 首先通过账号密码或第三方登录进入软件主页面,通过上方按钮选择进入照片、相册、推荐按和个人信息,进入个人信息还可以使用云服务、家庭信息等功能。