Figma UI3 界面的分析解讀
最近,Figma UI3 界面的全新改版引起了設計界的廣泛討論。一些設計師對這次大幅度的更新表示難以適應,而另一些人則對新界面的簡化和沉浸式體驗表示贊賞。本文將為大家深入分析 Figma UI3 界面的具體變化,以及這些變化背后的原因和潛在影響。
最近我相信非常多的設計師都嘗試到了 Figma 的 UI3 界面,這一次變化幅度之大,以至于很多設計師在朋友圈里吐槽,感覺自己接受不了。
想到 Figma 目前的處境其實和很多 B 端產品非常類似:經過 10 年的發展,增加了太多新的功能,但整個產品的交互邏輯并沒有發生太多的改變,導致你會發現現在的 Figma 編輯器過于臃腫。
那我作為一個深入使用 Figma 多年的用戶,來和大家聊聊 Figma 為什么會做這一次“顛覆性”的更新,以及我對于它更新變化過后的整體思考。
一、Figma UI3 的具體變化
首先我們先給不了解的同學科普一下,UI3 這次頁面主要改變了什么?
全新的 UI3 界面整體的感覺是簡化,減少了無用信息的出現,增加了編輯內容的空間,使你更沉浸的工作。視覺風格上利用卡片、純白作為視覺核心,與之前講到的視覺風格趨勢契合,并對系統中的許多圖標進行了重新設計,使整體頁面看上去更為簡潔。
同時對于 導航面板、工具欄、屬性面板 也做了詳細的調整,我們具體來看:
1. 導航面板
在導航面板中,Figma 將內部信息進行重構,使其產品存儲邏輯更為清晰。
因為 Figma 本身分為 團隊/文件/頁面/圖層 四個維度,之前是將 文件目錄放置在頂部居中處,現在是將文件目錄位置與左側的導航面板合并,這樣整體的路徑會更為清晰。
同時與文件相關的操作,如發布、分支、歷史記錄等,都收折到文件路徑處,整體的關系會更為清晰。
2. 工具欄
在工具欄中,主打的就是提升核心內容展示空間。
因為日常使用的工具本身不會太多,將其移動到底部過后,能夠有更多的空間展示你的內容區域。同時在交互的動線當中,向下移動也會比較便利。
不過由于我自己是將 Mac 當中 Dock 欄進行隱藏,因此在移動過程當中容易誤操作,這一點還需要再適應適應。
3. 屬性面板
對于屬性面板,首先用戶可以拖拽自定義屬性面板的大小,其次它重構了屬性內容,比如創建 components ,現在是直接聚合到了統一的區域,可以自定義調整標簽的展示或隱藏,各個屬性配置重新調整,設定更為細致
這里不得不提一下針對小屏幕尺寸進行優化,因為絕大多數的設計師日常工作是都會使用 MacBook,編輯空間本身不太夠用,現在可以將 導航面板、屬性面板 收起,會在適當的情況下呼出,這對于筆記本設計師可以說是巨大提升。一定要試試!
二、迭代背后的原因
對于一個 B 端產品而言,它的任何變化都是有背后的原因,同樣 Figma 也是如此。
1. 新功能鋪路
你會發現,前幾年 Figma 的所有更新其實都是基于現有功能再進一步深化,直到最近發布的 AI 功能。由于這個功能過于的重要,因此回去考慮通過一些變化來引導用戶快速使用 AI。
就有點類似于之前 微信的大版本迭代,往往都會伴隨著一些游戲功能,目的也是能夠讓用戶快速上手、使用新的版本。
2. 交互統一
目前 Figma 整個產品包含 Figma、FigJam、Slide。如果是一個設計師,也會考慮盡可能將所有交互進行統一,這樣能夠讓用戶使用一致。
就像 Office 的全家桶,你會發現看到他們的頁面就知道是 Office 的產品一樣,Figma 其實也是這樣想的。
因此在交互上,沿用了 FigJam 整體的布局方式,向上迭代 Figma 編輯器,向下滿足 Slide 的產品需求,同時解決了之前 Figma 的疑難雜癥,能夠讓更多的新用戶使用 Figma 的完整產品,創造出更多的價值。
3. 商業考量
由于之前 Adobe 收購的失敗,Figma 作為一款設計軟件,也需要考慮“出圈”和“變現”。變現我們能理解,最近的 code mode 其實就是一個非常典型的變現方式。出圈則是想要將 Figma 的野心由之前的做設計工具,也在逐步轉變為做辦公工具,為此就要考慮針對很多普通用戶進行的一系列優化。而目前交互統一就是它這個優化最好的呈現。
三、最后說說這次迭代改版
我認為 Figma 就是為我們提供了一塊白板,用戶能夠在里面自由發揮,操作各種信息。當我把各個面板隱藏,此時此刻我真的專注進了頁面當中,進行信息編輯。
當然,我相信這套布局后續一定會成為一個趨勢,很多產品都會相近跟進。
對于這次的迭代我自己認為還是十分滿意,你覺得呢?
本文由人人都是產品經理作者【CE青年】,微信公眾號:【CE青年Youthce】,原創/授權 發布于人人都是產品經理,未經許可,禁止轉載。
題圖來自Unsplash,基于 CC0 協議。
- 目前還沒評論,等你發揮!