設(shè)計(jì)規(guī)范官網(wǎng)匯總:iOS、Material Design、IBM、Fluent……(持續(xù)更新)

作為UX設(shè)計(jì)師,我們有必要了解現(xiàn)在一些知名且流行的設(shè)計(jì)語言or設(shè)計(jì)規(guī)范,學(xué)習(xí)它們的設(shè)計(jì)思想和方法,有助于設(shè)計(jì)師拓寬眼界、與時(shí)俱進(jìn)。

本篇文章分享我搜集的設(shè)計(jì)規(guī)范,持續(xù)更新,歡迎補(bǔ)充!

想看作者更多好文歡迎搜索知乎專欄「沁園的設(shè)計(jì)小跑」。

1. iOS Human Interface Guideline —— Apple(蘋果)

官網(wǎng):Design - Apple Developer

設(shè)計(jì)規(guī)范官網(wǎng)匯總:iOS、Material Design、IBM、Fluent……(持續(xù)更新)

2. Material Design —— Google(谷歌)

官網(wǎng):Introduction - Material Design

設(shè)計(jì)規(guī)范官網(wǎng)匯總:iOS、Material Design、IBM、Fluent……(持續(xù)更新)

中文翻譯:Material Design - Material Design 中文版

設(shè)計(jì)規(guī)范官網(wǎng)匯總:iOS、Material Design、IBM、Fluent……(持續(xù)更新)

Material Components

官網(wǎng):https://material.io/components/

設(shè)計(jì)規(guī)范官網(wǎng)匯總:iOS、Material Design、IBM、Fluent……(持續(xù)更新)

3. Fluent Design System —— Microsoft(微軟)

官網(wǎng):Fluent Design System

設(shè)計(jì)規(guī)范官網(wǎng)匯總:iOS、Material Design、IBM、Fluent……(持續(xù)更新)

Microsoft Design (包括Fluent Design 和 Inclusive Design等)

官網(wǎng):Microsoft Design

設(shè)計(jì)規(guī)范官網(wǎng)匯總:iOS、Material Design、IBM、Fluent……(持續(xù)更新)

4. IBM設(shè)計(jì)語言 —— IBM

官網(wǎng):IBM Design Language

設(shè)計(jì)規(guī)范官網(wǎng)匯總:iOS、Material Design、IBM、Fluent……(持續(xù)更新)

5. Photon Design System —— Firefox(火狐)

官網(wǎng):Photon Design System

設(shè)計(jì)規(guī)范官網(wǎng)匯總:iOS、Material Design、IBM、Fluent……(持續(xù)更新)

6. Yelp Styleguide —— Yelp(美國最大的點(diǎn)評(píng)網(wǎng)站)

官網(wǎng):Styleguide

設(shè)計(jì)規(guī)范官網(wǎng)匯總:iOS、Material Design、IBM、Fluent……(持續(xù)更新)

7. Facebook Design —— Facebook(臉書)

官網(wǎng):Facebook Design — What's on our mind?

設(shè)計(jì)規(guī)范官網(wǎng)匯總:iOS、Material Design、IBM、Fluent……(持續(xù)更新)

8. Ant Design —— 螞蟻金服

官網(wǎng):A UI Design Language

設(shè)計(jì)規(guī)范官網(wǎng)匯總:iOS、Material Design、IBM、Fluent……(持續(xù)更新)

Ant Motion —— 螞蟻金服

官網(wǎng):Ant Motion - 一個(gè) React 的動(dòng)效設(shè)計(jì)解決方案

設(shè)計(jì)規(guī)范官網(wǎng)匯總:iOS、Material Design、IBM、Fluent……(持續(xù)更新)

9. Ant Design Mobile —— 支付寶移動(dòng)端組件庫

官網(wǎng):A Mobile Design Specification

設(shè)計(jì)規(guī)范官網(wǎng)匯總:iOS、Material Design、IBM、Fluent……(持續(xù)更新)

優(yōu)設(shè)人氣專題

專業(yè)設(shè)計(jì)規(guī)范?|?iPhone X 學(xué)習(xí)指南優(yōu)設(shè)獨(dú)家專訪在線摳圖神器靈感大全

Sketch神器?|?免費(fèi)圖庫配色神器讀書計(jì)劃PPT 神器魯班設(shè)計(jì)

iOS 11 學(xué)習(xí)指南人工智能PS 教程AI 教程C4D 教程

想看作者更多好文歡迎搜索知乎專欄「沁園的設(shè)計(jì)小跑」。

設(shè)計(jì)規(guī)范官網(wǎng)匯總:iOS、Material Design、IBM、Fluent……(持續(xù)更新)

收藏 468
點(diǎn)贊 27

復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場(chǎng),未經(jīng)允許不得轉(zhuǎn)載。