四川少BBB搡BBB爽爽爽_四川女人毛多水多A片_四川BBBBBB搡BBBBB_四LLL少妇BBBB槡BBBB_私密直播全婐APP免费魅影_爽到喷水(H)

400-611-9921

當(dāng)前位置:首頁 > 新聞資訊 > 建站知識(shí)
設(shè)計(jì)規(guī)范如何寫?這20個(gè)精選案例讓你大開眼界

2015-11-06

2531


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

1.Brand Style Guide Examples

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

  • 品牌類(VI)一般以產(chǎn)品宣傳手冊(cè)形式呈現(xiàn),幫助塑造企業(yè)形象。

  • 平臺(tái)、系統(tǒng)類面向第三方開發(fā)者,介紹平臺(tái)、系統(tǒng)生態(tài)的設(shè)計(jì)指南,要說明平臺(tái)理念,開發(fā)者要遵循什么,以及遵循這套規(guī)范有什么好處。

  • 產(chǎn)品業(yè)務(wù)類面向產(chǎn)品內(nèi)部,規(guī)范側(cè)重在產(chǎn)品設(shè)計(jì)和實(shí)現(xiàn)層面,需要將內(nèi)容梳理清楚,實(shí)用性第一,設(shè)計(jì)文檔和標(biāo)注都配好,設(shè)計(jì)師或者工程師可以直接參考和使用。

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

BrandGuidelines品牌規(guī)范

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

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

3. Dropbox

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

4. Airbnb

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

5. Uber

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

DesignLanguage 平臺(tái)規(guī)范

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

Apple

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

6. iOS Human Interface Guidelines

7. OSX Human Interface Guidelines

8. UIDesign Do’sand Don’ts

9. Apple Watch

10. Apple TV

Google

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

11. Material design

12. IBM

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

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

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

13.MIKADO

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

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

14. MailChimp

Frontend Guidelines 前端規(guī)范

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

15. Bootstrap

16.Semantic UI

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

17.Homify

18. FontShop

19. MailChimp

20. LonelyPlanet

選擇WEB版還是PDF/PPT版?

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

  • 更加靈活,可以實(shí)時(shí)修改并更新;

  • 擴(kuò)展性強(qiáng),根據(jù)需要可以繼續(xù)添加模塊;

  • 降低瀏覽成本,打開網(wǎng)址就可以查看規(guī)范詳情,省去了下載文件的麻煩。

不得不說

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



關(guān)注我們:在查找公眾號(hào)中搜索:zomsky1688,或者掃描下方二維碼快速關(guān)注。
廣州市縱天信息科技有限公司公眾號(hào)
關(guān)鍵詞:廣州網(wǎng)站設(shè)計(jì),廣州網(wǎng)站建設(shè)公司

免費(fèi)咨詢熱線

400-611-9921

020-29860991

聯(lián)系方式

地址1:廣州市天河區(qū)珠江新城邦華環(huán)球廣場16F

業(yè)務(wù) QQ:  3561401262

E-mail:  sales@zomsky.com

微信咨詢
官方微信
微信咨詢
在線咨詢
TOP

立即與縱天項(xiàng)目顧問通話

400-611-9921

您也可以咨詢我們的在線客服或預(yù)約資深顧問

信息保護(hù)中,請(qǐng)放心填寫
關(guān)閉
免費(fèi)獲取方案
交口县| 太谷县| 大同县| 广元市| 行唐县| 阳谷县| 永新县| 河池市| 屯留县| 南京市| 剑阁县| 玉门市| 左权县| 泽州县| 北安市| 高邮市| 孝昌县| 彭州市| 瑞丽市| 吴桥县| 沁水县| 婺源县| 开江县| 龙山县| 中山市| 龙里县| 丹凤县| 长阳| 宁河县| 育儿| 固安县| 隆德县| 云林县| 刚察县| 正宁县| 璧山县| 湘潭市| 广河县| 年辖:市辖区| 施秉县| 罗江县|