一、什么是设计系统
设计系统能够统一设计语言,从而帮助团队解决设计一致性问题,同时将整个设计流程变得更有效率。一套系统中包含交互规范,品牌规范,声音规范,文案规范,代码标准以及一个UI库。
二、优秀的设计系统的意义
提高工作效率,提升协同质量
设计系统Design System可以帮助企业实现明确的创意,实现快速产品开发,提高团队效率,减少重复劳动。
保障设计输出的一致性,提升用户体验
设计系统Design System拥有统一的视觉和交互规范,能够让每一个产品在用户体验上保持统一性和可用性,更好的满足用户需求。
保障品牌风格的一致性
设计系统Design System提供一个贯穿产品开发全过程的统一标识,从而建立稳定的企业品牌形象,使消费者一目了然企业特色。
优化设计工作流程,控制资源分配
设计系统Design System可以通过有效的迭代及投入建立标准化的脚本,从而优化设计流程,有效控制对开发和设计资源的分配。
三、优秀的设计系统的价值
对于公司-通过设计系统的建设,可以优化业务生产流程,达到企业的降本增效;建立设计文化体系,突出品牌感
对于设计团队-设计系统是设计核心资产,提升设计团队的影响力;将元素组件化,提升设计师和程序员的工作效率
对于设计师-设计系统是设计师体系化思考的能力沉淀,也是设计师职业发展不可或缺的重要能力。
想了解设计系统如何应用,见链接文章:
厚予Gives设计系统Design System如何商用?
四、设计系统的起源
设计系统最早的概念来自于建筑设计领域,著名建筑大师帕拉迪奥(Palladio)在 1570 年出版了「建筑四书」,是最重要和最有影响力的建筑书籍之一。
1975 年发布的「美国宇航局图形标准手册」就是现代 style guide 的早期代表作,它提供了颜色、字体、图形、用法和示例,以及明确的设计原则,直到现在的品牌/样式视觉规范依然没有跳出这个范围。
五、设计系统的现状
设计系统的使用情况:建设中 59.3%、已完成19.8%、筹备中15.1%、暂无计划5.8%
参与设计系统建设主要人员:设计师&前端 44.2%、设计师&前端&产品经理16.3%、设计师39.5%
团队中是否有专门的设计系统架构师:无77.9%、有22.1%
数据来源:5key
六、行业内设计系统
Ant design:https://ant.design/index-cn
是蚂蚁集团的设计语言,目的是为了提供完善的设计指引、最佳实践、设计资源和设计工具,来帮助设计者快速产出高质量产品原型。
Element UI:https://element.eleme.cn/#/zh-CN
是一套基于 VUE2.0 的桌面端组件库,Element UI 提供了丰富的组件帮助开发人员快速构建功能强大、风格统一的页面。
Arco Design:https://arco.design
是字节跳动出品的企业级设计系统,对于新手入门有一定的参考价值。
Material Design:http://material.io
是谷歌为旗下全线产品提供的一套完整的设计规范,不仅仅是安卓设备阵营的设计规范,这种设计风格甚至被应用在苹果设备和windows设备中
Atlassian:https://atlassian.design/
全球最棒的协同办公产品
Shopify Polaris:https://polaris.shopify.com
北极星:全球最知名的电商软件开发商之一,一套非常全面的设计系统
Material Design:https://ux.mailchimp.com
黑猩猩邮件:全球电邮营销订阅行业的独角兽
最后作为个入行多年的设计师给大家的几点中肯建议:
1. 努力增长自己的专业能力的同时,关注下国家的政策,行业发现方向。
2. 设计系统已经成为趋势,要懂得如何搭建和如何使设计系统发挥商业价值。
3. 设计系统已经基本普及,研究并落地自己行业领域的特色设计系统。
4. 关注自己的职业发展,设计师的职位在顺应市场经济的发展的基础上不断调整,需要不断提升自己的核心能力,站在设计行业前沿抓住行业红利的机会。
读到这里如果感觉对你有些帮助,非常希望点击关注,并且转发给其他小伙伴,一起学习成长。