AntDesign震撼发布!阿里企业级设计体系引领行业风向!

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

作为国内研发团队量身定制的在线协作工具,设计师可以直接预览并在即时设计资源社区的使用Ant Design。设计操作时也可直接拖动使用Ant Design的任何组件,大大提高了设计创作和迭代的效率,并且所有的资源都可以与团队共享,实现快速复用。

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

什么是 Ant Design

Ant Design是蚂蚁集团推出的企业级设计系统。经过四个版本的升级,Ant Design "自然"、"确定性"、"意义感" 和 "生长性" 四种设计价值,通过模块化解决方案,降低冗余生产成本,致力于让设计师关注更好的用户体验,基于Ant Design提供的设计指南创造了一个美观易用的产品界面。

Ant Design设计价值观

为了降低用户不必要的认知成本,提高设计师的设计效率,坚持设计价值观,Ant Design有四个不同:

自然

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

确定性

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

意义感

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

生长性

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

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

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

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

Ant Design的独特优势

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

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

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

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

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

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

如何在即时设计中使用Ant Design

进入编辑界面

点击 "资源" ,选择深色/浅色版 "Ant Design“,直接点击右上角的“使用”即可。

在即时设计中,我们将Ant Design模板组件一键导入社区资源,设计师甚至产品学生可以直接拖动使用。通过建立团队组件库来配置内容,从生产源保证设计内容的标准化和一致性。同时,生成这些配置后,可以直接导出代码配置,提供给前端使用,进一步保证从设计到前端的无缝连接。你还在等什么?快速打开即时设计使用Ant Design设计系统!即时设计 - 可实时协作的专业 UI 设计工具即时设计是一款支持在线协作的专业级 UI 设计工具,支持 Sketch、Figma、XD 格式导入,海量优质设计资源即拿即用。支持创建交互原型、获取设计标注,为产设研团队提供一站式协同办公体验。icon-default.png?t=N7T8https://js.design/?source=csdn&plan=btt0416

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

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

C语言 | Leetcode C语言题解之第25题K个一组翻转链表

题目: 题解: /* 定义保存两个地址的结构体* 用来保存反转后结果的头节点和尾节点*/ typedef struct {struct ListNode* head; struct ListNode* tail; } TwoAddress; // 反转中间链表 TwoAddress* reverse(struct ListNode* head){struct ListNode* pr…

Java IO流-字节流

简介 IO流的输入与输出,都在站在内存的角度来看的,因为毕竟是和内促你打交道的嘛! 分类 IO流是可以根据方向,或者最小单位进行划分的 上述两两结合一下,就得到四种大的分类 IO流的继承体系 字节输入流InputStream 创建…

邮件群发系统如何确保效率?怎么评估性能?

邮件群发系统构建方法?邮件群发系统有哪些关键功能? 如何确保邮件群发系统的效率,以及如何评估其性能,却成为摆在众多使用者面前的一大问题。AokSend将围绕这两个方面展开讨论,帮助读者更好地理解和应用邮件群发系统。…

链表OJ1——删除链表中等于给定值 val 的所有节点

题目 力扣OJ链接:. - 力扣(LeetCode) 解法 我们来看看这个题目啊,怎么做呢? 有两种解法 三指针法 我们完全可以定义三个指针来进行这个删除操作 假设我们要移除的是2 这样子就完成了 特殊情况 开头——假设我们…

【学习】黑盒测试用例设计方法都有哪些

在软件测试中,黑盒测试是一种重要的测试方法,它专注于软件的外部行为,而不关心其内部结构和实现。黑盒测试的目标是确保软件的功能符合需求规格说明书中的要求。为了有效地进行黑盒测试,需要设计合理的测试用例。本文将详细介绍黑…

java:多线程中的死锁

多线程:死锁 当多个线程互相争抢资源导致都在互相等待资源的僵局时,如果没有外力,将会一直僵持下去,这就是死锁. 就像两个人分一双筷子,如果一人拿到一根筷子,都在等待对方手里的那根,将没有人能完成吃饭的任务. 死锁的必要条件 1,互斥 即资源只能被一个线程调用 2,不可剥…

idea 卡怎么办

设置内存大小 清缓存重启 idea显示内存全用情况 右下角

【图解】卖USDT的风险

张三涉足一项神秘行业,有时也会参与加密货币的交易。有一天,他添加了邵律师的微信,向他咨询:如何更安全地出售U币?因此,便有了这张图片。 他看了我的回复后叹了口气,说:“是的&#…

Docker容器tomcat中文名文件404错误不一定是URIEncoding,有可能是LANG=zh_CN.UTF-8引起

