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

原型设计工具比较及实践

时间:2023-05-07 11:14:41浏览次数:29  
标签:界面 相册 登录 实践 点击 原型 按键 工具

目录

一:原型设计工具比较:

1.墨刀

  • 适用领域
       墨刀是一款打通产设研团队,实现原型,设计,流程,思维导图一体化的在线协同工具。从记录想法的思维导图开始,到原型绘制,设计产出,流程图记录进程,产生的文件墨刀都能一站管理,作品之间能够互相导入导出,满足多样化的场景需求。
  • 优点
    • 可以进行云端操作及网页分享
    • 墨刀的app原型可以支持下载在手机里
  • 缺点
    • 需要付费才能使用更强大的共享创建功能
    • 部分操作功能不是很自由灵活

2.Axure

  • 适用领域
       Axure RP是美国Axure Software Solution公司旗舰产品,是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理。
  • 优点
    • Axure的动态面板、中继器等功能较为强大
    • Axure可以实现复杂的逻辑的关系处理
  • 缺点
    • 学习成本高,高级元件的使用有一定学习门槛
    • 素材库需要去寻找相应的第三方素材库
    • 手机端演示的效果不好

3.Mockplus

  • 适用领域
      Mockplus是一个用于原型设计,协作和设计系统的多合一设计和协作平台。集成包括Adobe XD,PS,Axure,Sketch Interactive Prototype 快速将想法转化为具有组件,图标和交互的功能原型。简化设计和验证流程,无需一行代码。
  • 优点
    • 做原型,更快更简单,是它的主要产品特点。
    • 使用者无需掌握特别高的代码技术即可快速上手
    • 原型直观易懂,更好进行评估
  • 缺点
    • 手机预览有缺陷
    • 功能不够强大还需要加强深挖,做的更加的绕过用户体验起来更丝滑

二、原型设计

1.主题名称

相亲相爱一家人

————家庭相册管理

2.功能

  • 可以登录账户
  • 可以添加个人用户加入到家庭
  • 可以查看家庭成员已上传的相片

3.界面设计考虑因素

  • 登录页界面可以采用QQ、微信、手机号等方式登录
  • 界面简洁、操作简单、方便
  • 个人主页可以自主选择背景

4.切换界面

1.登陆界面
image

  • 界面功能
    • 选择登录方式,登陆账户
    • 可以找回密码
    • 可以注册个人账号
  • 界面组成
    • 微信登录按键
    • QQ登录按键
    • 邮箱登录按键
    • 账号登录按键
    • 账号注册按键
    • 忘记密码按键
  • 前置条件
    • 打开APP
  • 后置条件
    • 进入微信登陆界面
    • 进入QQ登陆界面
    • 进入邮箱登陆界面
    • 进入账号登录界面
    • 进入账号注册界面
    • 进入忘记密码界面
  • 操作步骤
    • 点击微信登录按键
    • 点击QQ登录按键
    • 点击邮箱登录按键
    • 点击账号登录按键
    • 点击账号注册按键
    • 点击忘记密码按键
  1. 照片
    image
  • 界面功能
    • 可以搜索特定的照片
    • 可以进入地图相册
    • 可以进入设置页面
    • 可以查看照片
  • 前置条件
    • 点击左下角的照片按键
  • 后置条件
    • 进入搜索界面
    • 查看某一张照片
    • 进入地图相册界面
    • 进入设置页面
  • 操作步骤
    • 点击搜索栏
    • 点击照片
    • 点击右上角的地图相册按键
    • 点击右上角的设置按键
  1. 个人页面
    image
  • 界面功能
    • 进入基本信息功能
    • 进入个性签名功能
    • 进入精选照片功能
    • 进入设置功能
  • 界面组成
    • 个人头像、昵称、个性签名、精选照片
    • 各个功能按钮
  • 前置条件
    • 点击右下角个人中心按钮
  • 后置条件
    • 进入更换头像界面
    • 进入更改个性签名页面
    • 进入更改精选照片界面
    • 进入设置页面
  • 操作步骤
    • 点击头像进入界面区域
    • 点击个性签名进入界面区域
    • 点击精选照片进入界面区域
    • 点击设置进入界面区域
  1. 家庭相册
    image
  • 界面功能
    • 可以将照片上传到云空间
    • 登录家庭账号
    • 可以加入家庭相册
  • 前置条件
    • 点右下角家庭相册按键
  • 后置条件
    • 登录账号
    • 加入到家庭相册
    • 将照片上传到云空间
  • 操作步骤
    • 点击登录按键
    • 点击云服务按键
    • 点击计入家庭相册按键

    5.切换界面流程

    首先登录账号,点击下方的个人中心按键,切换到个人主界面。在个人界面可点击各个不同功能区域切换各个功能操作界面,执行不同操作,将照片分类,加入到家庭相册,并且可以将照片上传到云空间储存,并且可以将自己喜欢的照片上传到家庭相册。
    image

