• 原型设计工具比较及实践


    一、墨刀、Axure RP、Mockplus原型设计工具的优缺点及适用领域

    1. 墨刀

    墨刀

    1.1 优点

    • 简单好用。墨刀上手很快,一天就可以学会一些简单的操作。
    • 不仅上手快,还可以快速分享,快速查看应用在手机上的效果。
    • 使用时有任何问题可以直接在墨刀的Forum提出来,会有人及时为你解答。
    • 因为是一款在线工具,可以云端保存工作,这点确实很便捷。

    1.2 缺点

    • 价格较贵,不能画流程图相对于其他两款功能还不是很全面。
    • 应用局限性。墨刀专注于app原型设计,在后台和网页稍有乏力。
    • 归档能力不足。墨刀更倾向于链接、二维码形式输出,不能以文档输出。

    1.3 适用领域

    • 高保真原型
    • 复杂多交互项目
    • 安卓/ios端项目

    2. Axure RP

    Axure

    2.1 优点

    • 高保真的原型设计工具,名声大。
    • 设计工具多,内容丰富。
    • 应用灵活,可拓展性强,拥有超级强大的交互制作能力。

    2.2 缺点

    • 用Axure制作原型的速度比较慢(交互操作太多),常常耽误时间,而且修改起来也比较繁琐。
    • 功能很多,但是学习起来有点难度。
    • 本地型软件,可以下载html文档预览,手机预览不方便。

    2.3 适用领域

    • 视觉稿/高保真原型
    • 大型复杂项目
    • Web线框图
    • 网页原型

    3. Mockplus

    Mockplus

    3.1 优点

    • 审阅协作、无缝真机预览。
    • 适合快速开发迭代的模式,上手快。
    • 模版管理、组件交互动画、素描风格等功能为独有创新。
    • 交互简单(只需拖曳就可以),功能多样,组件资源丰富,预览方式和导出类型多样,支持团队协作。

    3.2 缺点

    • 不支持手势交互。
    • 平民软件,专业性不足以服众。
    • 功能不够强大,个人性化设计还有潜力。
    • 软件细腻性有待提高。鉴于其操作简单入门快的特点,功能追求快捷,一定程度上忽略了功能的细腻性。

    3.3 适用领域

    • 中低保真原型
    • 快速原型
    • WEB/移动端/平板原型
    • 线框图
    • 视觉稿

    二、原型设计工具网站推荐

    1. 官方网站

    墨刀帮助中心

    Axure官方网站

    Mockplus官方网站

    2. 其他网站

    Axure菲官方中文网

    原型设计博客

    原型设计入门|Figma中文网

    三、基于墨刀的原型设计案例

    1. 案例介绍

    该案例是一款app相关的界面,起名为:"沈航之香"。共有"主页"("外卖"),"订单","我的","美食",等十一个界面。

    1.1 主题介绍

    该app是一款外卖软件,主要面向沈航学生,实现校内食堂的配送,为了解决疫情之后的吃饭问题,不去食堂扎堆,此软件孕育而生。

    1.2 主要功能

    该案例主要有一下功能:app外卖首页浏览、美食专区、店铺点餐,商品详情、结算功能、购物车、评论、搜索、我的、红包、订单及订单详情。

    1.3 界面介绍

    • 外卖首页:点击"搜索"可进入搜索界面;点击"美食"可进入美食专区;"下滑"可浏览推荐商家;右下角有"购物车"图标,点击进入;点击"订单"可进入订单查看;点击"我的"可进入个人信息。

    • 订单界面:上下滑动地图可查看骑手位置。

    • 我的界面:点击红包可直接进入,查看拥有的红包。

    • 美食专区:点击"0090炸鸡(沈航店)"可进店点餐;点击左上角"返回",可返回外卖首页。

    • 0090点餐界面:点击第一个"汉堡包图标",可查看商品详情;点击"结算"时直接结算。

    • 商品详情界面:点击"商品评价"进入评论区;点击结算直接结算。

    通过扫描二维码进入app界面
    img

    2. 用户使用反馈及修正

    img

    根据体验用户的反馈,对设计原型进行了修正。

    3. 交互过程演示动画

    img img img

  • 相关阅读:
    iOS开发之视频播放
    iOS开发之Copy & MutableCopy及深复制 & 浅复制
    iOS开发之JSON & XML
    iOS开发之NSObject的多线程
    iOS开发之单例模式
    iOS开发之Run Loop
    taro开发微信小程序-页面开发规范
    视频Video放器的部分实例方法
    Input框搜索关键字高亮显示
    vue上拉加载下拉加载
  • 原文地址:https://www.cnblogs.com/sunickel/p/12728312.html
Copyright © 2020-2023  润新知