如何制定规范,太强了!

2021-11-10    seo达人

#1.Airbnb Design Language

图片

airbnb 设计团队构建一套设计语言和执行路径的思考,非常值得大家学习。他们还谈到通过原子思维构建基础层规则时的一些利弊,以及如何打破这样的规则,建立一个可发展性的基础层组件,拓展应用到全局。

图片

图片

地址:https://airbnb.design/building-a-visual-language/

 

#2.Starbucks Brand Guide

图片

星巴克品牌视觉指导手册,里面涵盖一些字体、排版、摄影、插画、色彩等一系列标准。星巴克设计我一直很喜欢,包括他们家的周边产品设计都是非常有设计感。

图片
地址:https://creative.starbucks.com/color/

 

#3.HarmonyOS 

图片

华为的鸿蒙OS系统,最接近我们的产品的设计语言,强烈推荐,我想设计师也是最容易看得懂的设计系统。

图片
算是媲美Materials Design的一套国内权威性设计语言系统,设计体系单元拆分很详细。

图片

地址:https://developer.harmonyos.com/cn/design

 

#4.Salesforce Lightning 

图片
Salesforce Lightning 设计系统创建于 2015 年,为在 Salesforce 生态系统中设计企业应用程序建立了原则和最佳实践。它不仅仅只专注在设计上,又让设计师专注于用户体验、交互和设计流程。
图片

地址:https://www.lightningdesignsystem.com/

 

#5.Spectrum Design system

图片
Spectrum 自 2019 年开始向公众开放,它定义了 Adobe 应用程序系列的通用体验,非常值得大家去了解下,涵盖了他们从顶层原则、到基础层原子组件搭建以及设计模式应用。
图片
地址:https://spectrum.adobe.com/

 

#6.Fluent Design System

图片

Fluent 是一个开源的跨平台设计系统,可为设计上和开发提供创建引人入胜的产品体验所需的框架——包括可访问性、国际化和性能。

图片

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

 

#7.Carbon Design System 

图片

Carbon designsystem 碳原子设计系统,是IBM旗下针对B端出的一套网页端设计规范语言,里面详细罗列出设计语言基础层定义思路,设计组件化定义以及后面的设计模式及资源。

图片

图片

一些网格间距系统的规则定义
图片

地址:https://www.carbondesignsystem.com/

 

#8.Audi Design System 

图片
Audi Design System 算是一套成熟设计系统,里面该有的都有,品牌主张,价值观,以及到基础风格的定义,非常值得借鉴。

图片

图片

图片

图片

原文地址: 功夫UX(公众号)
作者: 功夫UX
转载请注明:学UI网》原来大厂都是这样去做规范的,太强了!

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码蓝小助,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务


分享本文至:

日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档