這篇是我的筆記。訂 Guideline 本來就是件不好辦的事,尤其當無邏輯可言的時候更難整理出個什麼來。先從大量的參考資料開始,學習別人家是怎麼訂定的,再回過頭思考自己可以怎麼做。
目前最完整的應該算是 Google Material Design ,不是只有 VI 而已,整套都規劃得非常完善,參考價值最高;我也很留心 DropBox 的設計師,他們在 Dribbble 上發表的作品風格非常強烈,即使不放 Logo 仍能一眼看出是他們家的作品。在這個人人扁平無特色的時期非常顯眼;Spotify 是被迫去注意的對象…
以下是資源整理,很多連結。
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/
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 弄得有獨特性漂亮點。反正重點在文章內容上,就別挑剔了加減看吧。