首页 > 其他分享 >原型设计工具:即时设计和对比

原型设计工具:即时设计和对比

时间:2024-05-22 13:43:50浏览次数:30  
标签:文件 Pixso 即时 原型 导入 Master 设计

2252803 徐铱缦
1.即使设计是什么?
即时设计是一款国产的云端 UI 设计协作工具,它能在网页中直接运行使用,因此不必特意去安装桌面客户端。同时,它还支持团队协作,为设计团队提供了高效的一站式工作流,将工作的时间成本和开发成本大大降低,是更适合国内团队使用的专业 UI 设计工具。在实际的设计场景中,即时设计为设计团队提供了一站式的工作流体验,它支持团队协作,将工作中的时间成本和沟通成本大大降低。它让设计师,产品经理和开发者能在同一个平台中完成思考与创作并与其他成员实时沟通,了解工作进度或者得到反馈。

2.即时设计的功能(参考资料https://www.zhihu.com/question/616589605
除了分工协作之外,即时设计还有很多实用的设计功能。即时设计提供的设计功能是以插件的形式出现的,设计师可以前往「插件广场」版块按照需要自行安装,在这些插件工具的帮助下,设计团队能轻松地完成 APP 设计,网站设计,作品集制作等多种工作。对于面向用户的不同,提供了多版本的设计功能。提供更精细的设计功能和更安全的设计资产管理方式,它支持企业用户将数据完全私有化。同时,它灵活的高可用架构,还支持设计团队和企业用户进行功能定制,同时兼顾性能与数据安全。
1)即时设计支持所有常规的矢量编辑功能,包括图形、钢笔、铅笔、蒙版、布尔运算、轮廓化、样式修改和网格布局等,同时提供了「矢量网格」绘制体系。

2)支持引用组件,母组件的修改可实时同步到全部子组件无需手动调整,子组件也可自由编辑,编辑后的属性不再受引用组件影响,还可随时推送属性到母组件,快速修改其他子组件。

3)自动布局可实现内容的位置、间距、尺寸等多个元素布局相关的参数自适应,无需手动调整每个图层,减少大量重复性工作。
4)响应式调整可以通过约束画板内部元素与画板的相对位置。

5)原型交互即时设计支持原型交互功能,产品可自由地添加原型或设计稿的页面逻辑连线,并添加各种常见的交互事件和过渡动画,更清晰地表达需求意图。
6)支持XD、Figma、Sketch文件导入,可以直接编辑,搭建资源互通的桥梁。
7)自带官方资源库,包括:Ant Design设计规范库、WeUI设计规范库、iOS 15官方设计资源等。

8)支持官方云端字库、本地字库、第三方字体管理,解决了字体的管理和使用,并且支持本地字体上传云端
9)自带常见的UI设计中文字库(比如鸿蒙、OppoSans、思源黑体等)。
10)可以直接在软件中检索图片,选中容器后,再点一下图片,就可以完成填充。
11)开启了1+N的插件扩展模式,官方推出多种插件,如智能填充、批量命名、文本翻译、智能抠图等。


12)即时设计的文件全部存储于云端,可全局搜索。
13)采用文件夹管理方式,方便对文件进行整理和分类。
14)支持了开发所需要的各种模块,平台预设、单位换算、独立切图、批量导出、颜色整合定位,样式参数、代码标注。
15)可在网页、客户端、移动端实时预览设计稿并在线打点评论,产品经理、设计师、开发、团队管理者都可通过此功能快速完成协作沟通与反馈。
16)支持多人同时浏览和编辑同一项目,还有观察模式,可以实时查看进度。
17)可以添加到正在跟进的文件,文件会出现分类中,方便处理。
18)拥有开发交付功能,可以直接上传文件,实时同步信息。
19)团队成员在同一个文件中,可以实时同步他人评论,并且进行回复,标记为已完成。
20)在团队文件中,可以设置和更改文件的状态为评审中、进行中、已完成等,并且可以分享协作,支持按角色分配不同权限。
21)对于图层的选择,只需选中图层组,点击加号,就可以产生切图,十分方便。

