這篇是我的筆記。訂 Guideline 本來就是件不好辦的事,尤其當無邏輯可言的時候更難整理出個什麼來。先從大量的參考資料開始,學習別人家是怎麼訂定的,再回過頭思考自己可以怎麼做。

目前最完整的應該算是 Google Material Design ,不是只有 VI 而已,整套都規劃得非常完善,參考價值最高;我也很留心 DropBox 的設計師,他們在 Dribbble 上發表的作品風格非常強烈,即使不放 Logo 仍能一眼看出是他們家的作品。在這個人人扁平無特色的時期非常顯眼;Spotify 是被迫去注意的對象…

以下是資源整理,很多連結。

Google

Google Design

https://www.google.com/design/
中文譯文:Material Design设计语言


##相關參考:

Material design in the 2014 Google I/O app

https://medium.com/@romannurik/material-design-in-the-2014-google-i-o-app-e3b22caffae6
中文譯文:谷歌设计师的Material Design实践心得

教程

Why your brand needs a style guide, and how to create one | Webdesigner Depot

http://www.webdesignerdepot.com/2014/08/why-your-brand-needs-a-style-guide-and-how-to-create-one/
中文譯文:品牌为何需要设计指南?如何创建?

How to Create Style Guides for a Specific Audience

http://webdesign.tutsplus.com/articles/how-to-create-style-guides-for-a-specific-audience--cms-21047
中文譯文:就得在意这些细节!教你从三个角度设计品牌风格指南

How to Create Guidelines and Standards for Websites or Applications

http://designmodo.com/create-guidelines/
中文譯文:为网站和应用创建设计指南与标准

參考

Atlassian Design Guidelines


https://developer.atlassian.com/design/latest/


Design Resources | Spotify Developer


https://developer.spotify.com/design/

Spotify Iconset


Dropbox


http://drbl.in/iCIi
http://drbl.in/ldga
http://drbl.in/lHbs
http://drbl.in/lmXr
http://drbl.in/lhpV
他們設計師在Dribbble上放出的圖檔,有些和Guideline有關。


Form design guidelines cheat sheet (free download)

http://www.cxpartners.co.uk/cxblog/form_design_guidelines_crib_sheet_free/
表格表單設計,附樣板下載

Product Style Guide, Visual guidelines for Salesforce1

http://sfdc-styleguide.herokuapp.com/
互動式Guideline

Next FontShop

http://next.fontshop.com/styleguide/globals

Lonely Planet Travel Guides and Travel Information

http://rizzo.lonelyplanet.com/styleguide/design-elements/colours

.
.
.
.
.
.

我知道文章排版排得很爛、個人也希望能將 Blog 弄得有獨特性漂亮點。反正重點在文章內容上,就別挑剔了加減看吧。

comments powered by Disqus