搜索

  • 语言选择
  • 中文
  • English
  • 我们暂时仅支持以简体中文显示网页内容,如有不便,敬请谅解。

One more step,Aviala Design V6

作者:凯伦

如果你想支持我们,请考虑分享这篇文章

让更多人看到这篇文章

Aviala Design V6 公布在即,在刚刚搬好家的「新设计系统」,我们想和你聊聊背后的理念和所思。

视觉全升级

展示了 Aviala Design V6 的全新图标、组件和插图的视觉风格

Aviala Design V6 是我们在 Figma 的首次亮相。图标,颜色,插画,组件等都全面焕新。我们希望通过这个全新的设计系统,能够更好地服务于我们的用户和开发者。让体验更舒适,我们一直在探索这件事。

大胆无边界

所谓「大胆无边界」,是我们为 Aviala Design V6 定下的基调。

我们重新审视了 Aviala Design V5,去掉了多余的线条和阴影效果,视觉更和谐统一,且进一步完成了降噪。我们相信,这种风格能很好地提升效率,因为用户要认知的更少了,能根据直觉的去操作。

表达更加大胆。细节舒适的新图标库 Icons 2,能更好地传达信息,表现力进一步增强。手绘风格的插画 Illustrations 2,能更好地传达情感,为体验添彩。由 Palette 系统升级来的 Color 1 也更加稳定泛用,色彩搭配更具灵活性。

设计是产品的语言,我们为这个语言创造工具,也重新创造语言。Aviala Design V6 完全重构了设计变量体系,从布局到排版,从间距到边距,我们让每一个设计元素都有唯一来源,确保设计的一致性和可用性。

双层变量,灵活多变

Aviala Design V6 采用双层变量体系,分为基础变量和使用变量。基础变量是基于数学运算的一系列数字,颜色,为设计系统打下坚实基础。使用变量则是对基础变量的指派,明晰使用方法。

展示了双层变量体系的结构

这样做,我们可以很轻松地修改和扩展设计系统,从颜色,圆角,阴影等属性入手,让设计系统一致灵活,减少设计师的工作量和工程师的沟通成本。

体验产研的进步

Aviala Design 是我们在「体验产研」理念下的产品,希望普惠更多人获得优秀体验。优秀体验提升效率、激发潜力,这就是 Aviala Design 的使命。很高兴地说,我们离这些想法更进了一步,也很高兴能把这份体验分享给开源社区的大家。我们依然根据 知识共享-署名 4.0(CC BY 4.0)协议向大家开源 Aviala Design 的成果,也欢迎大家一起建设这一设计体系。

关于设计资产平台切换事宜

我们也必须向先前在即时设计平台(js.design)支持我们的大家说声抱歉,本次平台切换是我们迫不得已的选择。即时设计已经很少推出新功能,作为该平台上少有的原生设计系统,我们被这些功能的缺失限制,何难实现诸如本次的「双层变量体系」,甚至即时设计至今不支持可变字体。

所以我们必须改变,在 Aviala Design V6,我们选择了 Figma 作为设计资产平台。Figma 是目前最流行的设计工具,拥有强大的功能和活跃的社区,能更好地支持我们的设计系统。

对于先前在即时设计使用 Aviala Design V5 的用户,由于精力和平台局限性,我们无法提供新的设计资产,也很难维护现有的资产,对此,您可尽早切换平台,我们也将在切换过程提供帮助 —— 有点像无偿客服。

结语

十分感谢大家对 Aviala Design 信任,能有大家支持我们,是一份荣幸。也很感谢即时设计做为平台,让更多人知道我们的设计体系。我们也将会持续研究,不断创造好的体验。谢谢!

Aviala Design V6 即将发布,敬请期待!