Bruno 是由贝壳「用户体验中心 & 移动终端组」联合打造的一套企业级移动端 Flutter 组件库,于 12 月 10 日正式开源:
官网https://bruno.ke.com/
Pub 地址https://pub.flutter-io.cn/packages/bruno
GitHub 仓库https://github.com/LianjiaTech/bruno
背景
贝壳自 2018 年底开始对 Flutter 探索与实践,Flutter 落地业务有效提高了产研效率。但跨业务线协同效率低,重复劳动力大,代码维护成本高的问题依然突出。Bruno 是贝壳针对上述问题在公司发起的提高效率的专项项目,致力于打造贝壳标准 Flutter 生态。经过两年的打磨和沉淀,Bruno 现在为贝壳服务 B 全线业务,覆盖 多种类型 组件,为近 个 App 新页面组件的平均覆盖率 以上。
我相信贝壳遇到的问题也是大团队或个人开发者不可避免的问题。目前,这类问题的中后台解决方案层出不穷,但在 Flutter 在生态学中缺乏类似的成熟解决方案。我们希望把贝壳放在 Flutter 回馈社区领域的实践经验,更加完善 Flutter 生态,因此 Bruno 正式开源。
设计理念
Bruno 基于成长、包容、连接的设计理念,赋予组件轻巧灵活、拥抱变化、包容一切的品质。
Bruno 的优势
Bruno 基于标准化,倡导自由、简单、灵活 Flutter 基本组件的包装使其适度灵活,提高使用组件的效率尤为重要。同时,组件支持完全可扩展,既能满足多产品的快速接入,又能容纳特殊场景。
经过两年的业务实践,我们终于输出了 有各种组件,覆盖类型 等。
Bruno 基于 Sketch MeaXure 二次开发,实现组件的自动识别和标记。开发人员可以清楚地看到页面覆盖的组件,无缝传输信息,有效地连接设计和开发。
Bruno 不仅支持全球色号的更换,还支持组件圆角、字体大小、内部间距等属性的定制。在定制全球风格的同时,支持单个组件的自定义,以满足特殊场景的需求。
Bruno 也可以支持单业务的全局配置,也就是说,如果你是一个组件工程结构,你可以定义每个业务组件的独特风格。
Bruno 官网承载产品设计物料、组件配套文档、Demo 下载、搜索等基本能力也可以通过教程指导开发进行操作 Sketch 实现零设计资源干预的插件设计页面。
Bruno 官网: https://bruno.ke.com
未来展望
目前 Bruno 组件涵盖的类型可以覆盖常见的使用场景,满足企业建立自己的品牌形象 App 需求。未来,我们将根据业务开发和产品升级不断迭代组件,丰富产品内容,提升视觉体验。
我们不仅关注组件的设计和研发,而且是提高生产和研究效率的关键环节。因此,我们是 Sketch MeaXure 做了二次改造,实现组件自动化标注。同时贝壳产研团队把自动化标注能力线上化,进一步提升组件落地效率。
贝壳研究团队也在探索 UI 自动化方向,希望解放设计侧人力,让设计师对产品有更多的洞察力和理解,创造高质量的设计,提升视觉体验。
开放 & 共建
Bruno 追求更方便高效的开发体验,也非常重视每一位用户的意见,希望大家积极反馈,积极共建。
GitHub 开源地址: https://github.com/LianjiaTech/bruno
感谢为 Bruno 目前每一位成员都做出了贡献和参与:
特别感谢贝壳用户体验中心「春雪」对 Bruno 大力支持开源。