Ant Design正式推出企业级设计体系,抢先了解!

企业级产品设计体系AntDesign是蚂蚁集团体经过大量项目实践和总结,逐步打磨出的产品。随着这两年B端产品的逐渐白热化,越来越多的用户对更好的用户体验有了进一步的要求。

作为专门为国内生产研究团队量身定制的在线协作工具,设计师可以直接在即时设计资源广场预览Antdesign的使用情况。在设计操作中,也可以直接拖动使用Antdesign的任何组件,大大提高了设计创作和迭代的效率,所有资源都可以与团队共享,实现快速再利用。

Antdesign是什么?

Antdesign是蚂蚁集团推出的企业级设计系统。经过四个版本的升级,Antdesign提取了“自然”、"确定性"、通过模块化解决方案,“意义感”和“增长”四大设计价值观降低了冗余的生产成本,致力于让设计师专注于更好的用户体验,并根据安卓提供的设计指导创建一个美观易用的产品界面。

Ant Design设计价值观

为减少用户不必要的认知成本、提升设计者的设计效率,在设计价值观的坚持上,Ant Design有四点与众不同:

自然

Antdesign认为,应及时增加听觉、触觉等感知渠道,创造更丰富、更自然的产品体验。同时,辅以行为分析、人工智能、传感器、元数据等策略,帮助用户做出决策,减少操作,使人机交互行为更加自然。

确定性

Antdesign为设计师提供了足够简洁的设计规则、组件和模式,降低了设计师的合作门槛。以创建外观和互动产品为导向,提高产品的易学性,降低用户认知和操作成本。

意义感

考虑到用户的人性需求,在“自然”和“确定”的基础上,为工作过程创造有意义的人机交互。

生长性

从应用开发的角度进行设计,使产品功能与用户需求有更多的联系,使人机交互更加紧密,用户与系统共生。

以色彩系统为例,基于“自然”的价值观,一般设计师会根据自己的经验来定色板,但通过抽象捕捉自然场景,结合蚂蚁的技术基因,Antdesign形成了独特的12种颜色。通过大量的观察,我们可以捕捉到自然光下不同颜色的变化规律,并借助艺术中的素描思路进一步衍生出12种颜色。

基于以上四个设计价值观,Antdesign为具体设计问题提供了指导和专业的设计解决方案。早在2015年,Antdesign就在蚂蚁集团中后台产品线迅速推广。对接功能包括资金、运维、R&D、安全、风险控制、效率管理、渠道管理等。800+维护蚂蚁集团快速、高效、安全、稳定的前台业务模块。

为金融机构深度定制行业云计算服务的蚂蚁金融云,Antdesign实现了高效、高质量的产品建设过程。

Ant design的独特优势

基于人们对企业级产品的固有印象,安卓是一套企业级设计系统,综合考虑人们的本能情感,围绕四个设计价值观螺旋发展。与其他设计系统相比,安卓在企业级产品页面设计中具有以下优势:

1.在布局设计方面,Antdesign视觉空间布局是系统视觉设计的起点。基于动态、系统的视角和秩序之美的原则,为设计师构建具有理性之美的布局空间创造条件。

2.在组件设计方面,Antdesign为Web应用提供了65+的基本UI组件,设计师可以在统一的UI资产(组件库)中提高效率,从而直接支持重点项目。

3.在设计模式上,Antdesign针对企业级产品反复出现的设计问题,给出了一般的解决方案,实现了跨应用交互一致性的有效整合。通过模板文档,总结了表单、列表、数据可视化、详细页面、工作台、异常、结果、编辑等典型解决方案,帮助设计师快速开始构建界面。

可以看出,Antdesign不仅追求用户体验,还追求设计师和开发者的体验。如此感人的企业级产品设计系统现在可以直接在即时设计中使用,致力于让B端产品设计师打造温馨的企业级产品~

如何在即时设计使用Ant design

进入"即时设计资源广场"

即时设计 - 可实时协作的专业 UI 设计工具即时设计是一款支持在线协作的专业级 UI 设计工具,支持 Sketch、Figma、XD 格式导入,海量优质设计资源即拿即用。支持创建交互原型、获取设计标注,为产设研团队提供一站式协同办公体验。icon-default.png?t=N7T8https://js.design/community?category=design&source=csdn&plan=bttcsdn1262

