Figma UI3 重新设计:深入了解变化和影响

Figma UI3:深入探究彻底的重新设计

近期,Figma 的 UI3 更新在设计圈引发了热烈讨论。一些设计师难以适应这一大刀阔斧的改革,而另一些人则对其简化的界面和沉浸式的体验表示赞赏。本文将深入探讨 Figma UI3 的具体变化,探讨其背后的原因及其可能产生的影响。

许多熟悉 Figma 的设计师可能已经尝试过新的 UI3——这是一个重大的变化,许多人在社交媒体上表达了他们的不满。考虑到 Figma 目前的地位,与许多 B2B 产品一样,它在过去十年的发展揭示了一种情况,即添加了许多新功能,但并没有从根本上改变产品的交互逻辑。这导致了 Figma 编辑器过于臃肿。

作为 Figma 的长期用户,我将分享我对 Figma 为何进行这次“颠覆性”更新的见解,并对其演变提出我的看法。

一、Figma UI3的具体变化

让我们首先概述一下 UI3 中的关键变化:

新界面注重简洁性,尽量减少混乱,最大化您的编辑空间,以实现更具沉浸感的工作流程。从视觉上看,它以卡片和空白作为核心元素,符合当前的设计趋势。许多系统图标也经过重新设计,以达到更简洁的美感。

对导航面板、工具栏和属性面板进行了重大调整:

  • 导航面板: Figma 重组了内部信息,以提高其产品存储逻辑的清晰度。由于 Figma 在四个维度(团队、文件、页面和层)内运行,因此文件目录以前位于顶部中央。现在,它与左侧导航面板合并,创建了更直观的路径。与文件相关的操作(如发布、分支和历史记录)现在合并在文件路径下,进一步提高了清晰度。

  • 工具栏:工具栏专注于最大化专用于核心内容的空间。由于最常用的工具保持相对一致,因此将它们移至底部可以释放宝贵的屏幕空间供您工作。向下的交互流程也感觉更自然。但是,由于我个人喜欢隐藏 Mac Dock,因此这种移动有时会导致无意的操作 - 这个问题需要进一步适应。

  • 属性面板:用户现在可以根据需要拖动和调整属性面板的大小。其内容也经过了重新组织,例如,创建组件现在集中到一个统一的区域。您可以自定义标签、显示/隐藏它们,并以更高的精度优化属性设置。值得注意的是,UI3 包括针对较小屏幕的优化,认识到大多数设计师都在 MacBook 笔记本电脑上工作,因为编辑空间可能有限。在需要时折叠和显示导航和属性面板的功能大大增强了笔记本电脑用户的体验。

二、迭代原因

B2B 产品的每一个变化都有其根本原因,Figma 也不例外:

  • 新功能集成: Figma 最近的更新主要集中在深化现有功能,直到推出其 AI 功能。此功能的重要性使得它必须做出改变,以引导用户快速采用。这类似于微信(流行的中国消息应用程序)实施重大更新的方式,通常伴随着新的游戏功能,旨在鼓励用户参与和采用最新版本。

  • 交互统一: Figma 包括 Figma、FigJam 和 Slide。作为一名设计师,自然会努力在所有平台上实现一致的交互。与 Microsoft Office 的“套件”方法类似,用户可以根据界面立即识别其产品,Figma 也追求同样的目标。UI3 迭代采用了 FigJam 的布局作为基础,在 Figma 编辑器上进行了迭代,满足了 Slide 的需求,同时解决了以前的可用性问题。这使新用户可以探索 Figma 的全面生态系统并释放其全部潜力。

  • 商业考虑: Adobe 收购失败后,Figma 作为一款设计软件,必须考虑“走向主流”和“盈利”。盈利方面显而易见。该公司可能会通过简化体验来吸引更广泛的用户群。

三、我对这次迭代的看法

Figma UI3 感觉就像一块空白画布——用户可以自由表达自己并处理信息的空间。当我最小化所有面板时,我的注意力将集中在页面本身的内容上。这种极简主义方法非常强大。

我相信这种布局将引领潮流,影响未来的许多其他产品。您对 Figma UI3 有何看法?

返回博客

发表评论