3.与其他UI设计协作工具的区别
先从一个对比实验来进行比较(参考设计师 Andrew 对国内的 3 款 UI 设计软件——即时设计、Pixso、Master进行了评测和参考资料https://www.zhihu.com/question/503367869/answer/2570729866
(1)Figma 兼容性 - 导入时长
在导入体积为 30 MB 的 Figma 文件 Ant Design Open Source 时,三款软件花费的时长如下:
Master 最慢,长达 3 分 15 秒,即时设计次之,Pixso 最快。
(2)Figma 兼容性 - 还原度
除了文件导入时长,导入后 Figma 文件的还原程度,是否会出现比较严重的文件丢失、素材变形、元素错位等问题,也是衡量软件兼容性的一个重要因素。
1)即时设计导入的人物素材出现了头发丢失、肢体缺失的问题,且部分组件会遇到图层错乱、文本翻转、位图尺寸无故放大的情况,文件导入还原度方面,即时的问题还是比较多的。
2)Master和即时一样出现了人物素材头发丢失、肢体缺失的问题,且部分组件存在文本丢失、异常放大的情况。
3)Pixso 导入后出现的问题比较简单,部分按钮组件的尺寸变形、文本位置发生偏移。
即时设计的问题最多,即还原度差一些,Master 次之,Pixso 的还原度做得比较好。
(3)性能 - 文件打开时长
在打开导入的 Ant Design Open Source 文件时,三款软件花费的时长如下:
Master 打开最快,即时设计次之,Pixso 打开文件花费的时间最多。
(4)性能 - 页面切换流畅度
在评测视频中,博主是按照从 button 页面连续切换到 menu 页面花费的总时长,来评估每款软件的页面切换流畅度,具体表现如下。
1)即时设计:总时长为 25 秒。切换页面存在少许的延迟,尤其对于包含较多元素的页面,延迟的情况就更为明显。
2)Master:总时长为 14 秒。延迟问题比即时轻微一些。
3)Pixso:总时长为 10 秒。Pixso 绝大部分页面可以瞬间响应,切换起来丝滑。
对比下来,在页面切换流畅度方面,Pixso 表现最佳,Master 次之,即时稍微落后一些。
(5)性能 - 操作流畅度
1)画板移动:即时和 Master 流畅,Pixso 更加丝滑
2)画板缩放:即时流畅,Master 掉帧,Pixso 部分元素无法实现等比缩放
3)画板拷贝:即时和 Pixso 有少许延迟,Master 延迟较小
4)变体移动:即时掉帧,Master 流畅,Pixso 最为丝滑
5)锚点拖动:三款软件表现基本一致
6)图层移动:Master 基本流畅,Pixso 丝滑,即时存在图层移动后异常吸附的问题
7)颜色调用:三者表现基本一致,可做到颜色的快速调用
综合前面考察的 7 个维度,在操作流畅度方面,Pixso 的流畅度最佳,Master 次之,即时第三。
结合前面性能拆分出来的两个维度——打开时长和页面切换流畅度,整体而言,在软件性能方面,Pixso 表现优秀,Master 次之,即时表现欠佳。
(6)作图体验
即时和 Pixso 体验问题较多,Master 体验问题相对较少。

即时设计和其他软件优缺点
(参考资料https://www.zhihu.com/question/640501696/answer/3375682575www.bilibili.com
(1)即时设计:
优点:
1)上手简单,适合快速绘制简单原型图
2)永久免费,适合各种操作系统个人及中小团队
3)适用MacOS、Windows、Linux电脑操作系统
4)在线设计功能可以在线操作,无需下载,节约内存空间
5)中文界面、文档,理解和使用更加方便
6)云编辑保存、一键交付等功能提高了设计师的工作效率

缺点:
1)专业性不够强,相对于其他工具,即时设计的功能和灵活性可能较为有限,不适合复杂项目的设计需求。
2)即时设计导入的人物素材出现了头发丢失、肢体缺失的问题,且部分组件会遇到图层错乱、文本翻转、位图尺寸无故放大的情况,文件导入还原度方面。
3)在操作流畅度和性能方面,即时设计有待加强。

(2)Axure:
优点:
1)是专业的页面原型设计工具,能够快速创建线框图、流程图、原型和规格描述文档,常应用于专业的软件开发中
2)用于应用软件或网站。可用于Windows和iOS系统
3)软件性能强,专业性强

缺点:
1)软件使用成本高
2)大部分为第三方素材库,需要花时间寻找素材
3)不能够多人合作协同设计

(3)Master
优点:
1)提供了丰富的交互功能和动画效果,可以创建高度交互性的原型图
2)支持团队协作和版本控制

缺点:
1)学习曲线可能相对较陡峭,对于初学者来说可能需要一些时间来掌握其复杂的功能和操作方式
2)导入文件花费时长较长

(4)Pixso
优点:
1)易于上手的原型设计工具,具有直观的界面和简单的操作
2)提供了一些基本的交互和动画功能,适合绘制中等复杂度的原型图

缺点:
1)功能可能相对较为有限,对于需要更高级交互和定制化的项目可能不够满足需求

