如何制定規(guī)范,太強了!

2021-11-10    seo達人

#1.Airbnb Design Language

圖片

airbnb 設計團隊構建一套設計語言和執(zhí)行路徑的思考,非常值得大家學習。他們還談到通過原子思維構建基礎層規(guī)則時的一些利弊,以及如何打破這樣的規(guī)則,建立一個可發(fā)展性的基礎層組件,拓展應用到全局。

圖片

圖片

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

 

#2.Starbucks Brand Guide

圖片

星巴克品牌視覺指導手冊,里面涵蓋一些字體、排版、攝影、插畫、色彩等一系列標準。星巴克設計我一直很喜歡,包括他們家的周邊產品設計都是非常有設計感。

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

 

#3.HarmonyOS 

圖片

華為的鴻蒙OS系統(tǒng),最接近我們的產品的設計語言,強烈推薦,我想設計師也是最容易看得懂的設計系統(tǒng)。

圖片
算是媲美Materials Design的一套國內權威性設計語言系統(tǒng),設計體系單元拆分很詳細。

圖片

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

 

#4.Salesforce Lightning 

圖片
Salesforce Lightning 設計系統(tǒng)創(chuàng)建于 2015 年,為在 Salesforce 生態(tài)系統(tǒng)中設計企業(yè)應用程序建立了原則和最佳實踐。它不僅僅只專注在設計上,又讓設計師專注于用戶體驗、交互和設計流程。
圖片

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

 

#5.Spectrum Design system

圖片
Spectrum 自 2019 年開始向公眾開放,它定義了 Adobe 應用程序系列的通用體驗,非常值得大家去了解下,涵蓋了他們從頂層原則、到基礎層原子組件搭建以及設計模式應用。
圖片
地址:https://spectrum.adobe.com/

 

#6.Fluent Design System

圖片

Fluent 是一個開源的跨平臺設計系統(tǒng),可為設計上和開發(fā)提供創(chuàng)建引人入勝的產品體驗所需的框架——包括可訪問性、國際化和性能。

圖片

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

 

#7.Carbon Design System 

圖片

Carbon designsystem 碳原子設計系統(tǒng),是IBM旗下針對B端出的一套網(wǎng)頁端設計規(guī)范語言,里面詳細羅列出設計語言基礎層定義思路,設計組件化定義以及后面的設計模式及資源。

圖片

圖片

一些網(wǎng)格間距系統(tǒng)的規(guī)則定義
圖片

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

 

#8.Audi Design System 

圖片
Audi Design System 算是一套成熟設計系統(tǒng),里面該有的都有,品牌主張,價值觀,以及到基礎風格的定義,非常值得借鑒。

圖片

圖片

圖片

圖片

原文地址: 功夫UX(公眾號)
作者: 功夫UX
轉載請注明:學UI網(wǎng)》原來大廠都是這樣去做規(guī)范的,太強了!

藍藍設計建立了UI設計分享群,每天會分享國內外的一些優(yōu)秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼藍小助,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯(lián)系。

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

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯(lián)系,我們立即更正或刪除。

藍藍設計m.sillybuy.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網(wǎng)站建設 、平面設計服務


日歷

鏈接

個人資料

藍藍設計的小編 http://m.sillybuy.com

存檔