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

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

#1.Airbnb Design Language

圖片

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

圖片

圖片

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

 

#2.Starbucks Brand Guide

圖片

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

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

 

#3.HarmonyOS 

圖片

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

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

圖片

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

 

#4.Salesforce Lightning 

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

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

 

#5.Spectrum Design system

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

 

#6.Fluent Design System

圖片

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

圖片

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

 

#7.Carbon Design System 

圖片

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

圖片

圖片

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

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

 

#8.Audi Design System 

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

圖片

圖片

圖片

圖片

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

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

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

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

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


分享本文至:

日歷

鏈接

個人資料

存檔