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

原型设计工具比较及实践

时间:2023-04-21 22:57:43浏览次数:24  
标签:功能 界面 查看 实践 二维码 原型 工具 交互

目录

一,原型设计工具比较

1.墨刀

  • 介绍
      墨刀是一款在线原型设计与协同工具,借助墨刀,产品经理、设计师、开发、销售、运营及创业者等用户群体,能够搭建为产品原型,演示项目效果。墨刀同时也是协作平台,项目成员可以协作编辑、审阅,不管是产品想法展示,还是向客户收集产品反馈,向投资人进行Demo展示,或是在团队内部协作沟通、项目管理。
  • 优点
    • 简单拖拽和设置,即可将想法、创意变成产品原型。新手也可以快速上手。
    • 在线浏览方便,他人可在原型上打点、评论,收集反馈意见,高效协作。
    • 内置丰富的行业素材库,还可以直接在模板的基础上进行修改,方便快捷。
  • 缺点
    • 不适用于PC端,仅限移动端产品原型,交互效果、控件组合、操作面板的选择上也都不够灵活。
    • 免费版对于项目数量、页面数量有限制。
    • 必须在线操作,离线无法保存

2.Axure

  • 介绍
      Axure RP是美国Axure Software Solution公司旗舰产品,可以用来制作原型图、流程图以及界面文档的软件。其功能非常强大,可以实现从低保真到高保真的视觉界面以及大部分界面交互效果。
  • 优点
    • 功能强,支持复杂交互设计
    • 可以实现复杂且流畅的交互操作,可以实现较为真实,细腻的交互演示
    • 内置的插件库可以定制特殊的动作和行为
  • 缺点
    • 对其它设备的支持较差
    • 文件较大时会出现卡顿
    • 由于功能强大,所以交互界面较为复杂,且交互界面,部分功能使用频率较少,界面复杂

3.Mockplus

  • 介绍
      摹客(Mockplus)是成都摹客科技有限公司旗下设计协作品牌,专注于一站式的产品设计和协作平台,为产品开发团队提供全流程协作、高保真设计和设计规范管理支持。
  • 优点
    • 低保真、无需学习、快速上手、功能够用,并能够很好地表达自己的设计
    • 支持多种模板
    • 交互方便,交互提示简单易懂
  • 缺点
    • 对于一些过于复杂的功能是不支持的
    • 自定义组件支持较弱
    • 组件功能还需完善,无法实现较为丰富的交互动画

二,原创设计

1.主题名称

 高校社团

2.功能

  • 丰富的社交功能:校园APP可以设置论坛贴吧等形式,学生可以自由发帖交流,而且可以互相添加好友进行在线聊天。
  • 社团活动:展示学校最新校园社团活动,方便各学生了解并事实参加丰富的校园活动,可在线报名参加活动。

3.界面设计考虑因素

  • 个人界面适用于广大学生,学生可以修改自己的个人资料、查看信息、通过扫一扫的方式添加好友、签到、查看自己的社团等。
  • 通过个人界面可以及时查看评论点赞,方便学生进行互动交流。

4.界面设计

1.个人主界面

image

  • 界面功能
    • 通知功能
    • 信息功能
    • 扫一扫功能
    • 看社团功能
    • 查看个人信息功能
  • 界面组成
    • 头像id
    • 各个软件图标
    • 设置
  • 前置条件
    • 打开软件
  • 后置条件
    • 进入其他页面
    • 实现各个功能
  • 操作步骤
    • 点击查看我的

2.二维码界面

image

  • 界面功能
    • 向他人展示自己的专属二维码
  • 界面组成
    • 二维码
  • 前置条件
    • 打开软件进入我的
  • 后置条件
    • 进入其他页面
    • 扫一扫他人二维码,保存自己的二维码
  • 操作步骤
    • 点击二维码名片

3.个人信息界面

image

  • 界面功能
    • 修改查找个人信息
    • 设置个人主题背景
  • 界面组成
    • 头像
    • 昵称
    • 签名
    • 星座
    • 性别
    • 设置个人主题背景
  • 前置条件
    • 打开软件进入设置
  • 后置条件
    • 修改个人信息
    • 设置个人主题背景
  • 操作步骤
    • 点击我的

