B端UX|分享20个B端设计系统网站
2024-06-05 次
B端UX|分享20个B端设计系统网站想紧跟B端设计潮流,提升用户体验吗?今天特地整理了20个功能强大且实用的国内外B端设计系统。无论是寻找灵感,还是想要了解最新的设计趋势,这些设计系统都能为你带来新的认知和设计思路。快来一起看看吧!
IBM 设计语言是 IBM 公司在设计领域的指导性框架,旨在统一和提升公司内外的产品和服务设计,涵盖了多个领域,包括用户界面、交互、图形设计等。我们的理念、原则和实践管理和指导IBM设计的每一次体验。
IBM用户相信进步——智能、理性和科学的应用可以改善商业、社会和人类状况。鉴于我们的规模和范围,“良好的设计”不仅是一项要求,也是对我们寻求服务的关系的更深层次的责任开云网址。就像我们的品牌价值观一样,我们的设计精神必须在我们生产的所有产品中都显而易见。
我们的理念和原则适用于设计师和非设计师,任何代表IBM撰写或授权任何形式设计的人。它们为我们的品牌需求和客户应得的概念、创造力和工艺提供了明确的标准。我们理念的表达可能会随着时间的推移而演变和扩展,但我们的原则旨在经久不衰,确保IBM的一切都是独特的IBM。
Carbon是IBM的产品和数字体验的开源设计系统。以IBM设计语言为基础,该系统由工作代码、设计工具和资源、人机界面指南和充满活力的贡献者社区组成。设计系统是预构建的、可重复使用的资产(组件、模式、指导和代码)的集合,允许用户更快地构建一致的数字体验。通过使用Carbon的预构建和通用资产,团队花在设计和构建上的时间被最小化。
他们可以花时间定制产品来解决特定的客户用例,而不是构建和重建基本元素。设计系统被命名为碳设计系统,因为在自然界中,碳元素由更简单的化合物构建复杂的结构。这个主题模仿了我们个人的风格和组件如何结合在一起,形成精美的复杂、自然和直观的设计。
Material是由谷歌创建的设计系统,旨在帮助团队为Android、iOS、Flutter和Web构建高质量的数字体验。Material是一个由指南、组件和工具组成的适应性系统,支持用户界面设计的最佳实践。在开源代码的支持下,Material简化了设计师和开发人员之间的协作,并帮助团队快速构建漂亮的产品。资源涵盖使用、行为和规格的组件指、适用于Android、iOS、Web和Flutter的开发人员文档和代码、资源页面上可下载的Figma设计文件。
Material组件是创建用户界面的交互式构建块,包括一个内置状态系统,用于通信焦点、选择、激活、错误、悬停、按、拖动和禁用状态。组件库可用于Android、iOS、Flutter和Web。
Material 3是谷歌开源设计系统的最新版本。使用材料3设计和制造美观、可用的产品。涵盖figma设计套件、开发人员稳定、组件指南、视频和工具。
TDesign是腾讯各业务团队在服务业务过程中沉淀的一套企业级设计体系。TDesign 具有统一的 价值观,一致的设计语言和视觉风格,帮助用户形成连续、统一的体验认知。
在此基础上,TDesign 提供了开箱即用的 UI 组件库、设计指南 和相关 设计资产,以优雅高效的方式将设计和研发从重复劳动中解放出来,同时方便大家在 TDesign 的基础上扩展,更好的的贴近业务需求。
Taro是由京东·凹凸实验室 倾力打造的多端开发解决方案。现如今市面上端的形态多种多样,Web、ReactNative、微信小程序等各种端大行其道,当业务要求同时在不同的端都要求有所表现的时候,针对不同的端去编写多套代码的成本显然非常高,这时候只编写一套代码就能够适配到多端的能力就显得极为需要。
使用 Taro,我们可以只书写一套代码,再通过 Taro 的编译工具,将源代码分别编译出可以在不同端(微信小程序、H5、RN等)运行的代码。
蚂蚁集团的企业级产品是一个庞大且复杂的系统,数量多且功能复杂开云网址,而且变动和并发频繁。提供完善的设计指引、最佳实践、设计资源和设计工具,来帮助设计者快速产出高质量产品原型。
Xconsole是一个来自阿里云的面向管控类产品的系统性解决方案,诞生之初旨在为阿里云庞大的IAAS和PAAS产品控制台提供一站式的设计及研发解决方案。随着Xconsole的持续成长,我们已经开始了Xconsole的开源化,希望把我们的经验和能力开放给更多的企业和用户。
提供了Apple一切产品的设计资源,使用Sketch、Photoshop、XD和Figma模板、指南和其他资源快速准确地设计应用程序。
Fluent 2探索微软设计系统的下一次演变,实现比以往任何时候都更无缝的协作和创造力。流畅地从设计到开发、应用程序之间和跨平台移动。使用Fluent 2 UI套件创建美丽、有凝聚力的微软体验。Fluent 2 UI套件内置在Figma中,包含映射到代码库的设计资产。
这意味着每次都从设计到开发的无缝交接。使用Figma来构建和托管我们的UI工具包。Figma使我们能够访问最新的设计功能和优化,并帮助确保您的设计始终与微软风格保持一致。
提供完整的前中台设计效率解决方案。在设计理念的主导下,提供交互组件、设计资源、前端资源,以便面对繁复的设计需求以及商业化趋势提供多元维度的设计框架。FinDesign 提供了设计资源的下载链接,包括Sketch、Axure等设计工具的组件库和模板,帮助设计师更方便地使用京东金融的设计系统进行项目设计。
链家设计中心是链家地产公司提供的设计系统平台,从自身产品出发,将产品背后的思考与沉淀标准化,力求将服务设计理念与标准化的作业能力传递下去,构建协作生态一体化,打磨更好的服务体验。网站包含了链家地产的界面组件库和样式指南,涵盖了房地产项目常见的UI组件和样式规范。
用户可以根据项目需求使用这些组件和样式,快速构建专业水平的房地产产品界面。链家设计中心提供了设计资源的下载链接,包括 Sketch、Axure 等设计工具的组件库和模板。这些资源帮助设计师更方便地使用链家设计中心进行项目设计和开发。
Zan Design System服务于 SaaS 产品的设计体系。多年来,我们给来自不同行业的几百万商家提供着服务。这样足够丰富的客户和足够丰富的需求环境,让有赞沉淀了不少关于产品设计的经验和方法,我们愿意将这些经验完整地共享出来,希望可以帮助更多同行提高产品设计和研发效率。
我们将这些思考和沉淀,抽象形成了一些稳定且高复用性的内容,逐渐打磨出一套服务于产品设计的设计模式和实践方法:Zan Design。
从设计-开发-交付全流程,使用Atlassian的端到端设计语言来创造简单、直观和美丽的体验。为我们的设计系统做出贡献——一个包含内容、设计、工具和产品代码的库。
AT-UI提供了一套丰富的界面组件库,包括按钮、表单、导航、布局等各种常用组件。这些组件都经过精心设计和开发,符合现代化的UI设计趋势和用户体验要求。
了解设计指南,利用统一的规范进行设计赋能,帮助产品设计师,前端工程师,后台工程师迅速搭建中后台产品。基于 Vue 的 UI 组件化,可以通过组件的 Demo 体验交互细节,开发中既可以根据需要单独引用,也可以使用全局方式引入所有组件。提供视觉稿原稿下载,产品可直接用 Sketch 工具快速搭建高保真的产品原型稿,减少沟通成本,提升工作效率。
DevUI Design可以让开发人员专门专注于应用逻辑的思考,而设计人员专注于用户体验,交互和流程。规范的组件化目的不是为了限制创造,而是为了创造者更确定、科学、高效。所有行为决策的价值归依为产品业务。产品业务永远比组件化本身更重要,业务第一。
规范不是绝对、教条、冷漠、强制的开云网址,实际工作中总会有新增需求、存量优化空间、情感化设计需求超出一般通用规范。保持克制的同时,允许基于强烈业务需求的规范突破;之后如果有足够的理由迭代出组件,那么就进行组件化。
核心理念创造世界上最好的企业应用程序体验,提供下载闪电设计系统的多个选项,以及图标、设计令牌和样本的具体下载。
Polaris Shopify 基于建造、贡献、进化的设计价值观,致力于塑造Shopify核心产品管理员的商家体验。该网站提供了丰富的界面组件和模块,包括设计指南、组件、Tokens、图标等。
基于 Vue.js 3 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。View UI 提供了丰富的组件库,包括按钮、表单、导航、布局、数据展示等等。
这些组件都经过精心设计和开发,具有灵活的配置选项和丰富的功能特性,适用于各种场景和需求。View UI 支持响应式设计,确保您的应用界面能够在不同设备和屏幕尺寸上自适应,提供一致的用户体验。
有凝聚力的设计语言、共享词汇和构建块组件,以加速Pluralsight产品的构建。使用Figma进行协作和公开的设计工作。我们Figma组织中的所有团队都应该向公司中的任何人开放和查看。