大家好,我是程序视点的小二哥!
今天给大家分享的是:ArcoDesign。
它是字节跳动在稀土开发者大会上开源的企业级设计UI开源库。
关于ArcoDesign
ArcoDesign 主要解决在打造中后台应用时,让产品设计和开发无缝连接,提高质量和效率。
目前 ArcoDesign 主要服务于字节跳动旗下中后台产品的体验设计和技术实现,打磨沉淀 3 年之后开源。现主要由字节跳动 GIP UED 团队和架构前端团队联合共同构建及维护。
ArcoDesign的亮点
- 提供系统且全面的设计规范和资源,覆盖产品设计、UI 设计以及后期开发
- React 和 Vue 同步支持。同时提供了 React 和 Vue 两套 UI 组件库。Vue 组件库基于 Vue 3.0 开发,并配详细的上手文档。
- 支持一键开启暗黑模式,主题无缝切换
// 设置为暗黑主题
document.body.setAttribute('arco-theme', 'dark')
// 恢复亮色主题
document.body.removeAttribute('arco-theme');
- 提供了最佳实践 Arco Pro,整理了常见的页面场景,帮助用户快速初始化项目和使用页面模板,从 0 到 1 搭建中后台应用
体验和使用建议
ArcoDesign 官方介绍和文档写得很磅礴,内容超多,格局很大。
针对前端开发者来说,有三点想法:
- 一个设计系统同时提供目前最流行的React和Vue框架各提供一套 UI 组件库,综合性很强(官方考虑很全面)。
- ArcoDesign UI 组件库的使用文档很详尽,上手简单,代码例子充足,使用体验和 AntDesign 、Element UI 类似。前端开发者入手成本低。
- ArcoDesign 提供的这套组件设计风格很时尚新潮,配色鲜明,细节处理优雅,细微的交互动效让人很舒服,不需要投入太多的设计工作就可以搭建一个品质很高的应用。
当然,在资源设计方面,也有友好的对接。对于设计能力强的团队,ArcoDesign 也提供了很多快速且精准的样式定制工具。
其他
官网还有很多特性的说明,作为一个介绍文章没法展开篇幅说明,总的来说,ArcoDesign 是一个可用性很强的中后台应用设计系统。更多内容请查阅官方网站。
ArcoDesign官方地址
https://arco.design/
写在最后
【程序视点】助力打工人减负,从来不是说说而已!
后续小二哥会继续详细分享更多实用的工具和功能。持续关注,这样就不会错过之后的精彩内容啦!~
如果这篇文章对你有帮助的话,别忘了【一键三连】支持下哦~
分类:
前端开发
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 清华大学推出第四讲使用 DeepSeek + DeepResearch 让科研像聊天一样简单!
· 推荐几款开源且免费的 .NET MAUI 组件库
· 实操Deepseek接入个人知识库
· 易语言 —— 开山篇
· 【全网最全教程】使用最强DeepSeekR1+联网的火山引擎,没有生成长度限制,DeepSeek本体