墨刀:
优点:
1)墨刀提供了丰富的交互和动画功能
2)支持多人协作和实时预览,方便团队合作
缺点:
1)墨刀的免费版功能有限,一些高级功能和团队协作功能可能需要付费

标签:文件,Pixso,即时,原型,导入,Master,设计
From: https://www.cnblogs.com/ym-203/p/18206080

相关文章

  • Java实验五: Java多线程程序设计(头歌)
    一、线程接力编写一个应用程序,除了主线程外,还有三个线程:first、second和third。first负责模拟一个红色的按钮从坐标(10,60)运动到(100,60);second负责模拟一个绿色的按钮从坐标(100,60)运动到(200,60)。third线程负责模拟一个蓝色的按钮从坐标(200,60)运动到(300,60)。第一步以下是ideajdk1.8的教......
  • 主流原型设计工具对比
    AxureRP特点:功能强大:Axure支持复杂的交互和动态面板,适合高保真原型和详细流程图设计。协作功能:支持多人协作,方便团队同步更新。专业性高:广泛应用于大型企业和专业团队。使用方法:Axure适用于复杂的企业级应用和系统设计。例如,在设计一个电商平台时,可以通过Axure设计用户的......
  • 四个主流原型介绍
    墨刀墨刀可以设计各个场景的原型,例如移动端,PC端,平板端,可视化大屏,智能电视,HMI,手表,幻灯片.墨刀在第一次使用时还会一步一步地教你如何使用并设计原型,里面拥有各种各样的工具,原型创作:墨刀提供丰富的组件和模板,使原型设计触手可及。内置海量组件、图标素材,0门槛开启原......
  • 主流原型设计工具介绍
    墨刀是一款非常受欢迎的原型设计工具,主要用于移动应用和网页的原型设计。它具有简单易用的界面和强大的功能,使设计师和产品经理能够快速创建、分享和测试他们的设计想法。以下是对墨刀的一些介绍:功能特点可视化编辑:墨刀提供直观的拖拽式编辑界面,用户可以轻松创建和调整各种UI元......
  • 原型设计工具个人博客
    今天我想向大家介绍一款新的原型设计的工具——墨刀,我将从操作方式、墨刀的优势以及Axure与墨刀两者的比较这三部分分别阐述。一、操作方法。1.使用邮箱注册或者选择微信快捷登录。2.登陆成功后我们就可以开始创建项目了,有模板项目和空白项目两种选项。3.空白项目:有手机、......
  • 主流原型设计工具介绍——Axure
    AxureRP是一款功能丰富,适用性强的主流原型设计工具,它可以在PC+mac上使用,沟通,传输,修改方便,非常灵活,是非常大众的原型设计工具,支持多人协作和版本控制,广泛应用于交互设计和用户体验设计领域。它提供了各种组件,共享库,方便制作高保真度的原型并且尤其适用于大型项目和团队协作。Axu......
  • 接口测试用例设计的关键步骤与技巧解析
    简介接口测试在需求分析完成之后,即可设计对应的接口测试用例,然后根据用例进行接口测试。接口测试用例的设计也需要用到黑盒测试用例设计方法,和测试流程与理论章节的功能测试用例设计的方法类似,设计过程中还需要增加与接口特性相关的测试用例。接口测试流程接口测试的质量目标......
  • 主流原型设计工具概览
    当代主流原型设计工具概览在数字产品开发领域,原型设计是至关重要的一步。它不仅帮助设计师和开发团队可视化产品概念,还能在产品开发周期的早期阶段发现潜在问题。随着技术的发展,市面上涌现出许多优秀的原型设计工具,它们各有特点,适用于不同的设计需求和工作流程。本文将介绍几种主......
  • 主流原型设计工具介绍
    墨刀墨刀是一款在线原型设计与协同工具,由北京磨刀刻石科技有限公司开发。它旨在帮助产品经理、设计师、开发者等用户群体快速搭建产品原型,并进行项目效果的演示。特点操作简单:墨刀提供了直观易用的界面和丰富的组件库,用户可以通过简单的拖拽和设置,快速将想法和创意转化为产品原......
  • Java核心面试知识集—设计模式
    设计模式知识点笔记汇总1.单例模式(SingletonPattern)2.工厂模式3.抽象工厂模式(AbstractFactoryPattern)4.模板方法模式(TemplateMethodPattern)5.建造者模式(BuilderPattern)6.代理模式(ProxyPattern)7.原型模式(PrototypePattern)8.中介者模式9.命令模式10.责任链模式11......