69式视频www免费视频,熟女高潮久久久久久久1f

設(shè)計規(guī)范如何寫？這20個精選案例讓你大開眼界

2015/10/30 推薦： 程遠閱讀 9.4w 評論有獎閱讀本文需 10 分鐘

點贊

設(shè)計規(guī)范如何寫？這20個精選案例讓你大開眼界

@周莜視界：作為一篇干貨貼，必須來點鎮(zhèn)樓的。如下為規(guī)范匯總頁，里面囊括了許多大家熟知品牌的規(guī)范，全文共有四部分，分為品牌規(guī)范、設(shè)計語言規(guī)范、產(chǎn)品規(guī)范、前端規(guī)范，每一部分都有對應(yīng)的典型案例供學習，絕對值得收藏！

1.Brand Style Guide Examples

Brand Style Guide Examples, Hand-picked by Saijo George

設(shè)計規(guī)范如何寫？這20個精選案例讓你大開眼界

從中大致可以總結(jié)出規(guī)范的分類：

品牌類（VI）一般以產(chǎn)品宣傳手冊形式呈現(xiàn)，幫助塑造企業(yè)形象。
平臺、系統(tǒng)類面向第三方開發(fā)者，介紹平臺、系統(tǒng)生態(tài)的設(shè)計指南，要說明平臺理念，開發(fā)者要遵循什么，以及遵循這套規(guī)范有什么好處。
產(chǎn)品業(yè)務(wù)類面向產(chǎn)品內(nèi)部，規(guī)范側(cè)重在產(chǎn)品設(shè)計和實現(xiàn)層面，需要將內(nèi)容梳理清楚，實用性第一，設(shè)計文檔和標注都配好，設(shè)計師或者工程師可以直接參考和使用。

根據(jù)這三大類，以下精選了各類別的規(guī)范案例。

一、BrandGuidelines品牌規(guī)范

2. 任天堂角色設(shè)計規(guī)范（1993年）

Press The Buttons: Mario, Kirby, And Samus Aran Shine In The Nintendo Character Manual

這是一份很早期的設(shè)計規(guī)范，對每個人物角色以及使用場景都有說明，這對于如今的動畫形象設(shè)計有很重要的參考意義。

設(shè)計規(guī)范如何寫？這20個精選案例讓你大開眼界

3. Dropbox

https://www.dropbox.com/branding

Dropbox的這份規(guī)范算得上是最為基礎(chǔ)的品牌規(guī)范，其對Logo的應(yīng)用場合進行了說明。如果將此品牌形象擴展到信封、工裝、茶杯等，便是更加完整的VI（視覺識別系統(tǒng)）設(shè)計了。

設(shè)計規(guī)范如何寫？這20個精選案例讓你大開眼界

4. Airbnb

Inside our Brand Evolution

Airbnb的品牌進化讓我們感受到了更加開放的品牌文化，它甚至歡迎所有人創(chuàng)造自己的Logo，一起創(chuàng)造Airbnb。

設(shè)計規(guī)范如何寫？這20個精選案例讓你大開眼界

5. Uber

Uber Brand Guide

除了規(guī)范內(nèi)容清晰的梳理外，Uber細膩的動效真的打動了我，這絕對是精美之作。

設(shè)計規(guī)范如何寫？這20個精選案例讓你大開眼界

二、DesignLanguage 平臺規(guī)范

Apple和Google Guidelines想必是大家最為熟知的平臺規(guī)范了。面向第三方開發(fā)者，這類規(guī)范不僅傳遞了平臺的設(shè)計和開發(fā)理念，還告訴開發(fā)者需要遵循什么，以及精選出案例以供開發(fā)者參考。
Apple

iOS和OS X HumanInterfaceGuidelines是每位開發(fā)者都熟知的平臺規(guī)范，除此，這里也推薦一個Apple針對UI通用設(shè)計進行的可行示范，和apple watch 和apple tv的規(guī)范示例。