4.消息界面

image
image

  • 界面功能
    • 查看评论
    • 查看赞
    • 查看网薪
    • 查看系统信息
  • 界面组成
    • 评论
    • 网薪
    • 系统信息
  • 前置条件
    • 打开软件进入消息
  • 后置条件
    • 进入其他页面
    • 评论回复,与他人互动
  • 操作步骤
    • 点击进入消息

5.界面切换流程

注册后的登录用户可以浏览社团详细信息,并在详细信息页面申请加入社团。注册后的系统用户登录后能够我的并进行使用修改个人信息等,在消息中可以发表自己的评论。
image
image

标签:功能,界面,查看,实践,二维码,原型,工具,交互
From: https://www.cnblogs.com/hu-zixuan666/p/17338878.html

相关文章

  • 原型设计工具比较及实践
    目录一.原型设计工具比较1.墨刀:2.Axure3.Mockplus二.原型设计1.主题名称2.功能3.界面设计考虑因素4.切换界面5.切换界面流程一.原型设计工具比较1.墨刀:适用领域UI设计前端开发游戏设计和广告设计优点界面简单,易于上手支持多种设备预览,如手机,平板,PC等......
  • kconfig-hardened-check linux 内核安全选项检查工具
    kconfig-hardened-check是一个内核安全配置选项的检查工具,可以快速的帮助我们发现内核的一些安全配置项对于安全有比较高要求的还是值得使用的参考使用安装 python3-mvenvvenvsourcevenv/bin/activatepipinstall-Upippipinstallgit+https:......
  • 【Linux】项目自动化构建工具-make/Makefile的使用
    目录前言依赖依赖关系依赖方法使用项目清理前言......
  • 2、Pipeline语法及使用自定义工具的Maven工程
    Pipeline语法声明式pipeline的结构pipeline的定义有一个明确的、必须遵循的结构,它由一些directive(指令)和section(配置段)组成,每一个section又可包含其它的section、directive和step(执行步骤),以及一些condition(执行条件)的定义;◼Section:用于将那些在某个时间点需要一同运行的条目(i......
  • pdf阅读器工具编写心得
    最近比较闲,写了一个pdf阅读器的小工具。源码地址:GitHub-lin344902118/usefulTools:someusefultools原理是这样的,将pdf先转换为文本文件,然后读取文本,通过语音播放出来。我是用go写的,主要使用了两个开源库。一个是go-fitz,负责将pdf转换为txt文本。其实这个库的功能远不止如......
  • 原型设计工具比较及实践
                                                        原型设计工具比较及实践目录:一.    原型设计工具的优缺点比较二.    原型设计作业原型设计工具的优......
  • 定时小玩意-----bat工具
    这是一个小工具vbs脚本SetvbObj=WScript.createObject("wscript.Shell")msgbox"taskisrunning"fori=1to5 WScript.Sleep60000 vbObj.SendKeys"{F7}" 'msgbox"sleep1mincurrentiis:"&inext'msgbox&quo......
  • SASS界面编译工具——Koala的使用
    《SASS界面编译工具——Codekit的使用》一文中图解了"CodeKit"图形工具编译SASS项目。由于CodeKit是一款付费工具,而且只能在Mac中使用,因此国内众多SASS爱好者,或者初学者也就无法体验CodeKit工具编译SASS项目。幸运的是,有一款国产图形工具Koala和CodeKit功能极其类似,支持多个平台......
  • linux下查看文件内容工具发布啦!
    导读在Linux下面我们想要查看一个文件里面的内容,除了用编辑器把文件打开查看外,linux还提供了几条命令,可以不用打开文件就能把文件的内容输出到显示屏上进行查看。1、catcat命令主要用来查看文件内容,创建文件,文件合并,追加文件等。1.1、查看文件命令:cat文件名说明:这条命......
  • 【Spring】静态方法(工具类)中调用Spring管理的Bean
    背景在一些业务开发,经常会写一些工具类,但这些工具类时常需要调用到Spring管理的bean,这些Spring管理的bean注入,平常用的都是@Autowired注解一个成员变量,问题就来了:(1)成员变量(即Spring管理的bean)是非静态的,但工具类都是想写静态方法,静态方法不能引入一个非静态的变量。所以......