中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

如下為規(guī)范匯總頁，里面囊括了許多大家熟知品牌的規(guī)范。

1.Brand Style Guide Examples

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

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

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

BrandGuidelines品牌規(guī)范

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

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

3. Dropbox

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

4. Airbnb

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

5. Uber

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

DesignLanguage 平臺規(guī)范

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

Apple

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

6. iOS Human Interface Guidelines

7. OSX Human Interface Guidelines

https://developer.apple.com/library/mac/documentation/UserExperience/Conceptual/OSXHIGuidelines/

8. UIDesign Do’sand Don’ts

9. Apple Watch

10. Apple TV

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

12. IBM

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

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

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

13.MIKADO

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

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

14. MailChimp

Frontend Guidelines 前端規(guī)范

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

15. Bootstrap

16.Semantic UI

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

17.Homify

18. FontShop

19. MailChimp

20. LonelyPlanet

選擇WEB版還是PDF/PPT版？

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

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

不得不說

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

參考

如何建立一套 UI 設計規(guī)范？

How To Createa Web Design Style Guide

InspirationalExamples of UI Style Guides

作者：周莜yoyo（微信公眾號:yoyofootprint），一枚騰訊交互設計師，從事設計行業(yè)時間越長，越能感受到設計無處不在。她希望將設計思維應用到生活中。

版權聲明：若該文章涉及版權問題，請聯(lián)系我們主編，QQ：419297645