当前位置: 首页 > news >正文

Axure版ArcoDesign 组件库-免费版

ArcoDesign元件库是字节系基于ByteDesign升级而来的、能力全面的企业级产品设计系统。以下是对它的详细介绍:

链接地址

特点

  • 丰富的组件和样式:包含各种类型的组件,覆盖了多种交互场景,如通用类、布局类、数据展示类、数据输入类、反馈类、导航类等。同时提供丰富的颜色主题配置,支持自定义,包括基础颜色、字体、阴影等,且支持可视化编辑与实时预览。
  • 灵活的布局方案:基于模块化设计,支持响应式设计,便于构建不同屏幕尺寸下的界面,能够满足各种项目的布局需求。
  • 注重用户体验和开发效率:组件的设计考虑了用户操作的便捷性和高效性,例如输入框的标签选项、按钮的多种风格等。同时,开发者可以通过这些组件快速构建出符合企业级标准的界面,减少开发时间和成本。
  • 高度的定制性和一致性:支持自定义主题,包括颜色、字体等,且提供了便捷的工具进行主题编辑。此外,还提供命名空间配置,便于在大型项目中避免样式冲突,确保项目的一致性和可维护性。
  • 技术栈兼容性好:支持Vue和React,且提供了Vue 3版本的兼容,确保了与现代前端技术栈的良好结合。

组件分类

  • 通用类:包括按钮(Button)、图标(Icon)、链接(Link)、排版(Typography)等组件,是构建界面的基础元素。
  • 布局类:有分割线(Divider)、栅格(Grid)、布局(Layout)、间距(Space)等组件,用于页面的布局和结构设计。
  • 数据展示类:包含头像(Avatar)、徽标(Badge)、日历(Calendar)、卡片(Card)、图片轮播(Carousel)等众多组件,可满足不同的数据展示需求。
  • 数据输入类:有自动补全(AutoComplete)、级联选择(Cascader)、复选框(Checkbox)、日期选择器(DatePicker)等组件,为用户输入数据提供了丰富的交互方式。
  • 反馈类:包括警告提示(Alert)、抽屉(Drawer)、全局提示(Message)、对话框(Modal)等组件,用于向用户展示系统的反馈信息和提示。
  • 导航类:有面包屑(Breadcrumb)、下拉菜单(Dropdown)、菜单(Menu)、页头(PageHeader)等组件,帮助用户在应用中进行导航和页面切换。
  • 其他类:还包括锚点(Anchor)、返回顶部(BackTop)、伸缩框(ResizeBox)等一些特殊功能的组件。

适用场景

  • 中后台系统:其丰富的组件和灵活的布局方案,能够满足中后台系统对数据展示、表单操作、导航等功能的需求,帮助快速构建出高效、易用的中后台界面。
  • 数据管理平台:提供了强大的数据展示和输入组件,如表格、卡片、表单等,方便对大量数据进行管理和操作,提升数据管理的效率和体验。
  • 企业级Web应用:遵循企业级设计规范,注重用户体验和开发效率,能够为企业级Web应用提供统一的设计风格和交互体验,提高项目的质量和可维护性。
http://www.lryc.cn/news/578825.html

相关文章:

  • OpenCV CUDA模块设备层-----高效地计算两个uint 类型值的平均值函数vavg2()
  • Centos系统及国产麒麟系统设置自己写的go服务的开机启动项完整教程
  • 开源 | V3.1.1慧知开源重卡运营充电桩平台 - 重卡运营充电桩平台管理解决方案;企业级完整代码 多租户、模拟器、多运营商、多小程序;
  • Chrome 下载文件时总是提示“已阻止不安全的下载”的解决方案
  • DQL-1-基础查询
  • 技术学习_大语言模型
  • 大数据平台与数据中台:从概念到落地的系统化实践指南
  • day045-nginx跳转功能补充与https
  • 安全风险监测预警平台对企业的价值
  • 【AI智能体】基于Coze 制作高质量PPT实战操作详解
  • Android Native 之 inputflinger进程分析
  • flutter flutter_vlc_player播放视频设置循环播放失效、初始化后获取不到视频宽高
  • PyQt5-高级控件-容器StackedWidget
  • 学习笔记(29):训练集与测试集划分详解:train_test_split 函数深度解析
  • Servlet开发流程(包含IntelliJ IDEA项目添加Tomcat依赖的详细教程)
  • 玄机——某学校系统中挖矿病毒应急排查
  • 打造Docker Swarm集群服务编排部署指南:从入门到精通
  • 【公司环境下发布个人NPM包完整教程】
  • 网络协议概念与应用层
  • 解释LLM怎么预测下一个词语的
  • 图像二值化方法及 Python OpenCV 实现
  • 使用v-bind指令绑定属性
  • 【第三章:神经网络原理详解与Pytorch入门】01.神经网络算法理论详解与实践-(1)神经网络预备知识(线性代数、微积分、概率等)
  • 新能源汽车功率级测试自动化方案:从理论到实践的深度解析
  • 如何将文件从 iPhone 传输到 Android(新指南)
  • 网安-XSS-pikachu
  • MUX-VLAN基本概述
  • 【格与代数系统】格与哈斯图
  • 【分明集合】特征函数、关系与运算
  • 【HarmonyOS】鸿蒙使用仓颉编程入门