作为在线协同编辑的首创者——Figma,这个野心勃勃的设计平台,在近日推出了全新的品牌视觉形象,力图用一个大胆而充满活力的视觉系统,重新向世界介绍Figma。
过去十年里,Figma从一个主要面向设计师的工具,逐步发展为了一个服务于多角色创意团队的生态系统,这次品牌视觉系统的更新,正是为了拥抱更加广阔的受众群体。
制作团队从日本设计师Isamu Noguchi 和 Mitsuru Senda 的游乐场汲取了灵感,“它们是 Figma 画布的隐喻——人们聚集在一起创造和实验的地方”。
基于“共享空间”的主要概念,更新后的品牌视觉围绕着四个核心要素来设计:多样抽象的图形、协调的布局、丰富的色彩和流畅的交互动效。Figma创造出一套俏皮灵动的视觉语言,展现了包容的理念——在没有边界的画布上,每个团队成员都有机会将自己的想法变为实际。
先来看看多样的图案:
比起之前边界清晰的几何图形,新品牌视觉中的图标设计更加“不按常理出牌”,富有趣味性和想象力。
这些图案有的很抽象,像是随手的涂鸦;有的则很具象,让人直观能看出是苹果的切面、或一朵花,多样的图案代表了Figma用户群体的多元视角。设计师Leandro Castela提到,“这些形状故意做得多种多样,就像每个人都有不同的手一样”。
在Figma画布上,每个对象都可以与其他对象交互,从而创造出无限多的构图组合。 为了使所有的视觉元素在构图上相互协调,标准化这些布局,团队回顾了他们在开发产品过程中的操作模式,围绕三个核心主题(构思、设计、构建)设计了新的符号系统。“构思”就像是在画布上随意贴便利贴,“设计”需要大量调整和变形,“构建”则是用抽象的图形来表示编程、检查和注释的过程。
这次更新中,品牌视觉中的色彩也格外引人注目。
制作团队开发了一套多元而和谐的配色系统,以最直观的元素来展现Figma的“灵活”——色彩的运用更多地是为了传达一种感觉,而不是遵循一个严格的系统,就像团队成员之间流动的关系一般——可能性是无限的。团队保留了Figma标志性的紫色的同时,引入了其他丰富的颜色,包括明亮的霓虹色系和柔和的大地色系,大胆的撞色组合带来了十分摩登的视觉效果。
制作团队一共设计了三种配色方案,每个方案都由一个活泼的主色和四个辅助色构成。这些配色方案也有明暗模式,可以根据具体的情况切换。
除了平面元素的更新,Figma认为,视觉元素如何移动与互动也是品牌标识的一部分。
“这种互动活力是我们以前的视觉语言中所没有的”,细节处见真章,从动效的设计上可以看出Figma此次视觉更新的野心。
这次动效设计共有三个关键点:
工艺:动作设计快速、灵敏,以反映设计过程中的持续变化的行为。
交互性:画布上的设计元素根据用户的动作指令进行调整。
自由形式:营造“无边界”的视觉体验,暗示着画布的无限性。
“这不是最终目的地。这是一个新的起点,”品牌工作室设计经理 Taryn Cowart 说道。“我们创建了一个足够灵活的系统,可以适应我们不断成长和变化。”
充满活力的新配色、俏皮的形状、灵活的动效与构图设计,Figma从最基础的元素入手,用这一套全新的视觉语言为受众在展示自家平台设计的全流程——从激发灵感的火花开始,在设计过程中展示出来的有序性,到最终构建的视觉成果,在Figma无边的画布上,一个想法在创作过程中不断更新迭代,最终落地生根。
是的,设计这回事本就是一个多巴胺配色的游乐场——多元、丰富、欢迎共创。