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

原型设计工具比较及实践

时间:2023-04-22 18:11:05浏览次数:29  
标签:界面 实践 支持 商品 点击 原型 设计 工具

目录
一、原型设计工具比较

  1. 墨刀
  2. Axure
  3. Mockplus

二、原型设计

1.主题名称
2.功能
3.界面设计考虑因素
4.切换界面
5.界面切换流程
一、原型设计工具比较

1.墨刀
适用领域:适合移动端、PC端等的用户体验设计,支持UI设计、交互设计、动效设计等。

优点:

。界面简单易用,可以快速实现初稿设计。
。集成度高,支持多设备查看和在线协作。
。可以制作高保真原型,并自动生成代码。
缺点:

。功能较弱,对一些复杂功能的支持不足。
。不支持离线操作。
。导出功能有限。

2.Axure

适用领域:适合大型项目的原型设计,如企业级应用。

优点:

。功能强大,可定制化程度高,支持丰富的交互动效和数据驱动。
。适用于团队协作,在线评论功能高效。
。输出格式支持较多,可以方便地与前端开发对接。
缺点:

。学习曲线较陡峭,需要一定的学习成本。
。界面不够清晰简洁,影响使用体验。
。定位较为专业,对非专业人士不友好。
3.Mockplus

适用领域:适合中小型项目,能快速制作出实际效果的交互原型。

优点:

。界面简洁易用,可拖拽式的操作便捷。
。内置丰富的UI元件库和模板方便设计。
。预览功能更加完善,支持多设备查看。
缺点:

。功能相对较弱,不支持复杂动效和数据驱动。
。不支持离线操作,需要网络连接。
。不支持自定义组件。

二、原型设计

1.主题名称:沈航二手交易平台

2.功能:可售出自己的二手商品,二手商品在线搜索,购物车中支付购买。

3.界面设计考虑因素:界面设计简单,信息详尽,功能齐全,保证二手交易平台商品的展示与交易质量。

4.切换界面

界面组成:搜索栏、滑动广告栏、首页商品推荐

前置条件:点击进入手机APP

后置操作:可搜索、或滑动浏览首页商品

操作步骤:点击搜索或点击商品图标可以进行后续操作

 

 

界面组成:搜索栏、商品分类选项

前置条件:点击下方分类栏

后置操作:可以选择不同商品分类进入不同种类商品界面

操作步骤:点击分类选项

 

 

界面组成:购物车商品信息,支付栏

前置条件:点击下方购物车

后置操作:可以选择购物车中的商品进行支付

操作步骤:选中商品,在下方点击结算进行支付

界面组成:账户余额、我的订单状态,服务与帮助,积分余额,优惠卷余额

前置条件:点击我的

后置操作:可以选择任意一项查看信息

操作步骤:点击所要查看的信息栏

 

5.界面切换流程

 

标签:界面,实践,支持,商品,点击,原型,设计,工具
From: https://www.cnblogs.com/wc158/p/17343627.html

相关文章

  • 原型设计工具比较及实践
    原型设计工具比较及实践目录一、原型设计工具比1.墨刀2.Proto.io3.Axure二、原型设计作品名称特点界面设计界面切换流程一、原型设计工具比较1.墨刀适用领域:作为国内目前广受认可的一款在线原型设计和协同工具,墨刀有内置丰富的UI素材和模板,清爽的界面,让设......
  • 原型设计工具的学习及使用
    目录原型设计工具的比较墨刀优势劣势适用领域Axure优势劣势适用领域Mockplus优势劣势适用领域原型设计工具的学习及使用1.功能2.界面(1).相册简介(2).回收站简介子级页面(3).收藏简介子级页面(4).自拍简介(5).截图简介(6).加密空间简介子级页面(7).搜索界面简介(8).导入界面简介(9......
  • (2023)Admob广告实践笔记
    开屏官方最佳实践最好等到您的用户使用您的应用几次后,再展示您的第一个应用打开广告。在您的用户等待您的应用加载的时间展示应用打开广告。如果您在应用打开广告下方有一个加载屏幕,并且您的加载屏幕在广告关闭之前完成加载,您可能需要在adDidDismissFullScreenContent方法中......
  • Midjourney 提示词工具(10 个国内外最好最推荐的)
    Midjourney,是一个革命性的基于人工智能的艺术生成器,可以从被称为提示的简单文本描述中生成令人惊叹的图像。Midjourney已经迅速成为艺术家、设计师和营销人员的首选工具(包括像我这样根本不会设计任何东西的无能之辈)。为了帮助你开始使用这个强大的工具,我们汇编了一份15个资源的清......
  • 铺垫知识jwt工具类使用、登录接口实现细节分析和代码实现、测试接口
    铺垫知识jwt工具类使用JWT工具类:JWTUtilpublicstaticvoidmain(String[]args)throwsException{//加密Stringjwt=createJWT("2123");System.out.println(jwt);//解密Claimsclaims=parseJWT("eyJhbGciOiJIUzI1......
  • [github] github访问加速工具**FastGithub**
    1、简介FastGithub是GitHub访问加速神器,主要解决GitHub打不开、用户头像无法加载、releases无法上传下载、git-clone、git-pull、git-push失败等一系列问题。2、下载地址​github:github百度云:百度云3、双击FastGithub.UI.exe运行......
  • 前端工具vscode将英文设置中文简单方便
    按照步骤来: 右下角会有提示,点击重启即可 然后vscode就变成中文的了 ......
  • 原型设计工具比较及实践
    目录原型设计工具比较及实践一、原型设计工具比较1.综述2.分析对比2.1墨刀2.2.Axure2.3Mockplus3.总结二、原型设计实践1.软件主题2.基本功能3.界面设计的要点4.切换页面4.1登陆页面4.2注册页面4.3主页面4.4分栏页面4.5个性推荐页面4.6个人信息页面页面切换流程原型设计......
  • 《操作系统原型--xv6分析与实验》第一章:qemu启动xv6问题记录
    最近在学习《操作系统原型--xv6分析与实验》,第一章安装qemu和启动xv6就遇到很多障碍,特此记录一下解决办法。版本信息系统:Ubuntu22.04.1LTSxv6:rev9qemu:6.2gcc:11.2.0操作步骤ubuntu勾选了完整安装,默认自带gcc、make等构建工具。首先将用到的xv6下载下来解压,我下载的是re......
  • Visual Studio Code开发常用的工具栏选项,查看源码技巧以及【vscode常用的快捷键】
    一、开发常用的工具栏选项1、当前打开的文件快速在左侧资源树中定位:其实打开了当前的文件已经有在左侧资源树木定位了,只是颜色比较浅2、打开太多文件的时候,可以关闭3、设置查看当前类或文件的结构OUTLINE相当于idea查看当前类或接口的结构Structure二、查看源码技巧:(1)Ctr+鼠标......