使用Docker部署tomcat,出现中文名文件无法读取,访问就是404错误。在网上搜索一通,都说是在tomcat的配置文件server.xml中修改一下URIEncoding为utf-8就行,但是我怎么测试都不行。最终发现,是Docker启动时,传…

攻防世界---Reversing-x64Elf-100

1.下载附件,先查壳,无壳 2.用IDA分析,找到main函数,使用fnf5,反编译 3.分析代码 4.双击进入条件函数中查看代码 5.编写代码,来源:https://blog.csdn.net/2303_80796023/article/details/1370866…

Kingbase(人大金仓数据库)(总结全网精华,虚拟机:从安装到操作数据库一条龙)

前言: 前一阵子一直在捣鼓人大金仓数据库,虽然国产化的数据库很值得夸赞,但是网上的资料确实少的可怜。特此记录一下我在学习这个数据库的心酸历程。 安装就看这个大哥的,我之前安装就是看的他的,非常靠谱。 linux安装…

Python人工智能教学之掌握机器学习深度学习并提升实战能力(共72个视频教学+课程资料)云盘下载

人工智能是未来的发展方向,掌握了人工智能,就掌握了钱图。。。 Python人工智能教学之掌握机器学习深度学习并提升实战能力(共72个视频教学课程资料) 下载地址: 链接:https://pan.baidu.com/s/1ryJd5PNx1tLD…

C# 字面量null对于引用类型变量和值类型变量

编译器让相同的字符串字面量共享堆中的同一内存位置以节约内存。 在C#中,字面量(literal)是指直接表示固定值的符号,比如数字、字符串或者布尔值。而关键字(keyword)则是由编程语言定义的具有特殊含义的标…

设计模式之状态模式(上)

状态模式 1)概述 1.定义 允许一个对象在其内部状态改变时改变它的行为,对象看起来似乎修改了它的类。 2.作用 状态模式用于解决系统中复杂对象的状态转换以及不同状态下行为的封装问题。 3.方案 状态模式将一个对象的状态从该对象中分离出来&…

VulNyx - Ready

目录 信息收集 arp nmap nikto Redis未授权访问漏洞 漏洞扫描 redis-cli 写入公钥 ssh连接 get root.txt 信息收集 arp ┌─[rootparrot]─[~/vulnyx] └──╼ #arp-scan -l Interface: enp0s3, type: EN10MB, MAC: 08:00:27:16:3d:f8, IPv4: 192.168.9.102 Starti…

网络协议安全:SSL/TLS协议详解,SSL协议执行原理、报文格式解析,Wireshark抓包分析SSL协议

「作者简介」:2022年北京冬奥会中国代表队,CSDN Top100,学习更多干货,请关注专栏《网络安全自学教程》 SSL协议 1、SSL协议发展史2、SSL协议执行过程3、SSL报文格式字段解析3.1、TLS报文头3.2、Handshake报文 4、Wireshark抓包分析…

基于STC12C5A60S2系列1T 8051单片机的带字库液晶显示器LCD12864数据传输并行模式显示16行点x16列点字模的功能

基于STC12C5A60S2系列1T 8051单片机的带字库液晶显示器LCD12864数据传输并行模式显示16行点x16列点字模的应用 STC12C5A60S2系列1T 8051单片机管脚图STC12C5A60S2系列1T 8051单片机I/O口各种不同工作模式及配置STC12C5A60S2系列1T 8051单片机I/O口各种不同工作模式介绍液晶显示…

javaweb在线拍卖系统

项目采用技术栈 htmlcssjs Vue2.js axios.js tomcat Servlet Mybatis Mysql 1.竞拍商品列表 实现多条件分页查询,头部根据是否登录作出不同的判断信息(登录或注销) 2.登录功能 3.竞拍页面 只有登录用户才能竞拍,出价记录需要实现关联用户查询 4.管理员登录增…

STM32芯片软复位导致SRAM2的值被擦除话题

1. 问题描述 客户在使用 STM32L433CCY6 开发过程中,出现软件复位后 SRAM2 里的值被擦除问题。 2. 问题确认 客户用同一版软件在两块板子上的表现还不一样,一块软件复位后 SRAM2 的值不会被擦除,另一块则会被擦除,并且确认被擦除…

光场相机建模与畸变校正改进方法

摘要:光场相机作为一种新型的成像系统,可以直接从一次曝光的图像中得到三维信息。为了能够更充分有效地利用光场数据包含的角度和位置信息,完成更加精准的场景深度计算,从而提升光场相机的三维重建的精度,需要实现精确…