Advertisement

蚂蚁设计规范AntDesign官方组件包XD.rar

  •  5星
  •     浏览量: 0
  •     大小:None
  •      文件类型:None


简介:
该资源为蚂蚁集团官方出品的Ant Design设计规范及配套的XD组件包,适用于UI设计师快速创建美观且符合用户体验标准的产品界面。 阿里设计规范AntDesign官方提供了XD版本的组件包以及AntDesignMobile Template V1.0;此外还有Ant.Design.Pro和Ant.Design.3.0.Components等多个版本供开发者使用。

全部评论 (0)

还没有任何评论哟~
客服
客服
  • AntDesignXD.rar
    优质
    该资源为蚂蚁集团官方出品的Ant Design设计规范及配套的XD组件包,适用于UI设计师快速创建美观且符合用户体验标准的产品界面。 阿里设计规范AntDesign官方提供了XD版本的组件包以及AntDesignMobile Template V1.0;此外还有Ant.Design.Pro和Ant.Design.3.0.Components等多个版本供开发者使用。
  • 优质
    《蚂蚁的设计规范》是一本由蚂蚁集团设计团队编写的书籍,详细介绍了其内部的设计原则、流程和最佳实践,旨在提升产品用户体验。 在数字化时代,良好的用户体验(UX)和用户界面(UI)设计是产品成功的关键因素之一。阿里巴巴旗下的蚂蚁金服团队为了推动高效、一致且美观的界面设计,制定了一套名为“蚂蚁设计规范”的指导原则。这套规范不仅涵盖了设计的基本理念,还包括实际操作中的模板、组件以及开发示例,为设计师和开发者提供了全面的设计资源。 深入理解“蚂蚁设计规范”的核心设计理念可以发现,该规范强调以人为本,注重用户体验,并力求在功能性和美学之间找到平衡点。设计应简洁易用且直观明了,让用户能够快速完成任务并轻松地理解界面内容;同时,这套规范还提倡一致性原则,确保不同页面和功能间的设计风格统一一致,以降低用户的认知负担。 关于具体的设计部分,“蚂蚁设计规范”详细阐述了色彩、字体、图标及布局等关键元素的使用规则。其中,色彩作为视觉传达的重要手段之一,在该规范中提供了一套完整的颜色体系来表达品牌调性、信息层次和交互状态;而选择合适的字体组合与排版原则,则有助于提高信息的可读性和视觉舒适度;此外,简洁明了且标准化设计的图标库也被提供了出来。 在模板方面,“蚂蚁设计规范”为常见的页面类型(如登录注册页、列表页及详情页)以及组件提供了一系列预设方案。这些模板遵循了设计原则,并能帮助设计师快速搭建界面,节省时间同时保证质量的一致性。 对于构成界面的基本单元——组件,“蚂蚁设计规范”对按钮、输入框、导航栏和提示等常用组件进行了详细定义,包括它们的样式、尺寸及状态变化等方面的内容。此外,这些组件不仅适用于UI设计领域,在前端开发中也得到了支持,实现了设计与开发之间的无缝对接,并提高了开发效率。 最后,“蚂蚁设计规范”的实用部分——即开发示例,则展示了如何在实际项目中应用上述的设计原则和组件。通过代码示例的形式,开发者可以更好地理解和实现这些设计理念,以确保设计方案能够被准确地实施并保持一致性。 总的来说,“蚂蚁设计规范”是阿里巴巴蚂蚁金服团队对高效、高质量设计的系统化总结,为设计团队及开发团队提供了统一的语言与工具,并促进了产品的设计质量和开发效率。无论是新手还是经验丰富的从业者,在实际项目中结合自身特点灵活运用这些规范将有助于不断优化我们的工作流程和产出效果。
  • AntDesign 金服移动APP原型.rplib
    优质
    AntDesign 蚂蚁金服移动APP原型组件.rplib是一款由蚂蚁金服开发的设计资源库,专为移动应用开发者提供高质量、一致性的UI组件和设计规范。 Ant Design 移动端设计规范是基于 Preact/React/React Native 的 UI 组件库,它是 Ant Design 设计规范在 React 环境下的实现版本,主要用于蚂蚁及口碑的移动应用开发。 其主要特性包括: - 基于 Ant Design 移动设计规范。 - 提供规则化的视觉样式配置以适应各种产品风格需求。 - 支持多平台的应用开发,基于 React Native 技术栈。 - 使用 TypeScript 编写代码,并提供类型定义文件支持。 适用场景如下: - 适用于中大型产品的应用开发; - 适合于需要在多个终端上运行的 React、Preact 或者 React-Native 应用程序; - 对 UI 风格有高度定制需求的应用。
  • 金服AntDesign 3.x Axure 原型控素材
    优质
    本素材包提供基于蚂蚁金服Ant Design 3.x规范的Axure原型设计资源,包含丰富组件和页面模板,助力高效快捷的产品设计与开发。 蚂蚁金服推出了一套非常实用的原型控件,几乎可以省去设计环节。只要具备一定的设计感,并调整颜色搭配,就可以制作出高保真的演示原型。附件中包含了PC端和移动端最新3.0版的控件以及对应的交互OG文件和Sketch版本的设计稿,是一整套完整的资源。
  • BMS RV4.9 稳定版.apk
    优质
    蚂蚁BMS RV4.9官方稳定版是一款专为车辆电池管理系统设计的应用程序。提供全面的电池状态监控、故障预警及数据分析功能,帮助用户更好地维护和管理电动汽车或摩托车的电池系统。 小蚂蚁BMS电池组保护板功能介绍如下: 1. 支持24串以内任意类型的电池组(如钛酸锂、铁锂电池及三元材料),供电电压需大于24V。 2. 该保护板具备单体电压检测能力,可覆盖从1到5伏特的范围。超出此区间的数据无法被准确测量。其精度极高,误差小于5毫伏,适用于所有在这一范围内运行的电池组,并能提供过冲和过放电防护设置功能。 3. 采用智能均衡方式,在充电过程中当检测到电压差超过设定值时自动启动平衡机制以确保各单体电池的一致性。 4. 提供电流测量支持,能够处理高达300安培的电流量级。 5. 配备库仑计特性,通过积分计算方法精确测定剩余电量及充入电能等参数信息。 6. 用户可以通过安卓设备设置不同类型的电池规格,并查看单体电压和电流状况。 7. 显示屏可实时展示整个电池组的状态、各项参数以及每节单独的单元电压值。 8. 依据电机霍尔传感器脉冲来测定行驶速度并估算剩余续航距离。 9. 内置六个独立温度测量通道,允许用户自定义高温保护阈值以保证安全运行环境。 10. 设有专用看门狗程序持续监控系统状态,确保软件稳定无故障运作。
  • 金服体验技术部推出的Ant Design.zip
    优质
    Ant Design设计规范是由蚂蚁金服体验技术部推出的一套针对企业级产品的UI设计系统,提供了一整套完整的组件库和实用的设计指南。 《Ant Design设计规范详解》 Ant Design是由蚂蚁金服体验技术部开发的一款高质量前端设计框架,适用于企业级产品。它不仅提供了丰富的UI组件库,还强调了一套完整的设计理念与规范,以提升产品的用户体验及开发效率。 一、设计理念 Ant Design的设计理念源自中国传统文化中的“有无相生,难易相成”的哲学思想,并倡导“清晰、自然、一致”的交互原则。其核心在于创建直观且具有企业级质感的用户界面。设计团队注重细节,在功能性和美观性之间寻找平衡点,确保产品既能满足业务需求又能提供愉悦的使用体验。 二、组件库 Ant Design包含了大量的UI组件,涵盖日常开发所需的各种元素如按钮、表单、布局等,并遵循统一的设计规范以保持一致性的视觉风格和交互行为。例如,它提供了多种样式的按钮供不同场景选择;表格支持数据加载等功能简化了开发工作量。 三、与Axure的结合 使用原型设计工具Axure可以加快基于Ant Design标准高保真原型制作流程。通过导入特定文件,用户可以在Axure中直接应用预定义的Ant Design组件,提高效率并保持精度。这使设计师能够更专注于交互逻辑和用户体验创新而非基础元素绘制。 四、响应式设计 考虑到多设备使用环境,Ant Design内置了针对不同屏幕尺寸调整布局的支持功能,确保产品在各种终端上均能提供良好体验。通过栅格系统可以轻松实现页面自适应布局。 五、国际化与主题定制 Ant Design支持多种语言环境,便于全球化产品的开发;同时提供了丰富的视觉样式自定义选项,使开发者能够根据品牌需求改变颜色、字体等元素以打造独特的用户界面。 总结而言, Ant Design设计规范以其全面的组件库、一致的设计原则和强大的工具支持为前端开发提供高效且易用的解决方案。结合Axure则加速了原型制作过程并提高了产品的设计质量和开发效率,对于设计师或开发者来说掌握Ant Design能显著提升专业技能,并为打造优秀的企业级产品奠定坚实基础。
  • 金服Web库.rplib
    优质
    蚂蚁金服Web组件库rplib是专为开发者打造的一站式Web开发解决方案,提供丰富的可复用UI组件与工具集,助力高效构建高质量企业级应用。 蚂蚁金服的Web组件库rplib提供了一系列可复用的前端UI组件,旨在帮助开发者快速构建高质量的企业级应用。该库包含了丰富的样式设计与交互功能,并且具有良好的兼容性和扩展性,适用于各种复杂的业务场景。通过使用这个组件库,开发人员可以提高工作效率并保证项目的一致性。
  • 金服Web UI Axure
    优质
    蚂蚁金服Web UI Axure组件库是由蚂蚁设计团队精心打造的一款Axure插件,包含了丰富的UI组件和页面模板,极大提高了产品原型设计的效率与美观度。 蚂蚁金服设计的WebUI元件库资源可以导入Axure使用。
  • virtualized-table-for-antd:适用于的虚拟表
    优质
    Virtualized-Table-for-ANTD是一款专为提高大型数据集处理性能而优化的虚拟滚动表格插件,完美兼容蚂蚁金服的UI设计库Ant Design。 用于AntD4的虚拟表格组件,提供gzip压缩功能,确保快速、可恢复且占用空间最小! 安装方法: ```shell npm i --save virtualizedtableforantd4 ``` 使用`useVT`时,请参考以下选项配置: ```typescript interface vt_opts { id?: number; /** * @default 5 */ overscanRowCount?: number; scroll?: { y: number }; onScroll?: ({ left, top, isEnd }) => void; } ``` 注意:`onScroll`选项仅在处理原生事件的滚动时生效。