作為在線協(xié)同編輯的首創(chuàng)者——Figma，這個野心勃勃的設計平臺，在近日推出了全新的品牌視覺形象，力圖用一個大膽而充滿活力的視覺系統(tǒng)，重新向世界介紹Figma。

過去十年里，F(xiàn)igma從一個主要面向設計師的工具，逐步發(fā)展為了一個服務于多角色創(chuàng)意團隊的生態(tài)系統(tǒng)，這次品牌視覺系統(tǒng)的更新，正是為了擁抱更加廣闊的受眾群體。

制作團隊從日本設計師Isamu Noguchi 和 Mitsuru Senda 的游樂場汲取了靈感，“它們是 Figma 畫布的隱喻——人們聚集在一起創(chuàng)造和實驗的地方”。

基于“共享空間”的主要概念，更新后的品牌視覺圍繞著四個核心要素來設計：多樣抽象的圖形、協(xié)調的布局、豐富的色彩和流暢的交互動效。Figma創(chuàng)造出一套俏皮靈動的視覺語言，展現(xiàn)了包容的理念——在沒有邊界的畫布上，每個團隊成員都有機會將自己的想法變?yōu)閷嶋H。

先來看看多樣的圖案：

比起之前邊界清晰的幾何圖形，新品牌視覺中的圖標設計更加“不按常理出牌”，富有趣味性和想象力。

這些圖案有的很抽象，像是隨手的涂鴉；有的則很具象，讓人直觀能看出是蘋果的切面、或一朵花，多樣的圖案代表了Figma用戶群體的多元視角。設計師Leandro Castela提到，“這些形狀故意做得多種多樣，就像每個人都有不同的手一樣”。

在Figma畫布上，每個對象都可以與其他對象交互，從而創(chuàng)造出無限多的構圖組合。 為了使所有的視覺元素在構圖上相互協(xié)調，標準化這些布局，團隊回顧了他們在開發(fā)產品過程中的操作模式，圍繞三個核心主題（構思、設計、構建）設計了新的符號系統(tǒng)。“構思”就像是在畫布上隨意貼便利貼，“設計”需要大量調整和變形，“構建”則是用抽象的圖形來表示編程、檢查和注釋的過程。

這次更新中，品牌視覺中的色彩也格外引人注目。

制作團隊開發(fā)了一套多元而和諧的配色系統(tǒng)，以最直觀的元素來展現(xiàn)Figma的“靈活”——色彩的運用更多地是為了傳達一種感覺，而不是遵循一個嚴格的系統(tǒng)，就像團隊成員之間流動的關系一般——可能性是無限的。團隊保留了Figma標志性的紫色的同時，引入了其他豐富的顏色，包括明亮的霓虹色系和柔和的大地色系，大膽的撞色組合帶來了十分摩登的視覺效果。

制作團隊一共設計了三種配色方案，每個方案都由一個活潑的主色和四個輔助色構成。這些配色方案也有明暗模式，可以根據(jù)具體的情況切換。

除了平面元素的更新，F(xiàn)igma認為，視覺元素如何移動與互動也是品牌標識的一部分。

“這種互動活力是我們以前的視覺語言中所沒有的”，細節(jié)處見真章，從動效的設計上可以看出Figma此次視覺更新的野心。

這次動效設計共有三個關鍵點：

工藝：動作設計快速、靈敏，以反映設計過程中的持續(xù)變化的行為。

交互性：畫布上的設計元素根據(jù)用戶的動作指令進行調整。

自由形式：營造“無邊界”的視覺體驗，暗示著畫布的無限性。

“這不是最終目的地。這是一個新的起點，”品牌工作室設計經理 Taryn Cowart 說道?！拔覀儎?chuàng)建了一個足夠靈活的系統(tǒng)，可以適應我們不斷成長和變化。”

充滿活力的新配色、俏皮的形狀、靈活的動效與構圖設計，F(xiàn)igma從最基礎的元素入手，用這一套全新的視覺語言為受眾在展示自家平臺設計的全流程——從激發(fā)靈感的火花開始，在設計過程中展示出來的有序性，到最終構建的視覺成果，在Figma無邊的畫布上，一個想法在創(chuàng)作過程中不斷更新迭代，最終落地生根。

是的，設計這回事本就是一個多巴胺配色的游樂場——多元、豐富、歡迎共創(chuàng)。