8设计系统的例子
许多公司,比如Airbnb Uber,已经转向使用一个独特的设计他们自己的系统。
不断创新内部设置一个品牌的行业是一个重要的方面除了竞争和改善用户体验,尤其是对品牌在全球范围内运作。
由于制造的可重复的和可重用的组件,品牌已经创建了一个设计系统在他们的工作流程可以提高速度,灵感和团队之间的功效。
如果你想确保你的设计系统使用的是在所有团队,尝试UXPin合并。它允许您将所有交互式组件设计系统设计工具,轻松管理元素,让你的设计一致。阅读更多关于UXPin合并。
我们准备你的列表8设计系统,你可以从很多。这些和其他设计系统可以发现在我们设计系统存储库阿黛尔——得到启发!
谷歌材料设计系统
四大科技公司之一,与微软、苹果和亚马逊,谷歌是一个著名的科技巨头,侧重于Web服务和产品,从网络广告和搜索引擎、云计算和软件。
谷歌创建并公开分享他们材料设计系统最微小的细节,关于一切知道的设计和设计原则。每个UXPin用户可以轻松地使用材料设计组件因为他们是UXPin库之一。
多亏了这个系统,用户可以获取有价值的信息,完全统一界面用户体验在不同的设备,平台和输入方法。
此外,材料设计允许其他品牌和个人有很强的基础建立在谈到自己的原子设计方法,行业创新和独特的品牌表达。
谷歌材料设计系统的主要功能包括:
- 起动器套件
- 设计源文件
- 材料主题
- 布局
- 排版
- 颜色
- 组件
- 移动的指导方针
苹果人机界面指南
苹果人机界面指南存在一个巨大而宝贵的web设计要点和设计系统资源模式库,但可下载模板。的iOS UI工具包图书馆也可以与一个UXPin帐户。
系统遵循Steve jobs的设计原则:
- 工艺的精度和对细节的关注
- 强调用户体验与用户和连接
- 专注于真正重要的是什么在更大的规模
- 生成想要的用户反应由于特定的设计语言和实践
- 利用高科技的友好方面对于新手和高级用户
- 简化一切
苹果人机界面指南包含实际资源,视觉指南和风格指南对于设计人员和开发人员对iOS, macOS vOS, watchOS。
其主要功能包括:
- 视觉设计
- 视觉指数
- 应用程序体系结构
- 系统功能
- 用户交互
- 主题
- 菜单
- 按钮
- 图标和图片
- 字段和标签
- 窗口和视图
- 联系酒吧
- 指标
- 选择器
- 扩展
Atlassian设计系统
Atlassian设计系统专注于提供有价值的帮助团队来自世界各地,使他们合作无缝和容易。Atlassian设计指南也是一个UXPin图书馆收藏的一部分。
Atlassian设计理念是利用数字体验改善生产力和整体团队和个体的团队成员的潜力,完全反映在他们的全球协作工具Trello和Jira使用。
也就是说,Atlassian设计系统功能敏捷实践和有效的跟踪每一个步骤在一个项目中,最终会产生有价值的结果在产品交付和发展:
- 设计原则
- 品牌指导方针
- 产品
- 插图
- 原型设计
- 市场营销
- 个性
超级设计系统
根据超级运动点燃的机会。
毕竟,超级服务基地和ride-hailing运动,点对点随意,食物交付和micro-mobility涉及摩托车和电动自行车。
这种类型的服务无可挑剔,从其内部的项目和产品,超级需要一个有效的设计系统,与世界其他国家的公司股票。
的主要特性超级设计系统:
- 品牌架构
- 作文
- 的语气
- 运动
- 插图
- 摄影
- 图解
- 颜色
- 标志
- 排版
Shopify设计系统北极星
Shopify是一个全球性的电子商务平台,提供每一个品牌可能需要运行和增长其业务在一个地方。
难怪他们的设计原则专注于创造一个更好的和更容易商务体验。
Shopify公共设计系统北极星包含了公司的核心价值观:
- 是用户的关心和体贴
- 为人们提供正确的工具来完成他们着手做的事
- 享受顶级的工艺相匹配的品牌形象
- 最小化喧嚣通过提供准确和快速的解决方案
- 总是建立在用户的信任
- 使用产品让用户感到舒服
北极星设计系统提供了一个浅显易懂的和实用的风格指南Shopify平台的设计。它提供了一个巨大的知识库利用UI组件,视觉元素,内容,设计语言来创建一个更好的用户体验和产品。
Shopify设计系统北极星包括主要特点,遵循上面提到的做法恰好地:
- 数据可视化
- 可访问性
- 互动状态
- 颜色
- 排版
- 图标
- 插图
- 间距
- 听起来
- 资源
IBM碳设计系统
IBM在全球范围内经营大型企业需要通过会议。
他们的服务范围从商业咨询和融资、软件开发和托管/管理software-to-hardware产品。
IBM的核心信念围绕不断进步,是人类社会或一个品牌,利用科学、理性和智慧。
根据IBM,一个好的设计不仅是一种单纯但实际责任的用户需求。
这就是他们的碳设计系统闪烁着它的主要特性,提供足够的Adobe工具和视觉资源,Axure和草图设计人员以及开发人员:
- 数据可视化
- 模式
- 组件
- 的指导方针
- 教程
UXPin用户可以方便地找到他们所需要的一切碳在他们的帐户。
Mailchimp的设计系统
Mailchimp的已经走了很长的路从一个著名的电子邮件营销领导人提供一个一体化的营销平台,超越了电子邮件。
Mailchimp的有一个明确的目标:帮助中小企业成长,同时保持真实的自己的品牌身份和形象。
这也是创建背后的原因Mailchimp的设计系统及其主要功能,注重创造性表达,更好的用户体验和质量:
- 数据可视化
- 网格系统
- 颜色
- 排版
- 组件
Salesforce闪电设计系统
Salesforce超越到交付个性化的体验通过集成的基于云的CRM软件用户。
Salesforce CRM的目的是改善市场营销、商业、服务和销售工作,并允许用户与用户做同样的事情。
他们的设计理念体现在夏威夷的“故意家庭,Ohana,有四个核心价值观驱动他们的公司行为和整体文化:
- 创新
- 平等
- 信任
- 客户成功
自己说,Salesforce已经熄灭闪电设计系统让每个人都使用内容管理系统学习和受益于它的主要特点:
- 设计指导方针
- 平台
- 可访问性
- 组件(和他们)
闪电组件是UXPin账户库的一部分。
一个设计Dystem究竟是什么?
一个设计系统提出了一种产品的所有设计资源集合团队可能用于构建用户界面的应用程序,网站,电子商务商店或任何其他用户界面设计他们需要时间来培养。
设计系统不只是设计师。他们还为开发人员,因为他们包含所有代码片段,一起开发资源提供必要的前端代码与文档以及设计准则,相关插件,设计模式,风格指南,可重用组件,规则+指南,和所有其他构件用于网页设计和开发的工作流程。
这些设计系统托管网站在线,可以公开的(他们都是开源设计系统)或内部,无论品牌决定。
我们可以认为设计系统是一个庞大的数据图书馆,作为有价值的文档可适用指示和例子,产品设计和编码规则,的一部分UI工具包所有在同一时间。
正如你所看到的,有许多产品设计相关概念设计系统。如果你想学设计系统与模式库、组件库,和UI工具包,阅读我们的前一篇文章的主题:设计系统的区别、模式库、风格指南,和组件库。
为什么公司创建设计系统?
人是公司产品团队的一部分,如开发商、设计师、产品经理,等等,凑到一起讨论并制定的一切目前现有的数码产品的一部分资产,从字体和颜色调色板用户体验的写作规则和CSS代码。然后他们协作创建这个终极大师计划事情应该如何呈现(设计和编码)。
这样,所有团队有一个说源(是有原因称为设计系统单一来源的真理行业)的视觉参考,工具,文章、模式和数据库。它允许他们保持一致和统一的工作,并且和每一个成员在同一页面,设计系统的最终目标。
采用设计系统
当涉及到实现和开发设计系统,开发人员不必把时间浪费在重复代码片段当一切他们需要在这里复制的可重用组件和/或库。
同样,设计师不需要从头开始创建一个新的登录页面时图书馆的标准设计和UI元素,如颜色、标志、页眉、页脚和其他基本符号加快设计过程。
同时,网络营销人员不必工作的语气和模板反复通讯系统中,当他们拥有他们所需要的一切。
有什么可借鉴的设计系统?
大多数的设计系统遵循,而一般设置模式。
系统经常特性其顶部导航的主要类别:设计、代码、语言、组件等。
每一个主要类别有其子类更详细地讨论事情,做的原子设计结构。例如,这些子类可以类似的字体,颜色,形式,横幅等。
这一直观的导航可以让你有价值的信息关于最佳实践的设计。
为了他人和品牌是什么?
设计系统的一个伟大之处,许多公司主机在线公开,其他人也可以向他们学习,甚至为自己的原子为例设计中使用它们。
让我们参考Shopify一会儿;他们的购物设计系统是在网络上公开展示。这意味着任何试图设计一个电子商务网站可以使用他们的标准,设计组件和设计语言模式库,每一个设计元素和100%确信他们做得很好。
也就是说,让我们看看一些最好的设计系统的例子,你可以从中学到很多(和偷,如果你想)。
创建一个设计系统的好处
体格健美的设计系统,企业可以大大提高他们的团队合作和简化决策过程,但这还不是全部,你可以创建一个设计系统。
这样的指导方针、元素和数据最小化设计人员和开发人员之间的沟通问题,最大限度地减少潜在的用户体验设计错误或获取的空间用户体验的债务。
更重要的是,拥有这样一个引用了太多其他图书馆显著减少必要的时间去从一个原型一个实际的产品。
例如,贝宝使用流畅的用户界面一起合并技术。这使他们将交互式组件UXPin库。这样,设计师和产品团队成员都可以很容易地访问这些组件和设计与他们一遍又一遍。
设计系统是一个伟大的方式来减少设计人员和开发人员之间的脱节,但自己仍不理想的解决方案。多亏了合并技术革命,产品团队成员可以很容易地利用开发工具和提高DesignOps工作流流程,设计规范平价。这意味着开发人员和设计师都可以访问和使用相同的UI元素从一个单一的来源。
充分利用设计系统:UXPin合并方式
的UXPin的合并是一种技术,可以和设计师容易设计和全功能元素从一个组件库。
合并技术创建一个适当的解决方案,共同挑战,通常发生在有一个通信设计和开发团队之间的差距。所以,各种UI组件、编码和文档不一致可能出现,影响产品的效率和维护。
设计系统,组织所有必要的组件作为第一步在正确的方向上,合并将会采取所有这些UI元素设计编辑器。
你可以节省时间和金钱,避免矛盾,更不用说的喜悦看到一个一模一样的成品你最初设想!
设计系统的挑战和解决方案
即使企业尝试创建自己的设计系统,具体问题和一致性断开仍然可以发生,特别是当维护的所有元素,文档和代码。
了解更多关于设计系统的挑战和解决方案设计高层领导人——强生公司。在我们的网络研讨会,强生团队分享他们所有的最佳实践。
合并科技专注于设计与代码组件,即。开云体育官方下载安装包手机版转换代码组件的设计。在这方面,设计师不简单地创建原型完全基于视觉方面的最终产品(只有装必要的交互);相反,设计师使用已编码组件设计的原型形象。
没有必要去设计和开发团队之间来回自设计团队可以把现有编码组件,用UXPin同步它们的编辑器和拖拽的组件需要创建新设计。
本质上,设计者不需要创建假的交互,将它们添加或寻找正确的颜色。
另一方面,开发人员得到原型预览和继续与可用的生产就绪的元素。
设计系统的例子是你最喜欢的?
设计系统由吨的UI组件和指导方针,旨在优化和完善设计工作,促进团队之间的一致性。
然而,如果设计系统维护和执行不好,只不过说系统可以变成许多笨重的和混乱的代码片段,库和组件。
设计系统可以快速帮助团队成员促进一致性,同时允许设计师处理更复杂的用户体验问题。当你添加革命合并技术,你可以真正把设计系统组织到一个新的层次。了解更多关于UXPin合并。
使用单一的事实来源设计和开发。发现合并