电脑网页界面设计有没有像material design这样的规范

有啊,https://design.google.com/ 就是一个,还有几个不记得网址了,基本都是国外的,国外有些运用很熟练,没专门收藏这类的。有空再看到修改回答给你发链接吧。国内的就不用找了。
■网友
对于刚入行的新人,可能觉得设计规范是一件很高大上又很让人头疼的事情。这篇文章会从新人的角度出发,总结一些设计规范要点,算是一次温故总结的分享。
一、设计规范有什么用?
◆ ◆ ◆
设计规范能为团队解决不少问题,并提升工作效率,主要体现在以下三个方面:
1、解决多人协作时控件混乱问题
\u0026amp;amp;lt;img src="https://www.zhihu.com/u0026lt;a href="https://pic2.zhimg.com/v2-dfe8dd8f524e5975515b708bfb2166cd_b.jpg" data-editable="true" data-title="zhimg.com 的页面"\u0026gt;https://pic2.zhimg.com/v2-dfe8dd8f524e5975515b708bfb2166cd_b.jpg\u0026lt;/a\u0026gt;" data-rawwidth="800" data-rawheight="565" class="origin_image zh-lightbox-thumb" width="800" data-original="\u0026lt;a href="https://pic2.zhimg.com/v2-dfe8dd8f524e5975515b708bfb2166cd_r.jpg" data-editable="true" data-title="zhimg.com 的页面"\u0026gt;https://pic2.zhimg.com/v2-dfe8dd8f524e5975515b708bfb2166cd_r.jpg\u0026lt;/a\u0026gt;"\u0026amp;amp;gt;电脑网页界面设计有没有像material design这样的规范

一个大型项目的视觉稿,往往会有几十个甚至是上百个页面,因此,在进行多人协作一个项目前,可由主视觉设计师出一份视觉规范,其他一起协作的几个设计师遵循这个规范,才能把控视觉统一性,提高效率,减少返工率。
另外,当新人加入团队的时候,他们对产品的品牌基因可能理解不透,这时设计规范就可以帮他们快速上手,并且保持产品的统一性。
2、解决开发效率、代码冗余问题
\u0026amp;amp;lt;img src="https://www.zhihu.com/u0026lt;a href="https://pic1.zhimg.com/v2-20a2180f7ea126ff935798dae2ce4ca4_b.jpg" data-editable="true" data-title="zhimg.com 的页面"\u0026gt;https://pic1.zhimg.com/v2-20a2180f7ea126ff935798dae2ce4ca4_b.jpg\u0026lt;/a\u0026gt;" data-rawwidth="800" data-rawclass="origin_image zh-lightbox-thumb" width="800" data-original="\u0026lt;a href="https://pic1.zhimg.com/v2-20a2180f7ea126ff935798dae2ce4ca4_r.jpg" data-editable="true" data-title="zhimg.com 的页面"\u0026gt;https://pic1.zhimg.com/v2-20a2180f7ea126ff935798dae2ce4ca4_r.jpg\u0026lt;/a\u0026gt;"\u0026amp;amp;gt;电脑网页界面设计有没有像material design这样的规范

如果没有做规范,就拿按钮这个常见的控件来举例,程序员不知道具体的规范,每个程序员用代码写了A页面的按钮样式,然后在开发B页面时又要重新用代码写按钮样式,页面越多程序员的工作量也就越大,影响项目进度,代码也会越来越臃肿。
另外,对于末端界面没有规范到的角落和由规范控件组成的新页面提供了有效参考。
3、解决产品迭代中品牌形象会走样问题
\u0026amp;amp;lt;img src="https://www.zhihu.com/u0026lt;a href="https://pic2.zhimg.com/v2-53633590f45615a6f9aa0b91a2f977d5_b.jpg" data-editable="true" data-title="zhimg.com 的页面"\u0026gt;https://pic2.zhimg.com/v2-53633590f45615a6f9aa0b91a2f977d5_b.jpg\u0026lt;/a\u0026gt;" data-rawwidth="800" data-rawheight="686" class="origin_image zh-lightbox-thumb" width="800" data-original="\u0026lt;a href="https://pic2.zhimg.com/v2-53633590f45615a6f9aa0b91a2f977d5_r.jpg" data-editable="true" data-title="zhimg.com 的页面"\u0026gt;https://pic2.zhimg.com/v2-53633590f45615a6f9aa0b91a2f977d5_r.jpg\u0026lt;/a\u0026gt;"\u0026amp;amp;gt;


推荐阅读