首页 > 其他分享 >原型设计工具比较及实践

原型设计工具比较及实践

时间:2023-04-20 21:23:40浏览次数:27  
标签:增添 界面 实践 原型 按钮 工具 好友 页面

目录

一、原型设计工具比较

1. 墨刀

  • 适用领域

    墨刀是一款在线原型设计与协同工具,借助墨刀,产品经理、设计师、开发、销售、运营及创业者等用户群体,能够搭建为产品原型,演示项目效果。墨刀同时也是协作平台,项目成员可以协作编辑、审阅,不管是产品想法展示,还是向客户收集产品反馈,向投资人进行Demo展示,或是在团队内部协作沟通、项目管理。

  • 优点

    • 控件的拖拉、大小的调整,都会自然的去匹配相应的母版大小,无需去担心有多移动一点或多 选择一点

    • 提供强大的共享创建功能,预览速度快

    • 系统控件都是基于APP,以及系统平台IOS和安卓,因此在里面可以首先选择相应的设备布局,减少工作环节

  • 缺点

    • 交互效果上、控件组合上,操作面板的选择上不灵活

    • 目前原型的交互效果系统自带的比较少

    • 需要充费才能够使用更强大的共享创建功能

2. Axure

  • 适用领域

    Axure RP是美国Axure Software Solution公司旗舰产品,可以用来制作原型图、流程图以及界面文档的软件。其功能非常强大,可以实现从低保真到高保真的视觉界面以及大部分界面交互效果。

  • 优点

    • 制作的原型几乎能够媲美前端开发的效果,不止是视觉设计上的更包括交互层面,其特有的丰富的交互事件、交互规则能够制作出非常多而且流畅的交互效果

    • 支持多人协作和版本控制管理,可以上传到一个公共的文件库,方便团队管理和其他成员查阅修改

    • 内置的插件库可以定制特殊的动作和行为

  • 缺点

    • 陡峭的学习曲线,对于初学者来说不算容易

    • 在导出HTML之前无法对原型进行预览

    • 素材需要寻找第三方素材库进行载入,需要花费较多时间

    • 对其它设备的支持较差

3. Mockplus

  • 适用领域

    摹客(Mockplus)是成都摹客科技有限公司旗下设计协作品牌,专注于一站式的产品设计和协作平台,为产品开发团队提供全流程协作、高保真设计和设计规范管理支持。

  • 优点

    • 设计了组件、图标、收藏、母版的Tab,切换起来很方便

    • 筛选了一部分常用的组件固定在组件库上面,实现高频操作不用找,另外折叠面板的功能很棒,不用纠结展开和关闭的问题。

    • 低保真、无需学习、快速上手、功能够用,并能够很好地表达自己的设计

  • 缺点

    • 对于一些过于复杂的功能是不支持的

    • 表格功能还需要完善

    • 手机预览不是很清楚

    • 不支持鼠标悬停

二、原型设计

1.主题名称

简评

2.功能

  • 学生可对校内的商铺发帖交流,根据帖子的热度和发布时间进行排序

  • 商家可通过顾客的反馈,及时了解顾客需求,推出顾客需要的消费项目

3.界面设计考虑因素

  • 消息页面以显示谁发的消息以及时间为主,其它切换图标分布周围,方便切换

  • 私信页面以自己与好友之间的聊天消息为主,其它电话、视频、照片以及表情功能分布在上下两部分

  • 店铺增添页面显示了店铺名称、店铺详细地址等需要商家填写的内容,用以让商家填写信息

  • 商品增添页面显示了商家要增添的商品的名称、类目以及描述等内容,用以让商家填写信息

4切换界面

1.消息页面

image

  • 界面功能
    • 搜索功能
    • 点开与好友的私信界面
  • 界面组成
    • 好友的头像和昵称
    • 好友的最后一条消息以及发送时间
    • 页面切换栏
  • 前置条件
    • 点击消息页按钮
  • 后置条件
    • 点开某个好友的私信界面
    • 切换界面

2.私信页面

image

  • 界面功能
    • 给好友发送消息
    • 给好友打电话或视频
    • 打开好友个人资料页
  • 界面组成
    • 好友头像、昵称和状态
    • 各类功能按钮
  • 前置条件
    • 点击好友头像或消息框
  • 后置条件
    • 发送消息
    • 打电话后视频
    • 返回消息页或关注页

3.店铺增添页面

image

  • 界面功能
    • 填写即将增添的店铺的各种信息
    • 确认信息
  • 界面组成
    • 增添店铺的各种信息提示
    • 信息确认按钮
  • 前置条件
    • 点击增添店铺按钮
  • 后置条件
    • 点击确认信息按钮
    • 返回申请页面

4.增添商品页面

