当前位置: 首页 > 网络应用技术

击败其Arcodesign设计系统的字节是开源的!

时间:2023-03-06 12:45:10 网络应用技术

  Arcodesign是由Byte击败GIP UED团队和前端团队共同启动的企业 - 级设计系统。在近三年后,通过大量的业务降水和验证,我们开设了Arcodesign Design System.目的是让社区听到更多的声音,改善中等大小的企业以及个人设计师和开发人员的效果,并创造更高效,更美丽的“最佳实践”。

  Arcodesign具有系统的设计规格和资源,基于此规范,它提供了涵盖React,Vue和移动性的原子组件。基于Rich Atomic组件,ARCO提供了图标平台,品牌库和Arco Pro的最佳实践资源平台。用于样式配置平台和材料平台的定制工具。它旨在帮助设计师和开发人员在符合业务规格的中间和后台应用程序中提高双手并提高工作效率和高质量的建设。

  就像“ Arco”的名称一样,遵循[协议 /一致],[Rhythm / Rhythm],[Clear / Clear],[Open / Open]的概念,ARCO希望帮助更多的用户提高工作效率和喜悦,创造更好的工作效率产品。

  基于Arcodesign设计规范,ARCO提供了67个基本组件,足以满足大多数业务需求。在同一时间,ARCO在这些基本组件的设计中还打开了精细的配置,这对于随后的扩展非常方便。

  基于Arcodesign设计规范,ARCO还提供了两组UI组件库,React和Vue。Vue组件库基于VUE 3.0开发,提供了未来的开发能力,并具有与React组件库的底部功能相互操作的性能,该功能可以库。完美地使用ARCO生态系统的各种功能。

  ARCO支持一个单击打开黑暗模式,无缝切换,平稳的体验。

  黑暗模式使用户可以更多地专注于自己的操作任务,同时避免通过突出显示黑暗环境中的高光源引起的视觉刺激。

  在底部的设计中,Arco结合了较少和CSS变量的优势。否则变量负责编译时间的颜色计算。根据主要的颜色计算,计算了两组梯度面板。当页面渲染时,CSS变量负责最终参考,从而意识到无缝切换 /深色样式。用户不仅可以享受CSS变量带来的丝绸滑动开关体验,而且还可以享受较小的可变的便利性,可变可变量。考虑到优雅且易于使用,带来单个主颜色,以产生整个颜色板的便利性。

  为了帮助用户快速构建从0到1的项目,ARCO提供了最佳实践Arcopro,组织了常见的页面场景,以帮助用户快速初始化项目并使用页面模板。

  在中间和背景项目中,页面设计模式相对单身。ARCO提取典型的业务场景,并将其作为页面模板删除。用户可以通过简单的复制和修改快速构建页面。

  从基础组件到上层平台,ARCO提供了最终的自定义能力。

  在基础组件的基础组件上,ARCO提供了详细的样式自定义和默认行为自定义。

  就样式而言,ARCO通过在设计开始时通过详细的分裂从数千个独立的令牌变量分离。它已经根据这些变量完成了从全局样式到组件样式的综合配置。

  在默认行为方面,ARCO支持60+组件的默认行为的全局配置,以降低维护成本并以极大的灵活性来改善开发体验。用户只需要维护全局配置即可自定义每个组件的默认交互。

  上平台

  在基础能力的祝福下,Arco的上层平台再次扩大了定制能力。

  ARCO提供了样式视觉编辑的“样式配置平台”。基于样式配置平台的组件配置功能,用户可以对全局样式和组件样式进行良好的范围调整,以实现“ Arcodesigno”。完成后,用户可以单击一键将主题发布到主题市场,以为社区提供出色的主题样式。在主题市场中,用户可以浏览所有主题并自由选择。

  在ARCO组件文档上,用户可以单击一键安装样式配置平台上的所有主题,快速将个人主题应用于ARCO组件文档,以供沉浸式文档体验。

  得益于ARCO组件提供的灵活的API设计和自定义的组件解决方案,用户可以快速开发自定义组件,以满足其基于ARCO的特定需求。COUSTOMICATIMATION的组件将更好地重新使用业务代码,促进团队合作,提高发展效率,并分享丰富的富裕效率,并分享丰富的成分社区的物质资源。

  ARCO希望通过全面的生态系统来改善设计和开发工作经验。

  生态平台开发工具设计系统的主要用户组是Designer.arco一直在探索如何根据Arco的外围生态来提高设计师的工作效率。

  ARCO致力于探索一个更好的设计系统,以解决复杂的业务和冗余沟通带来的经验问题,并彻底解放了开发和设计师的手。在Bytes中进行了将近三年的迭代和抛光后,我们为4000+项目服务了为了实现高效且高质量的产品构建过程。它是一种真正从实践中孵化的产品,并且在内部业务中也得到了广泛的服务。

  通过ARCO组件库,样式配置平台和图标平台,智能生成适合多种业务需求的个性化主题包,帮助火山引擎改善各种产品线体验的一致性,以便更好地提供系统的完整 -链接到企业的解决方案以解决系统的全链接解决方案平面服务。在目前,使用ARCO组件库构建了60%以上的火山发动机控制台产品。

  使用ARCO的灵活且丰富的组件资源,当今的头条新闻很快就会建立一个自我媒体平台标题编号,为创建者提供多种实用功能,例如创意发布,数据分析和收入分析。

  ByteFfect使用ARCO Mobile的自定义组件和开发框架,开发了一个用于智能图像创意功能的移动应用程序,该应用程序可方便地提供沉浸式功能性彩排和能力试验。

  使用ARCO自己的图标和品牌资源,火山翻译已在短时间内完成了官方网站着陆页的设计。各种视觉内容有助于专注于用户的注意力和排水平台提供的多语言翻译服务。

  基于ARCO组件的强大互动功能,它可以帮助Star Ye Smart施工平台实现更灵活,更智能的电台建筑能力,并在各种情况下改善效果方案。

  Arcodesign还探索了字节跳动中的更多方面,例如可视化站点构建平台,D2C设计图移动代码工具,C2D代码传输设计图工具,品牌库等。以上平台工具将来会与您相遇。我希望每个人都会更多地关注?

  Arcodesign现在正式开放,欢迎您使用和体验。Arco非常重视每个开发人员和用户的意见。我希望每个人都会积极反馈并积极建立。

  官方网站:https://arco.design

  GitHub React组件库:https://github.com/arco-design/arco-design

  github vue组件库:https://github.com/arco-design/arco-design-vue