UI设计规范有哪些？如何建立UI设计规范？
新闻来源：优漫本站
日期：2023-04-14
想要成为一名合格的Web前端工程师，Web前端性能优化是一个必须要掌握的知识，那么应该怎么进行Web前端性能优化呢？
我们在做互联网产品中，有的是以产品功能，但大部分以项目为纬度进行分割。在产品1.0后，设计团队需要UI设计师建立规范，如果你所在的产品团队有2个以上的UI同学。那可能在1.0还没开始，一套好的UI规范就是需要立马做的。
UI的设计规范总共可以分为三类：
品牌类（VI）
帮助企业做的宣传手册、PPT、市场公关等pr文件，企业的整体形象颜色。就好比你现在看到的瓜子二手车，绿色是整个的颜色。
平台、系统类
常见的是IOS、谷歌、开放平台、小程序等，需要第三方开发者介入，需要第三方的开发者在设计上遵循什么理念，以及遵循该套理念后的背景与原因、好处
产品业务类
面向产品内部，规则侧重在产品设计和实现层面，实用性第一。设计文档、标注都不能少，其他设计同学或工程师可以直接参考或使用
设计互联网产品，StyleGuide/Patternlibrary、Specification各具不同的功能和作用，却都含“设计规范”的概念
StyleGuide
偏重视觉概念，常见文档或图像格式呈现（还可以扩展）
内容：对设计作品的字体（Typeface)、字型（Font）、色板、品牌标识规范（BrandGuideline)、Icon等要素进行展示和说明
这个部分主要的功能是方便设计师与设计师之间，展示产品的视觉风格。方便风格复用，规范新的元素或第三方接入。
PatternLibrary:
偏重（web前端）开发概念，基本都是以网页文档形式呈现
内容：对界面元素（UIElements)的样式风格以及实现其效果所对应的代码片段作出解释（HTML、CSS），常见的布局（GridSystem)、字体排版（Typography)、按钮、菜单、列表、对话框（Dialog)、Toolip等等
可以帮助团队Web设计和协作开发，统一产品风格。减少UI还原与验收的工作，保证用户体验与最初设计稿一致。
Specification(Spec)
介于设计与开发之间，由设计师直接在（mockup)中创建
内容：主要由Annotation（注释，国内俗称“标注”）和Measurement(量度）构成。其实说白了就是我们常规研发中的让UI切图，是开发与设计人员最直接的交流。通过切图，我们可以把字体字型、色纸。
广州优漫动游教育UI培训，系统学习，融会贯通，直奔主流技术，节省时间，老师督促指导，学习效率高，随堂练习，及时解决问题，企业IT大牛指导实战落地项目，与企业需求无缝连接，签订就业协议，诸多合作名企，4个月后直接走向工作岗位，避免工作后的水土不服。高薪名企有增加！