image

  • 界面功能
    • 填写即将增添的商品的各种信息
    • 信息确认按钮
  • 界面组成
    • 增添商品的各种信息提示
    • 信息确认按钮
  • 前置条件
    • 点击增添商品按钮
  • 后置条件
    • 点击确认信息按钮
    • 返回申请页面

5.切换界面流程

首先进入首页,点击消息,进入消息页,再点好友头像或消息框,进入好友私信页面。在首页点击申请,选择商铺,进入增添商铺页面;选择商品,进入商品增添页面。每个页面都提供返回按钮,可以切换到上一层界面。
image

标签:增添,界面,实践,原型,按钮,工具,好友,页面
From: https://www.cnblogs.com/bai-bai123/p/17338387.html

相关文章

  • 文本处理工具
    文本处理工具文件查找在文件系统上查找符合条件的文件文件查找:非实时查找(数据库查找):locate实时查找:findlocate命令用于按照名称快速搜索文件所对应的位置,语法格式为“locate文件名称”。使用find命令进行全盘搜索虽然更准确,但是效率有点低。如果仅仅是想找一些常见的且又知道......
  • 携程小程序内嵌webview实践指南
    小结:1、浏览器访问资源是通过URL地址,如果内嵌H5的地址不发生变化,那么web-view访问资源会从缓存里取,而缓存里并没有最新的数据,这就导致了服务端的最新资源根本无法到达浏览器,这也解释了为什么修改Nginx的Cache-Control配置也无法生效的原因。所以,要想彻底解决及时刷新......
  • 时而实践、时而学习
    最近赋闲在家已经一个多月了,最后一天上班是3月16号周四,工作日算到14日。这次是解散了整个团队,因为这次算创业,新团队。细细一算,从我入职开始算,进入差不多9个月。虽然和大老板没什么沟通,但当时14日到16日我做的事情就是写总结。觉得还是不够,解不开心中的许多疑惑,为什么这两年我的职......
  • 让写作技能狂飙的5个工具,文笔不好的人快收藏
    记得刚出来上班的时候,我的写作效率很低,经常没有思路,也找不到选题。甚至一两个小时过去了,仍然不知道如何动笔,经常写了删,删了又写。工欲善其事,必先利其器。在写作过程中,需要一些工具,解决我们的写作问题。有人说,这不是“差生文具多”吗?其实并不然,在互联网时代,有些工具确实是很有必要的......
  • 软件安全测试担心效果不好?这3个安全测试工具你用了吗?
    其实在信息科技发展的初期,很多互联网公司就有意识到保护软件产品安全的重要性。但时至今日,我们还是经常能看到某某app软件泄露用户隐私信息,或遭受黑客攻击导致一些损失,其中不乏有一定市场地位的大厂。此类信息安全问题屡见不鲜,安全测试重要性不言而喻。软件安全测试要想获得更......
  • 知识图谱-命名实体-关系-免费标注工具-快速打标签-Python3
    知识图谱-命名实体-关系-免费标注工具-快速打标签-Python3一、功能介绍1、代码文件夹结构2、运行环境3、自定义命名实体、关系模板4、导入文件5、选择自定义实体和关系文件6、文本标注7、撤销和取消标注8、导出和导出并退出系统9、导出文件后解析10、标注规范和KG规范11、系统提示......
  • linux架构day04:ssh远程管理服务实践
    ssh远程管理服务实践linuxssh端口:22加密传输数据支持root用户telnet端口:23明文传输数据不支持root用户windowsrdp端口:3389remotedesttopprotoclssh基本概述SSH是一个安全协议,在进行数据传输时,会对数据包进行加密处理,加密后在进行数据传输。确......
  • 原型设计工具比较及实践
    目录一、原型设计工具比较1. 墨刀2. Axure3. Mockplus二、原型设计1.主题名称2.功能3.界面设计考虑因素4.切换界面1.搜索界面2.搜索结果界面3.商铺陈列页4.菜品页面五、界面切换流程一、原型设计工具比较1. 墨刀• 适用领域:适合设计团队和个人用户使用,可用于移动端和Web......
  • 玩转云端 | 真实模拟,即压即测,天翼云息壤性能测试PTS实践大揭秘!
     满城春色惹人醉,恰是出游好时节。伴随春暖花开,我国旅游市场快速升温,越来越多的人开始走出家门,去追寻久违的诗和远方。根据文化和旅游部数据中心近日测算,预计2023年,我国国内旅游人数约为45.5亿人次,同比增长约80%。全国旅游市场呈现出“稳开高走,持续回暖”的态势。 为了吸引更......
  • json字符串格式化工具
    publicclassJsonFormatTool{/***单位缩进字符串。*/privatestaticStringSPACE="";/***返回格式化JSON字符串。**@paramjson未格式化的JSON字符串。*@return格式化的JSON字符串。*/publicstat......