6. iOS Human Interface Guidelines

iOS Human Interface Guidelines: Designing for iOS

7. OSX Human Interface Guidelines

OS X Human Interface Guidelines: Designing for Yosemite

設(shè)計規(guī)范如何寫？這20個精選案例讓你大開眼界

8. UIDesign Do’sand Don’ts

UI Design Do's and Don'ts

設(shè)計規(guī)范如何寫？這20個精選案例讓你大開眼界

9. Apple Watch

Apple Watch Human Interface Guidelines

設(shè)計規(guī)范如何寫？這20個精選案例讓你大開眼界

10. Apple TV

Apple TV Human Interface Guidelines

設(shè)計規(guī)范如何寫？這20個精選案例讓你大開眼界

Google

Google的規(guī)范是一個非常好的案例。自Google 提出material design 以來，這份規(guī)范對materialdesign的闡釋非常詳盡。不論是規(guī)范的框架梳理，還是具體每個模塊的呈現(xiàn)和說明都可圈可點。

11. Material design

http://www.google.com/design/spec/material-design/introduction.html#introduction-principles

設(shè)計規(guī)范如何寫？這20個精選案例讓你大開眼界

12. IBM

IBM Design Language

很多大公司，國外如Apple、Google，國內(nèi)如騰訊、阿里等，每個公司幾乎都有自己的設(shè)計風格。IBM這個規(guī)范庫就是告訴你IBM的設(shè)計風格是如何定義的。

設(shè)計規(guī)范如何寫？這20個精選案例讓你大開眼界

其中，這份規(guī)范還包括下圖還有很多精選圖表設(shè)計案例。

設(shè)計規(guī)范如何寫？這20個精選案例讓你大開眼界

三、ProductGuidelines 產(chǎn)品規(guī)范

13.MIKADO

InfoJobs Design Styleguides

這是一份寫的非常完整、清晰的產(chǎn)品規(guī)范，不僅針對web、ios、andriod平臺均有相對應(yīng)的規(guī)范，而且還提供了UI樣式表，這對于設(shè)計師復用UI元素非常實用（力薦）。

設(shè)計規(guī)范如何寫？這20個精選案例讓你大開眼界

產(chǎn)品規(guī)范除了對每個元素進行尺寸規(guī)范外，在基本規(guī)范已有的基礎(chǔ)上，可以就某一些特別的產(chǎn)品或者功能進行說明。如下面介紹的MailChimp Email規(guī)范，在MailChimp產(chǎn)品規(guī)范基礎(chǔ)上，針對Email一些特別情況進行了說明。

14. MailChimp

Email Design Guide

設(shè)計規(guī)范如何寫？這20個精選案例讓你大開眼界

四、Frontend Guidelines 前端規(guī)范

Bootstrap和Semantic UI算是很好用的前端開源工具，這也可以看作是一個豐富的前端規(guī)范案例。

15. Bootstrap

Components · Bootstrap

設(shè)計規(guī)范如何寫？這20個精選案例讓你大開眼界

16.Semantic UI

Integrations

除此，還有一些結(jié)構(gòu)復雜、式樣繁多的對外產(chǎn)品也會梳理前端規(guī)范，就比如下面的Homify、FontShop、MailChimp、LonelyPlanet。

設(shè)計規(guī)范如何寫？這20個精選案例讓你大開眼界

17.Homify

Homify Living Style Guide: Components

設(shè)計規(guī)范如何寫？這20個精選案例讓你大開眼界

18. FontShop

https://www.fontshop.com/styleguide/modules

設(shè)計規(guī)范如何寫？這20個精選案例讓你大開眼界

19. MailChimp

Grid System | MailChimp

設(shè)計規(guī)范如何寫？這20個精選案例讓你大開眼界

20. LonelyPlanet

Lonely Planet Travel Guides and Travel Information

