设计资产的秩序之美AntDesign关注

新知榜官方账号

2023-07-05 06:52:47

设计资产的秩序之美AntDesign关注

设计资产是产品设计师的智慧结晶，能够帮助新人设计师更快更系统地掌握产品的相关设计。本文作者希望通过这套方法和资产能够赋能给更多的用户，提高设计生产效率的同时更好的保障产品体验的内在一致性。

随着AntDesign用户群体的激增，业务场景的多样化和复杂化，我们会面临更大的挑战，欢迎大家发挥极客精神和我们一起探索讨论，共同创造出更好用的设计资产。

为什么要通过模式化构建设计资产

AntDesign问题分析：从15年AntDesign诞生之初到现在，在资产升级和优化的同时我们也在不断接收设计师的问题反馈，去年，我们针对40多个企业级产品，近1000多张产品页面进行分析梳理，发现在资产的使用上有很多的问题。举个例子，如下图所示，同样一个表单填写的需求，在相同的业务场景中，不同的产品使用了不同的布局和交互方式。诸如此类的问题还有很多，我们对这这些问题进行抽象总结，归类为三大问题：目前AntDesign缺乏标准的资产使用规则，页面模版的逻辑梳理和边界定义不够清晰，组件扩展性不够好。

复杂业务场景增量：随着时代和科技的发展，企业级产品中出现了更多复杂的业务场景，如区块链、人工智能等。我们的资产如何更好的覆盖这类的业务场景？我们如何构建更开放的生态来保证资产的扩展性和灵活性？如何提高设计到开发的生产提效？这些问题促使我们更进一步的开始探索资产设计的方法和对当前资产的升级。

如何通过模式化构建设计资产

理解概念及方法介绍

在了解完我们要对资产升级的原因之后，我们需要理解一个概念，什么是“模式化”。从传统意义上来说，模式化指事物的标准样式，一般具有封闭性、流程性和固化性的特征。在AntDesign中，我们也提供了一个标准的样式，这包括标准的设计组件和模版，供设计师快速搭建页面使用。但是，对于一个开源的资产来说，光有标准的组件和模版是远远不够的，我们无法全量的去预测组件被使用的业务场景，封闭的模式化开发会带来很大的限制。因此，我们希望AntDesign的“模式化”是开放的、透气的、有弹性空间的。除了提供标准的组件和模板资产之外，还提供一套设计资产的方法和设计指南，当你的业务场景中发现标准组件无法满足你的需求时，你可以通过这套设计方法，在一定的规则约束下对资产进行扩展，生长出满足自己需求的资产。如果你的业务领域很前瞻、很创新，我们也希望大家共同来创造全新的设计资产和方法。最终它会来带三个价值：提升产品体验的一致性，保证资产在一定的约束规则下更好的实现扩展性，资产交互规则的标准化可以助力设计到开发的精准同步，助力研发提效。

我们将“模式化”设计分为四个步骤，通过这四个步骤，就可以构建出通用性强且逻辑清晰的页面模版和业务组件。它们分别是：

定义边界
递进拆分
元素穷举
约束性规则

这四个步骤不是一个线性的顺序，你可以根据具体的资产对象去考虑使用某一种方法。接下来，我们会通过四个具体的设计案例来跟大家分享每个方法具体如何使用。

总结

整篇文章我们给大家分享了一个方法和四个步骤。我们希望通过“模式化”的设计方法，提升产品体验的一致性，保证资产的扩展性和自生长，助力研发提效。四个和步骤讲到的是“模式化”设计方法的具体内容，分别是：定义边界、递进拆分、元素穷举和约束性规则。你可以通过设计的四个步骤构建自己团队的设计资产。如果不知道如何时候，可以参考一下文章中的四个小案例，或许对你会有所启发。AntDesign期待有更多的设计师和我们一起来构建AntDesign设计资产，让其在更多的场景中落地生根，自然生长，更好的服务产品。

本页网址：https://www.xinzhibang.net/article_detail-5677.html

寻求报道，请

关键词

分享至微信：

相关工具

阿里云推出的智能Logo设计

Illustroke

AI SVG矢量插画生成工具

即时AI

即时设计推出的由文本描述生成可编辑的原型设计稿

Spline AI

Spline推出的AI生成3D物体、动画、材质

Uizard

AI网页、App和UI设计

Color Wheel

AI灰度logo或插画上色工具

生动形象的数字人生成带来的好处

生动形象的数字人生成带来的好处数字人生成技术的兴起引领了创作领域的革新，为我们带来了许多机会和乐趣。通过图片生成数字人，我们能够创造出栩栩如生的虚拟角色，为各行各业的广告、媒体和娱乐产业注入了新的活力和创意。这项技术的发展为我们提供了无限的可能性。数字人生成带来的好处首先，数字人能够帮助企业提高品牌

分类标签数字人生成品牌形象娱乐产业

12-09 00:07

ChatGPT大模型商用浪潮袭来，微美全息构建基于大数据的AIGC智能人机交互界面生成系统

