设计规范的优秀范例有哪些(DN问答集 Vol 01)

uidec他(她)的空间>>4年前来源:UI中国

人气274

DN问答集:各位见过最专业的设计规范是什么?

 

 

我非常想知道哪些 应用和网站 的最专业,最可以用来当做参考模板?

我先例举几个我喜欢的设计规范:

GitHub's styleguide 

 

设计规范的优秀范例有哪些(DN问答集 Vol 01)

 

Yelp's stlyeguide

 

设计规范的优秀范例有哪些(DN问答集 Vol 01)

 

除此之外,备受赞誉的MailChimp的模式库和设计规范我也非常喜欢 

Style Guide for writing/blogging 

 

设计规范的优秀范例有哪些(DN问答集 Vol 01)

 

 Pattern Library, or what others call a styleguide

 

设计规范的优秀范例有哪些(DN问答集 Vol 01)

 

Github Yelp 以及MailChimp的设计规范都搬到了网页上,不但能够很好地规范设计,而且能够帮助推广品牌。

好了,我的问题开始了,除了上述3个优秀的范例之外?还有哪些设计规范堪称业内良心、专业模板?

 

 

Aaron StanushCreative Director at Four Kitchens

 

我个人收集了很多优秀的设计规范,都在这里:https://github.com/astanush/ux/blob/master/style-guides.md#frontend-style-guides

这里要重点提一下Mapbox,做的实在是太好了

https://www.mapbox.com/base/

 

 

设计规范的优秀范例有哪些(DN问答集 Vol 01)

 

 

Ryan MurphyDesigner @ The App Business

http://www.mojotech.com/toolkit

4 points  10 hrs ago  Reply
 

Seth TompkinsWeb Designer/Developer

哦,我的上帝 设计规范的优秀范例有哪些(DN问答集 Vol 01)

这个确实屌!

1 point  9 hrs ago  Reply

Sam Pierce LollaDesigner at FarmLogs

Salesforce的令人印象深刻

http://sfdc-styleguide.herokuapp.com/

 

设计规范的优秀范例有哪些(DN问答集 Vol 01)

 

(编者注:参考本人译文:构建更灵活的视觉规范:http://www.ui.cn/project.php?id=11779)

 

设计规范的优秀范例有哪些(DN问答集 Vol 01)

 

 
 

 

 

 

Jamie WilsonCreative Director at Switch.isEdited about 8 hours ago

这么巧,我刚才也想问这个问题呢!不过我这里已经收集了一些模板:

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

http://ianfeather.co.uk/a-maintainable-style-guide/

http://kaleistyleguide.com/

http://pea.rs/

https://github.com/styleguide

http://warpspire.com/kss/

http://codeguide.co/

http://sfdc-styleguide.herokuapp.com/

http://brettjankord.com/projects/style-guide-boilerplate/

https://ux.mailchimp.com/patterns/

https://www.mozilla.org/en-US/styleguide/websites/sandstone/

http://paulrobertlloyd.com/about/styleguide/

http://24ways.org/2011/front-end-style-guides/

http://www.codecademy.com/blog/141-codecademy-reimagined

https://medium.com/ui-designs/e5bb62db91e5

http://style.codeforamerica.org/

https://www.mapbox.com/base/

http://www.yelp.com/styleguide

http://demo.patternlab.io/

http://daverupert.com/2013/04/responsive-deliverables/

http://semantic-ui.com/

http://resource.github.io/fabricator/

http://bem.info/method/

http://voiceandtone.com/

https://docs.google.com/a/groupswitch.com/spreadsheet/ccc?key=0AiN0QfBTPpOCdDFjWlM0eU1ra21XanZkekxGbjA2WWc#gid=0

http://www.mojotech.com/toolkit

https://github.com/astanush/ux/blob/master/style-guides.md#frontend-style-guides

http://disqus.com/pages/style-guide/

http://chriscoyier.github.io/SurveyMonkey-Design-Patterns/

http://vinspee.me/style-guide-guide/

http://stuffandnonsense.co.uk/blog/about/an-extract-from-designing-atoms-and-elements

http://trulia.github.io/hologram/

http://sourcejs.com/

http://livingstyleguide.org/

4 points  9 hrs ago  Reply

Alexander HaniotisProduct Designer at Shopify

Lonely Planet的很屌:http://rizzo.lonelyplanet.com/styleguide/design-elements/colours

 

设计规范的优秀范例有哪些(DN问答集 Vol 01)

 

Josh SullivanSoftware Engineer at QuoteFlow

看看这个吧

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

 

设计规范的优秀范例有哪些(DN问答集 Vol 01)

 

 

lackar zhaolackar.com

Dropbox https://www.dropbox.com/branding

 

设计规范的优秀范例有哪些(DN问答集 Vol 01)

 

 
 

Jim Silvermanilverman

你得搞清楚,Dropbox这是品牌指南(brand guide),不是设计规范(style guide)

 
 

 

Sasan HezarkhaniSoftware Engineer at ReTargeter

星巴克:http://www.starbucks.com/static/reference/styleguide/

 

James YoungCreative Director @Offroadcode

BBC GEL:http://www.bbc.co.uk/gel

 

 

TA的上传
  • 红色风格企业后台管理系统界面设计
  • 4张后台管理系统界面UI
  • 几张系统管理登录页设计
  • 国家电网管理系统后台界面
  • 简约大气后台登录页
  • 员工考勤系统后台界面
  • 飞哥网站
  • 一起海带APP设计
  • 扁平风格手机主题UI
  • 25个优秀UI图标ICON设计作品
查看全部

只有登录之后才可以评论,请点击进行登录

全部评论: 0

登录

忘记密码

如果您尚未注册,请选择以下方式登录

Q Q 登 录 微 博 登 录
已有账号?快去登录>>

注册