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

2021-11-10    seo達(dá)人

#1.Airbnb Design Language

圖片

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

圖片

圖片

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

 

#2.Starbucks Brand Guide

圖片

星巴克品牌視覺(jué)指導(dǎo)手冊(cè),里面涵蓋一些字體、排版、攝影、插畫(huà)、色彩等一系列標(biāo)準(zhǔn)。星巴克設(shè)計(jì)我一直很喜歡,包括他們家的周邊產(chǎn)品設(shè)計(jì)都是非常有設(shè)計(jì)感。

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

 

#3.HarmonyOS 

圖片

華為的鴻蒙OS系統(tǒng),最接近我們的產(chǎn)品的設(shè)計(jì)語(yǔ)言,強(qiáng)烈推薦,我想設(shè)計(jì)師也是最容易看得懂的設(shè)計(jì)系統(tǒng)。

圖片
算是媲美Materials Design的一套國(guó)內(nèi)權(quán)威性設(shè)計(jì)語(yǔ)言系統(tǒng),設(shè)計(jì)體系單元拆分很詳細(xì)。

圖片

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

 

#4.Salesforce Lightning 

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

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

 

#5.Spectrum Design system

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

 

#6.Fluent Design System

圖片

Fluent 是一個(gè)開(kāi)源的跨平臺(tái)設(shè)計(jì)系統(tǒng),可為設(shè)計(jì)上和開(kāi)發(fā)提供創(chuàng)建引人入勝的產(chǎn)品體驗(yàn)所需的框架——包括可訪問(wèn)性、國(guó)際化和性能。

圖片

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

 

#7.Carbon Design System 

圖片

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

圖片

圖片

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

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

 

#8.Audi Design System 

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

圖片

圖片

圖片

圖片

原文地址: 功夫UX(公眾號(hào))
作者: 功夫UX
轉(zhuǎn)載請(qǐng)注明:學(xué)UI網(wǎng)》原來(lái)大廠都是這樣去做規(guī)范的,太強(qiáng)了!

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話(huà),可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)掃碼藍(lán)小助,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢(xún)、商務(wù)合作,也請(qǐng)與我們聯(lián)系。

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

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)m.sillybuy.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)


分享本文至:

日歷

鏈接

個(gè)人資料

存檔