搜索

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

Aviala Design V5 新体验 · 新系统

作者:凯伦

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

让更多人看到这篇文章

「优秀体验提高效率、激发潜力」

距离 260 多天前,我们发布了 Aviala Design V4 ,大大提升了泛用性,改进了设计风格。我们现在寻求改变,计划 Aviala Design V5 。

设计 V5 的动机?

我们缺少很多设计系统的必要元素,在 V4 时代中过于简单的数字系统没能做到设计系统的本职:确立基础,同时过早引入的复杂 Palette 也没能带动对设计系统的定制,V4 也缺少很多关键组件和设计,我们希望改善这些方面的缺陷,故引入 V5 的新版本概念。

计划

基础理论

我们首先从基础入手,完善了「Aviala Design 设计概论」,我们认为,在数字世界,一个设计系统应该为用户带来优秀的体验,并帮助用户提升效率,激发他们的潜力。基于这一理念,Aviala Design 强调这些元素:系统性、可访问性、一致性和美观性。在概论的引导基础下,会创造更稳定一致的设计系统,这部分工作仍在继续。

分离系统

在 V5 中,我们将会严格分离样式、颜色、概念和更多资产,构建一个更有秩序的设计系统。 设计系统三层架构示意图:底层为基础样式和颜色,中层为图标、字体等设计资产,上层为组件及组装成的产品界面

引入新内容

在 V5 ,为了让系统能够面临更加复杂的设计需求,我们会引入更多内容和资产。

  1. Clearly 引入新多色图标

  2. 引入新资产:插画 illustrations 和 情绪 Emotion

  3. 引入新组件:树、数值展示、表单、突出框、栅格、导引 等……

新的开源协作机制

我们将在新版开源协作机制中引入贡献者与维护者的概念,并且完善了整体流程,通过更加开放且标准的流程来鼓励大家参与开源协作。

左侧是旧版开源项目协作流程,包含 “发现问题 / 提出建议”“在飞书共创群报告”“后续跟进”“完成改进” 环节 ;右侧是新版流程,围绕 GitHub 仓库,有报告、评估讨论、任务指派(或解释不接受原因 )、代码提交、review 合并等步骤

单独的数字字体

我们为了完善数据展示场景,还将会与 V5 一同发行新的等宽数字字体「aNumber」,支持可变特性和宽松与紧凑版本可选。

基于 CSS 的 Spiral

我们还在准备基于 Vue 的 Spiral 组件库,在这之前,将提供一套基于 CSS 的 Spiral 的样式库,帮你面对更多复杂实现场景。

网页版本 Palette

我们正在着手开发基于 Web 的调色盘,并且开发即时设计插件,帮助大家完成快速的混色工作。

总结

V4 将很快停止维护,我们建议所有用户做好迁移准备。V5 的资源将部分发布,但是我们不保证它们与最终结果一致。