Figma說:“設計”是一個巨大的游樂場
作為在線協(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)。