不久前，在TwitterSpaces的节目中，特斯拉(TSLA.US)首席执行官埃隆·马斯克(ElonMusk)公布了自己的AI公司xAI，并表示该公司的目标是建设一个有着“最大限度好奇心”和“求真务实”的“良好AGI”。在业内人士看来，人工智能是数字技术创新最活跃的领域之一，以生成式AI、大规模预

分类标签 ChatGPTAIGC人机交互大模型微美全息

12-07 08:44

《花语绚烂》展现女性的娇媚和绰约风采

《花语绚烂》展现女性的娇媚和绰约风采《花语绚烂》是一本展现女性娇媚和花朵绚烂的艺术作品，通过绘画、摄影和文字的结合，营造出一种优雅、浪漫和神秘的氛围。艺术家运用细腻的画笔、精准的摄影技术和凝练的文字，将女性与花朵相互交融，创造出独特的视觉效果。作品中的色彩鲜艳、线条流畅，通过光影的巧妙运用，展现了女

分类标签花朵女性艺术作品

12-07 08:43

如何将人工智能融入到联合办公的设计过程中

人工智能与办公设计CAD的发明彻底改革了设计行业，使传统的纸笔方法过时，显著提高了建筑和产品设计等领域的效率和精度。随着人工智能（A.I.）的快速发展，人类创造的设计最终可能会变得多余吗？人工智能有潜力分析大量数据，并生成优化各种因素（如美学）的设计。随着这些智能系统的不断改进，它们可能会简化设计过

分类标签人工智能联合办公设计

12-02 02:26

18个国家发布人工智能模型网络安全指导方针，敦促企业设计安全

近日，美国、英国、澳大利亚和其他15个国家发布了一份长达20页的文件，敦促企业在开发或使用人工智能模型时应如何处理其网络安全问题。指导方针主要包括一般性建议，如严格控制人工智能模型的基础设施，在模型发布前后对其进行监控，以及对员工进行网络安全风险培训。然而，指导方针未涉及到人工智能领域的一些争议问题

分类标签人工智能网络安全指导方针

12-02 02:25

2023年家居行业数据报告

2023年家居行业数据报告在如此缺乏确定性的环境下，家居企业如何找到真正的增长点及新机会？11月22日，在2023酷+全空间数字生态峰会现场，群核科技（酷家乐）资深副总裁陈卓发布了《2023年家居行业数据报告》。报告旨在理清行业脉络，揭示中国家居消费者所需要的“刚需”产品，同时也投射出行业的“隐形”

分类标签家居行业增长点新机会

11-24 16:04

群核科技发布四大产品能力升级，推出2023年家居行业数据报告

在2023酷＋全空间数字峰会上，群核科技（酷家乐）联合创始人兼CEO陈航再次重申酷家乐的客户成功服务理念。而在2019年，陈航首次在酷＋大会上提到“客户成功”赋能计划。今年，“让客户成功”被摆在了更高的位置，托起“客户成功”服务体系的基座依然是群核科技七大技术引擎和硬核产品力。11月22日，2023

分类标签群核科技酷家乐产品能力升级家居行业数据报告设计渲染对接生产AIGCPaaS

11-22 22:27

利用midjourney快速制作品牌IP形象

甲方想法多、难以捉摸，花大量时间设计、建模、渲染后，甲方说方向不对全部重来，这个时刻应该会很崩溃吧。现在可以用极短的时间和精力通过AI实现不同方向、各种想法的形象设计快速实现甲方的各种稀奇古怪的想法，极大得提高了沟通和工作效率，让我们的工作更加便捷快速。如何使用midjourney制作品牌IP形象，

分类标签品牌IP形象midjourney创意独特设计AI

11-06 02:34

《床上之美：绮丽的风采》

《床上之美：绮丽的风采》是一本以床上美女为主题的真集，旨在探索床上美女的独特魅力。内容上，这本真集将呈现各种不同类型的床上美女形象，包括宁静的睡眠、优雅的休憩、自在的阅读等。每个形象都将以真实而艺术化的方式展现，通过摄影、绘画和文字等多种形式，展示她们在床上的独特韵味和艺术表达。艺术风格和技术方面，

分类标签床上美女私密空间艺术表达

11-06 02:33

ArchiGAN：一只AI设计师，可以帮你规划整个公寓

ArchiGAN：一只AI设计师，可以帮你规划整个公寓ArchiGAN是一只可以帮你规划整个公寓的AI设计师，它可以实现立体规划、户型DIY、家具自动码放等多种功能。这只设计GAN由法国建筑师Stanislas Chaillou开发，它可以根据用户的涂抹操作生成合理的布局，并考虑到承重墙的设计是否实

分类标签 ArchiGANAI设计师公寓规划

11-06 02:32

ChatGPT Midjourney 文心一言文心一格 bing新必应 Stable diffusion 稿定设计墨刀AI mastergo Adobe Firefly runway