企业级产品设计系统Antdesign是蚂蚁集团经过大量项目实践和总结,逐步打磨出来的产品。随着近两年b端产品的逐渐白热化,越来越多的用户对更好的用户体验有了进一步的要求。
作为国内研发团队量身定制的在线协作工具,设计师可以直接预览并在即时设计资源社区的使用Ant Design。设计操作时也可直接拖动使用Ant Design的任何组件,大大提高了设计创作和迭代的效率,并且所有的资源都可以与团队共享,实现快速复用。
即时设计 - 可实时协作的专业 UI 设计工具即时设计是一款支持在线协作的专业级 UI 设计工具,支持 Sketch、Figma、XD 格式导入,海量优质设计资源即拿即用。支持创建交互原型、获取设计标注,为产设研团队提供一站式协同办公体验。https://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 格式导入,海量优质设计资源即拿即用。支持创建交互原型、获取设计标注,为产设研团队提供一站式协同办公体验。https://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 格式导入,海量优质设计资源即拿即用。支持创建交互原型、获取设计标注,为产设研团队提供一站式协同办公体验。https://js.design/?source=csdn&plan=btt0416