在即时设计中,我们一键将Antdesign模板组件导入社区资源,设计师甚至产品学生都可以直接拖动使用。通过建立团队组件库来配置内容,从生产源保证设计内容的标准化和一致性。同时,生成这些配置后,可以直接导出代码配置,提供给前端使用,进一步保证从设计到前端的无缝连接。你还在等什么?打开即时设计,使用Antdesign设计系统!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/202027.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Kubernetes(K8s)DashBoard的使用-11

DashBoard 之前在kubernetes中完成的所有操作都是通过命令行工具kubectl完成的。其实,为了提供更丰富的用户体验,kubernetes还开发了一个基于web的用户界面(Dashboard)。用户可以使用Dashboard部署容器化的应用,还可以…

【EI会议征稿中】第三届光学与机器视觉国际学术会议(ICOMV 2024)

第三届光学与机器视觉国际学术会议(ICOMV 2024) 2024 3rd International Conference on Optics and Machine Vision 第三届光学与机器视觉国际学术会议(ICOMV 2024)将于2024年1月19-21日在中国南昌举行。本次会议将围绕“光学”与"机器视觉”等研究领域展开讨论&#xf…

群晖Docker搭建HomeAssistant,结合内网穿透实现远程访问智能家居控制中心

使用群晖Docker搭建HomeAssistant并实现异地公网访问 文章目录 使用群晖Docker搭建HomeAssistant并实现异地公网访问一、下载HomeAssistant镜像二、内网穿透HomeAssistant,实现异地控制智能家居三、使用固定域名访问HomeAssistant HomeAssistant是一个可以控制 苹果…

java8 升级 java11

1.安装java11 1.1 安装参考 ​​​​​​LINUX安装JDK_liunx上安装ocean-CSDN博客 1.2 检查 java -version 2.Maven 项目pom文件修改 <properties><project.build.sourceEncoding>UTF-8</project.build.sourceEncoding><project.reporting.outputEnc…

外包干了一个月,技术明显进步。。。。。

先说一下自己的情况&#xff0c;本科生生&#xff0c;19年通过校招进入南京某软件公司&#xff0c;干了接近3年的功能测试&#xff0c;今年年初&#xff0c;感觉自己不能够在这样下去了&#xff0c;长时间呆在一个舒适的环境会让一个人堕落!而我已经在一个企业干了3年的功能测试…

论文阅读 - VGAER: Graph Neural Network Reconstruction based Community Detection

https://arxiv.org/pdf/2201.04066.pdf 社群检测是网络科学中一个基础而重要的问题&#xff0c;但基于图神经网络的社群检测算法为数不多&#xff0c;其中无监督算法几乎是空白。 本文通过将高阶模块化信息与网络特征融合&#xff0c;首次提出了基于变异图自动编码器重构的社群…

手写深拷贝

手写深拷贝 前言: 需要先了解 JS 的数据类型 一、浅拷贝、深拷贝区别 浅拷贝会创建一个新的对象&#xff0c;新对象有着与原始对象相同的属性值&#xff0c;如果 属性是基本类型&#xff0c;拷贝的就是基本类型的值属性是引用类型&#xff0c;拷贝的就是内存地址&#xff0…

算法——二分查找

二分算法简介&#xff1a; 二分查找算法只适用于数组有序的情况&#xff1f;&#xff08;只要数组中存在某种规律就可以用&#xff09;模版&#xff1a; 朴素的二分模版查找左边界的二分模版查找右边界的二分模版 朴素二分模版 while(left < right){int mid left (right-l…

Qt之QGraphicsView —— 笔记1:绘制简单图元(附完整源码)

效果 相关类介绍 QGraphicsView类提供了一个小部件,用于显示QGraphicsScene的内容。QGraphicsView在可滚动视口中可视化。QGraphicsView将滚动其视口,以确保该点在视图中居中。 QGraphicsScene类 提供了一个用于管理大量二维图形项的场景。请注意,QGraphicsScene没有自己的视…

【Openstack Train】十六、swift安装

OpenStack Swift是一个分布式对象存储系统&#xff0c;它可以为大规模的数据存储提供高可用性、可扩展性和数据安全性。Swift是OpenStack的一个核心组件&#xff0c;它允许用户将大量的数据存储在云上&#xff0c;并且可以随时访问、检索和管理这些数据。 Swift的设计目标是为了…

