设计系统这个词语一直都被反复的提出来,例如总是会听到某某某公司发布的新的设计系统,最近在逛国外设计网站的时候刚好看到了一篇整理文章,就把这些资源翻译和大家分享一下。
设计系统(同样适用于科技产品)不仅仅是一个框架、UI工具包或组件库。它是一个多风格指南或一组代码的指导方针,里面包括一系列的组件可以通过不同的组合被复用到不同的页面之中,以及允许企业有规模的去管理设计。
每一个企业,不管是大的还是小的,都会建立或是准备建立一个设计系统对应他们的互联网产品,这是非常正常的,因为一个合适的设计系统是发展业务很重要的一环。
运用设计系统的好处包括:
提高设计团队的效率
设计系统节省时间和金钱成本,对比从0开始做一个设计,设计师和开发可以快速和更有效地利用一些已存在的碎片去创造新的页面。
对于产品的一致性
设计系统可以让你的团队为用户制造熟悉的感觉,减少矛盾,确保用户每次在使用你公司任何产品的时候,他们的体验都是一致的。
扩大公司业务
设计系统使设计过程自动化,更有效率。这代表企业可以用更少的资源就可以无限的发展新的业务。
但是建立一个设计系统并不是那么简单,以下是一些和设计系统相关文章、例子、教程去帮助大家去设计一个更适合自己公司的系统。
一些海外公司的设计系统
IBM Design Language: a shared vocabularyfor design
https://www.ibm.com/design/language/
Microsoft’s Fluent Design System
https://www.microsoft.com/en-us/design
Airbnb’s Design Language System
https://airbnb.design/the-way-we-build/
Google’s Material Design
https://material.io/
Fitbit’s Components Guide
https://dev.fitbit.com/build/guides/user-interface/components/
Shopify’s Polaris Design System
https://polaris.shopify.com/
BBC’s Global Experience Language
http://www.bbc.co.uk/gel/
Atlassian’s End-to-End Design Language
https://atlassian.design/
一些设计系统相关的文章
Designing Design Systems for complexproducts
为复杂的产品建立设计系统
https://uxdesign.cc/designing-design-system-for-complex-products-5ff2d3051fa1
Creating a product Design System in Sketch
在Sketch上创造一个产品设计系统
https://uxdesign.cc/creating-a-first-product-design-system-in-sketch-8b62ee0d1a6c
The most exciting design systems are boring
最有趣的设计系统都是很闷的
https://bigmedium.com/ideas/boring-design-systems.html
一些设计系统相关的书
Design System coalition
Brad Frost’s “Designing Systems”
以上是在文章里精选的内容,更多的内容请查看原文。我们后续会对设计系统进行更深入的研究以及翻译更多相关的文章和大家分享,谢谢大家的观看!
翻译:许嘉智HUI KA CHI
原文作者:Fabricio Teixeira
原文标题:Resources, links, references andarticles on Design Systems
原文链接:https://uxdesign.cc/resources-links-references-and-articles-on-design-systems-e8ab898e0ab5
发布日期:2018年2月7日
本篇文章来源于微信公众号: TripDesign