設(shè)計規(guī)范如何寫？這20個精選案例讓你大開眼界

選擇WEB版還是PDF/PPT版？

以上介紹的設(shè)計規(guī)范主要以WEB版為主，較之于PDF/PPT等靜態(tài)文本格式，WEB版的優(yōu)勢在于：

更加靈活，可以實時修改并更新；
擴展性強，根據(jù)需要可以繼續(xù)添加模塊；
降低瀏覽成本，打開網(wǎng)址就可以查看規(guī)范詳情，省去了下載文件的麻煩。

不得不說

規(guī)范多半在產(chǎn)品1.0版本之后才會誕生。對于設(shè)計師而言，規(guī)范很重要的意義在于解決效率問題，但同時也在一定程度上扼殺了設(shè)計師的創(chuàng)造力。待大家有過撰寫設(shè)計規(guī)范的經(jīng)驗后，便能更好地把握規(guī)范的度，也能找到最有效地撰寫設(shè)計規(guī)范的方法了。

參考

How To Create a Web Design Style Guide

Inspirational Examples of UI Style Guides

作者微信公眾：yoyofootprint

設(shè)計規(guī)范如何寫？這20個精選案例讓你大開眼界

【優(yōu)設(shè)人氣超高的PS教程排行榜】

Top 1：效果超棒的極簡風格海報！
《AI+PS新手教程！手把手教你打造簡約現(xiàn)代的極簡海報》

Top 2：給心愛的妹子畫一個Q版頭像！
《萌系PS教程！手把手教你打造Q版的個人頭像》

Top 3：上帝說，要有光！
《PS高手教程！教你輕松打造效果美到爆的光照效果》

作者：@周莜視界

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章投稿郵箱：2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國內(nèi)人氣最高的網(wǎng)頁設(shè)計師學習平臺，專注分享網(wǎng)頁設(shè)計、無線端設(shè)計以及PS教程。
【特色推薦】
設(shè)計師需要讀的100本書：史上最全的設(shè)計師圖書導航：http://hao.uisdc.com/book/。
設(shè)計微博：擁有粉絲量103萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計，歡迎關(guān)注獲取網(wǎng)頁設(shè)計資源、下載頂尖設(shè)計素材。
設(shè)計導航：全球頂尖設(shè)計網(wǎng)站推薦，設(shè)計師必備導航：http://hao.uisdc.com

程遠

文章 6813 人氣 30955.7w

優(yōu)設(shè) 內(nèi)容總監(jiān)

+關(guān)注作者

點贊

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

繼續(xù)閱讀本文相關(guān)話題

產(chǎn)品設(shè)計規(guī)范

AIGC

網(wǎng)頁

產(chǎn)品

學AI

AI導航

發(fā)表評論

以上留言僅代表用戶個人觀點，不代表優(yōu)設(shè)立場

評論就這些咯，讓大家也知道你的獨特見解立即評論

關(guān)于我們

優(yōu)設(shè)是國內(nèi)專業(yè)設(shè)計師平臺，2012年創(chuàng)辦至今，作為行業(yè)風向標，我們13年來專注于設(shè)計師創(chuàng)作者的學習成長交流。通過優(yōu)設(shè)網(wǎng)、優(yōu)優(yōu)教程網(wǎng)、優(yōu)創(chuàng)網(wǎng)分別沉淀優(yōu)質(zhì)內(nèi)容。是一家集齊媒體、內(nèi)容、服務(wù)的多元化平臺。MCN矩陣@優(yōu)設(shè)AIGC 在微博、微信、小紅書、抖音、B站布局，全網(wǎng)粉絲過千萬。

菜單 優(yōu)設(shè)網(wǎng)uisdc.com 優(yōu)設(shè)網(wǎng) - 學AI設(shè)計上優(yōu)設(shè)

您還未登錄

登錄后即可體驗更多功能

設(shè)計規(guī)范如何寫？這20個精選案例讓你大開眼界

