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/3375682575和www.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)墨刀的免费版功能有限,一些高级功能和团队协作功能可能需要付费