标签:界面,相册,登录,实践,点击,原型,按键,工具
From: https://www.cnblogs.com/cupidYJH/p/17379010.html

相关文章

  • UIOTOS:一款无门槛的前端0代码搭建工具
    什么是UIOTOS?UIOTOS中文名称前端大师,是一款基于图形技术的前端0代码工具,支持通过连线和嵌套无门槛来搭建各类复杂的的交互界面,包括后台管理系统、组态数据大屏等,实现跟代码开发媲美的效果。为什么要做?前端技术更新快,开发和学习成本高在软件开发领域,UI界面开发技术更新迭代最......
  • 漏洞扫描工具学习
    1、Nessus漏洞扫描Nessus简介:Nessus号称是世界上最流行的漏洞扫描程序,全世界有超过75000个组织在使用它。该工具提供完整的电脑漏洞扫描服务,并随时更新其漏洞数据库。Nessus不同于传统的漏洞扫描软件,Nessus可同时在本机或远端上遥控,进行系统的漏洞分析扫描。对于渗透测试人员......
  • 目前使用的一些开发工具
    向大家分享一些我目前正在使用的好用的开发工具,其中大部分都是开源的,主推一个轻量级。Qt&QtCreator:开源的C++库和C++编辑器,Qt源码可以自己下载,也可以在网址https://codebrowser.dev/中在线搜索查看DBeaver:开源的数据库浏览工具,Navicat的替代品Godot:开源的轻量级的游戏引......
  • CUDA编程 基础与实践 樊哲勇 电子书 pdf
    作者:樊哲勇出版社:清华大学出版社出版年:2020-10 关注公众号:红宸笑。回复:电子书即可  CUDA是目前较为流行的GPU高性能计算的开发工具之一。本书通过大量实例系统地讲述CUDA编程的重要方面。前12章通过一些简短的例子循序渐进地介绍CUDA编程的基础知识,主要包......
  • CUDA编程 基础与实践 樊哲勇 电子书 pdf
    作者:樊哲勇出版社:清华大学出版社出版年:2020-10 关注公众号:红宸笑。回复:电子书即可  CUDA是目前较为流行的GPU高性能计算的开发工具之一。本书通过大量实例系统地讲述CUDA编程的重要方面。前12章通过一些简短的例子循序渐进地介绍CUDA编程的基础知识,主要包......
  • Linux 工具 | rsync
    rsync是非常常用的文件同步工具既可以同步本地数据,类似于cp。又可以同步远程数据,类似于scprsync不会复制全部文件,而是采取增量备份,只复制有改动的文件,速度很快rsync算法中判断文件改动的默认规则是,文件大小或文件修改时间同步本地文件最基础的用法rsync-auv/dir1/fi......
  • Tapdata 的 ∞ 实践:中小企业如何轻量、高效地搭建起一个灵活易用的数字化平台
    数字化浪潮的裹挟下,企业的转型之路正在变得愈加清晰。然而在数字化转型这条企业生存和发展的必由之路上,更易受到市场变化冲击、所处环境竞争压力更大的中小企业无疑在面临更多的困难和挑战。一方面,中小企业为了顺应时代潮流、适应市场需求,需要积极采取措施,推进数字化转型,实现自......
  • 提高效率的自定义表单工具!
    在信息化快速发展的今天,传统的表单制作工具在办公自动化环境中局限性很多,不利于企业提升办公协作效率。自定义表单工具的出现,让数据资源得到归拢和整理,表单制作更为简单和明了,今天,我们就一起来看看自定义表单工具的优势、特点等相关知识吧。1、自定义表单工具的优势在线表单制作......
  • OpenSSH9.3p1升级实践
    安装Telnet服务为了避免升级OpenSSH导致服务器不可连接。需要先下载安装Telnet组件。升级期间使用Telnet作为升级期间的服务器连接方式。先查询telnet是否安装rpm-qatelnet如果没有安装则执行以下语句安装yum-yinstalltelnet查询telnet-server是否安装rpm-qatelnet......
  • java内存监控工具及命令
    关键字:内存监控工具及命令一篇非常好的内存监控知识,分享给爱学习的亲们.....jinfo:可以输出并修改运行时的java进程的opts。jps:与unix上的ps类似,用来显示本地的java进程,可以查看本地运行着几个java程序,并显示他们的进程号。jstat:一个极强的监视VM......