2015/10/30 推薦： 程遠閱讀 9.4w 評論有獎 閱讀本文需 10 分鐘

1.Brand Style Guide Examples

一、BrandGuidelines品牌規(guī)范

2. 任天堂角色設(shè)計規(guī)范（1993年）

3. Dropbox

4. Airbnb

5. Uber

二、DesignLanguage 平臺規(guī)范

6. iOS Human Interface Guidelines

7. OSX Human Interface Guidelines

8. UIDesign Do’sand Don’ts

9. Apple Watch

10. Apple TV

Google

11. Material design

12. IBM

三、ProductGuidelines 產(chǎn)品規(guī)范

13.MIKADO

14. MailChimp

四、Frontend Guidelines 前端規(guī)范

15. Bootstrap

16.Semantic UI

17.Homify

18. FontShop

19. MailChimp

20. LonelyPlanet

選擇WEB版還是PDF/PPT版？

不得不說

程遠

文章 6813 人氣 30955.7w

繼續(xù)閱讀本文相關(guān)話題

30955.7w人氣 6813文章

本文3套知識9圖

AI焦慮不用怕！交互設(shè)計師的未來贏法在這4點！

累死你的不是工作！4大設(shè)計團隊架構(gòu)避坑指南！

設(shè)計團隊OKR制定3步法！從支持業(yè)務(wù)到驅(qū)動體驗升級！

文章目錄

文章目錄

你即將學會 字體下載 的知識

千萬別錯過！2015年最好的英文字體免費打包下載

7.8w 人閱讀

上一篇

你即將學會 ps技巧 的知識

PS教程！手把手教你繪制萌萌噠精致小黃人

4.5w 人閱讀

下一篇

發(fā)評論！每天贏獎品

點擊 登錄 后，在評論區(qū)留言，系統(tǒng)會隨機派送獎品

2012年成立至今，是國內(nèi)備受歡迎的設(shè)計師平臺，提供獎品贊助 聯(lián)系我們

AI輔助海報設(shè)計101例

已累計誕生 753 位幸運星

發(fā)表評論

↓ 下方為您推薦了一些精彩有趣的文章熱評 ↓

群核科技用戶體驗設(shè)計

程遠

陳子木

程遠

AI設(shè)計師Lena

優(yōu)設(shè)推薦官精選熱門話題

海報設(shè)計

文章 803

平面設(shè)計

文章 892

設(shè)計趨勢

文章 280

電商設(shè)計

文章 271

評論

收藏

分享

AI趨勢

入站必看

設(shè)計入門

進階提升

熱門資源

最新AI工具

菜單優(yōu)設(shè)網(wǎng) - 學AI設(shè)計上優(yōu)設(shè)

設(shè)計規(guī)范如何寫？這20個精選案例讓你大開眼界

2015/10/30 推薦：程遠閱讀 9.4w 評論有獎閱讀本文需 10 分鐘

一、BrandGuidelines品牌規(guī)范

四、Frontend Guidelines 前端規(guī)范

選擇WEB版還是PDF/PPT版？

AI焦慮不用怕！交互設(shè)計師的未來贏法在這4點！

累死你的不是工作！4大設(shè)計團隊架構(gòu)避坑指南！

設(shè)計團隊OKR制定3步法！從支持業(yè)務(wù)到驅(qū)動體驗升級！

你即將學會字體下載的知識

千萬別錯過！2015年最好的英文字體免費打包下載

你即將學會 ps技巧的知識

PS教程！手把手教你繪制萌萌噠精致小黃人

發(fā)評論！每天贏獎品

點擊登錄后，在評論區(qū)留言，系統(tǒng)會隨機派送獎品

2012年成立至今，是國內(nèi)備受歡迎的設(shè)計師平臺，提供獎品贊助聯(lián)系我們

9圖！入站必刷

推薦！設(shè)計專題