Meta开源最大多模态视频数据集—Ego-Exo4D

社交、科技巨头Meta联合15所大学的研究机构&#xff0c;经过两年多的努力发布了首个多模态视频训练数据集和基础套件Ego-Exo4D&#xff0c;用于训练和研究AI大模型。 据悉&#xff0c;该数据集收集了来自13个城市839名参与者的视频,总时长超过1400小时,包含舞蹈、足球、篮球、…

网络通信的流程,浏览器地址?

1.没有交换机的通信 在一个机房内,有两台电脑相互需要通信 假设现在有三台电脑: 随着电脑的增加,线的数量也在增加,因此显得很臃肿&#xff0c;次数交换机诞生&#xff0c;很好的解决了这一方面&#xff0c; 交换机不需要进行多条线的连接: 通过给设备分配,ip地址来实现局域网…

掌握终端,尽在ZOC for Mac – 最强大的终端仿真器!

在数字时代&#xff0c;终端仿真器是专业人士和开发者必备的工具之一。而ZOC for Mac将为您提供无与伦比的终端体验&#xff0c;助力您更轻松地管理远程连接、维护服务器和进行编程任务。 ZOC for Mac的卓越功能&#xff1a; 多协议支持&#xff1a;ZOC支持Telnet、SSH、SSH2、…

个人测试面试问题总结

&#x1f4d1;打牌 &#xff1a; da pai ge的个人主页 &#x1f324;️个人专栏 &#xff1a; da pai ge的博客专栏 ☁️宝剑锋从磨砺出&#xff0c;梅花香自苦寒来 &#x1f4d1;设计软件测试用例的方…

如何选择一款安全可靠的跨网安全数据交换系统?

随着网络和数据安全的重视程度增加&#xff0c;为了有效地保护内部的核心数据资产&#xff0c;普遍会采用内外网隔离的策略。像国内的政府机构、金融、能源电力、航空航天、医院等关乎国计民生的行业和领域均已进行了网络的隔离&#xff0c;将内部划分成不同的网段&#xff0c;…

体育场找座位 - 华为OD统一考试(C卷)

OD统一考试&#xff08;C卷&#xff09; 分值&#xff1a; 100分 题目描述 在一个大型体育场内举办了一场大型活动&#xff0c;由于疫情防控的需要&#xff0c;要求每位观众的必须间隔至少一个空位才允许落座。现在给出一排观众座位分布图&#xff0c;座位中存在已落座的观众&…

速达软件全系产品任意文件上传漏洞

声明 本文仅用于技术交流&#xff0c;请勿用于非法用途 由于传播、利用此文所提供的信息而造成的任何直接或者间接的后果及损失&#xff0c;均由使用者本人负责&#xff0c;文章作者不为此承担任何责任。 1. 速达软件产品简介 速达软件专注中小企业管理软件,产品涵盖进销存软…

智能监控/安防监控视频平台EasyCVR下级更新目录表出现离线情况的两种解决方案

GB28181安防视频监控/视频集中存储/云存储/磁盘阵列EasyCVR平台可拓展性强、视频能力灵活、部署轻快&#xff0c;可支持的主流标准协议有国标GB28181、RTSP/Onvif、RTMP等&#xff0c;以及支持厂家私有协议与SDK接入&#xff0c;包括海康Ehome、海大宇等设备的SDK等。平台既具备…

DataGrip连接虚拟机上Docker部署的Mysql出错解决

1.1 首先判断CentOS的防火墙&#xff0c;如果开启就关闭 //查看防火墙状态 systemctl status firewalld //关闭防火墙systemctl stop firewalld.service//关闭防火墙开机自启systemctl disable firewalld.service而后可以打开DataGrip连接了&#xff0c;如果连接不上执行如下…

vue项目中添加刷新的按钮

刷新功能 点击导航的刷新按钮&#xff0c;刷新下方主体内容&#xff0c;我这边的项目分为左-上-下结构&#xff0c;上边为tabbar组件&#xff0c;下边为main组件&#xff0c;点击刷新整个流程是刷新按钮&#xff0c;去访问它父组件tabbar的兄弟组件main&#xff0c;使main组件…