查看原文
其他

漫游日报 1201 | 用玩乐高的方式做设计,大厂设计系统盘点

漫游指南 全网漫游指南 2023-05-20

这一期可能会涉及到一个新概念,即什么是设计系统?

简而言之,设计系统是原则、示例、图形、设计指南、组件和其他数字资产的集合,旨在大规模简化设计过程。通常作为网站(开源或内部)在线托管,设计系统是一个庞大的知识库,可能在开发过程的许多不同阶段派上用场。

内容选题:Augustus&Hao

内容策展:Jan

内容设计:Bruce.W

内容编辑:Jan




你好,探索者 👏👏👏

我们特地为你准备了这本漫游指南:收录各种工具、信息和资源,携你共同探索浩瀚美丽的互联网海洋。       

现在,我们来详细盘点下今天的几个网站吧:

今日收录网站


Carbon Design System

Carbon 是 IBM 用于产品和数字体验的开源设计系统,其主要服务于设计人员和开发人员以构建数字产品和体验。该系统以 IBM 设计语言为基础,由工作代码、设计工具和资源、人机界面指南以及充满活力的贡献者社区组成。

使用建议:💼 专业背景 || 值得尝试 😀

访问地址:https://carbondesignsystem.com/


Design - Apple Developer

Apple 的官方用户界面设计指南。您可以在此处下载 iOS、macOS、macOS、tvOS 等 UI 模板,甚至还可以下载 Sketch、Photoshop、Adobe XD 和 Keynote 的源文件。

使用建议:⚙️ 行业专家 || 行业标杆 🤩

访问地址:https://developer.apple.com/design/


Microsoft Design

Fluent 是一个开源的微软跨平台设计系统,它为设计人员和开发人员提供了创建引人入胜的产品体验所需的框架以及全平台的设计系统参考方案。其主要的五个设计概念为Light、Depth、Motion、Material 和 Scale。

使用建议:💼 专业背景 || 行业标杆 🤩

访问地址https://www.microsoft.com/design/fluent/#/


Supernova

Supernova 是一个从设计到编码的平台,其目的是为了加快移动设计人员和开发人员的应用程序开发工作流程。Supernova Studio 允许将应用程序设计转换为原生 iOS、Android 和 React Native 代码。可在几分钟内将 Sketch 设计转换为原生组件和生产组件,例如按钮、标签、图像等。Studio 也支持无需开发人员即可自动导出资产、本地化、动画、代码等内容。

使用建议:💼 专业背景 || 耳目一新 🙂

访问地址:www.supernova.io


Semi Design

Semi Design 是一个现代的、全面的、灵活的设计系统,由抖音前端与 UED 团队维护,它具有易于定制的现代化设计系统,可以为你提供构建合理桌面应用程序所需的所有模块,帮助设计师与开发者打造高质量产品。当然,经过多年的迭代,Semi Design现已开源。

使用建议:💼 专业背景 || 耳目一新 🙂

访问地址https://semi.design/zh-CN/


Atlassian Design System

Atlassian 设计系统是一个用于创建简单、直观、美观的用户体验工具的平台,该平台具有独特的颜色、图标和排版。简单来说,该设计系统被用于创建软件开发和协作工具,旨在让团队以更好、可扩展、敏捷和开放的方式协同工作。其拥有丰富的资源,包括工具、插件和指南,可帮助用户轻松创建并设计产品。你也可以使用如海报和信笺、适用于所有程序的徽标、演示套件和图形、Figma 组件和模块以及一个字体库等模板。

使用建议:💼 专业背景 || 耳目一新 🙂

访问地址https://atlassian.design/


Material Design

Material Design指南于 2014 年推出,已成为其网站和应用程序的标志性工具。它是对用户不友好的和过去的混乱设计风格的回应,旨在引领各种数字平台走向秩序和统一。Material Design 以印刷设计和层次结构的方式,以印刷设计方法、排版、网格、空间、比例、颜色和图像为指导,以此来创建平台的层次结构、意义和焦点,为用户提供引人入胜的体验。

使用建议:⚙️ 行业专家 || 行业标杆 🤩

访问地址https://m3.material.io/


Shopify Polaris

Polaris 设计系统包括全面的指南和原则,设计师可以使用这些指南和原则为电子商务项目构建一致的产品体验。该设计系统有一组丰富的组件来实现列表、表格、卡片、头像等功能,以在 Shopify 生态系统中创建Shopify 后台和外部应用程序。其主要包含了六个基本价值以及如何使用 Polaris 在构建的应用程序中传递相关价值,你可以就此了解 Polaris 是如何打造统一的购物体验。

使用建议:💼 专业背景 || 值得尝试 😀

访问地址:https://polaris.shopify.com/


Goldman Sachs Design

Goldman Sachs 设计系统是高盛推出的专门为金融机构定制视觉风格、交互模式和用户体验的指南。该系统使团队能够找到创建创新数字产品的最佳方法,将企业客户放在首位。它提供了各种资源和构建元素,例如模式、高度,甚至 UX 编写指南。它们的组件完全以业务为导向,具有多种图表类型、时间和日期范围选择器以及大量表单组件。而不是专注于构建预先存在的模板和复制设计模式,让设计人员可以专注于重要的事情。

使用建议:💼 专业背景 || 值得尝试 😀

访问地址https://design.gs.com/



🪐关于我们🪐

利用 Web3 精神和 DAO 组织形式

推荐互联网专业工具,改造现有任务协作体系

最终以探索的力量,引领新青年进入未来


点击跳转原文 🔽🔽🔽

点击跳转原文,可以在漫游指南中直接访问今天收录的网站信息



您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存