已加载全部内容

主流界面设计工具性能特征评测

链接
分类
文章工具设计2021-12-25 10:44:47
简介

Marc Edwards(Bjango 创始人)做了一个主流界面设计工具性能特征评测,看看这些工具到底吃 CPU 性能还是内存亦或是 GPU。Edwards 之前就做过类似测试,这次是在新的设备上看看这些应用的优化如何。测试方法是旋转三种样式的正方形。结论为阴影会增加 Figma 的负荷,由于 Figma 每个标签页被限制了2GB 内存使用,所以增加GPU性能会增加 Figma 的流畅度。每个样式都会增加 Sketch 的CPU 占用。主力使用 Sketch 的话请升级CPU。XD 没有占用太多CPU 和 GPU,而且不会调用能效核心……Photoshop 类似。Illustrator 掉帧很大,同时也懒得调用核心数,没有压榨出性能。这就说不过去了。Affinity Designer 能拉满 CPU 负载,请把钱花在 CPU 上。

相似条目

笔记

Beta

本文测试中,Figma 在旋转带投影的矩形时 GPU 被完全占满,其他测试则未接近 GPU 上限,整体表现为 GPU 受限。文章指出为 Figma 选购硬件时,提升 GPU 比提升 CPU 或内存更有帮助,同时提到其单标签内存上限为 2GB。测试在 M1 Pro MacBook Pro 上进行,画布出现严重延迟时仍以 GPU 为主。

Adobe XD 在旋转大量对象时,CPU 与 GPU 均未被充分利用,部分效率核心处于空闲状态,画布已严重卡顿但硬件仍有余量。文章指出 XD 的渲染路径未将 M1 Pro 的性能完全发挥出来,与 Illustrator、Photoshop 表现类似。

Sketch 在本文的多对象旋转测试中主要依赖 CPU,并尽可能占用全部 CPU 核心,GPU 使用率很低。无论测试投影、描边还是渐变,其性能瓶颈都在 CPU 多核处理上。文章结论是 Sketch 适合配备高性能多核 CPU 的 Mac。

Photoshop 在本文测试中同样存在大量 CPU 与 GPU 空闲时间,画布卡顿时硬件利用率不高。文章强调本次测试仅针对旋转带样式的矩形,Photoshop 功能范围极广,因此测试结果不能代表其整体性能表现。

Affinity Designer 与 Sketch 类似,在旋转测试中大量使用多核 CPU,几乎不占用 GPU。文章显示其在 M1 Pro 上能有效调用所有性能核心,适合依赖 CPU 的设计工作流程。

文章通过旋转大量图形对象的测试,观察各设计工具对 CPU 的利用情况。Sketch 与 Affinity Designer 表现为 CPU 密集型,能充分利用多核;Figma、XD、Illustrator 和 Photoshop 则未将 CPU 占满,存在空闲时间。测试在 M1 Pro 芯片上进行,指出前两个核心为能效核,通常负载较低。

文中指出 M1 系列 SoC 的前两个核心为能效核,在 XD 等工具的测试图中常处于低负载状态。测试使用的设备实际为 M1 Pro,但作者借 M1 架构说明能效核的典型行为,以解释部分 CPU 核心利用率偏低的原因。

Illustrator 的 CPU 与 GPU 使用情况与 XD 接近,测试中未占满硬件资源,画布帧率仍很低。文章特别提到其处理数千个投影对象时会出现进度条,性能明显弱于其他工具,而无投影时处理大量对象则相对流畅。

测试显示 Figma 在绘制阴影时会占满 GPU,其它工具如 Sketch、Affinity Designer 则几乎不使用 GPU。XD、Illustrator 和 Photoshop 在画布严重卡顿时,GPU 仍有大量空闲。文章认为理想的设计工具应让 GPU 接近满载,以发挥其图形渲染优势。

测试显示 Figma 在绘制阴影时会占满 GPU,其它工具如 Sketch、Affinity Designer 则几乎不使用 GPU。XD、Illustrator 和 Photoshop 在画布严重卡顿时,GPU 仍有大量空闲。文章认为理想的设计工具应让 GPU 接近满载,以发挥其图形渲染优势。

该分类暂无内容
该分类暂无内容

本文结尾处简要提及 Skala 是 Bjango 团队正在开发的设计工具,目的是推广其产品。文章未提供 Skala 的任何性能测试数据或具体特性描述,仅作为作者自有项目的一句推广语出现。

所有性能测试均在 2021 年 14 英寸 MacBook Pro 上完成,配置为 8 核 M1 Pro 处理器与 32GB 内存。测试使用内置屏幕、非全屏窗口模式,电池供电且电量保持在 75% 以上。文章以此硬件为基准,比较各设计工具在高负载下的 CPU 与 GPU 占用特征。

Bjango 在本文中通过旋转数千个带描边、阴影或渐变的矩形,对 Figma、Sketch、XD 等设计工具进行性能测试,记录其在 14 英寸 M1 Pro MacBook Pro 上的 CPU 与 GPU 占用情况。测试显示各工具渲染路径差异明显,Figma 更依赖 GPU,Sketch 与 Affinity Designer 则重度使用多核 CPU。Bjango 指出这些结果可帮助用户在选购 Mac 时优先考虑 GPU 或 CPU 配置,而非单纯增加内存。

本文测试所用 2021 年 14 英寸 MacBook Pro 搭载 8 核 Apple M1 Pro 处理器及 32GB 内存。文章以此芯片为平台,记录 Figma、Sketch 等工具在旋转大量对象时的 CPU 与 GPU 占用曲线,并据此给出硬件选购建议。