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

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

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

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

先來看看多樣的圖案：

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

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

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

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

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

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

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

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

這次動效設(shè)計共有三個關(guān)鍵點：

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

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

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

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

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

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