楼主你好!设计规范一般从以下几方面来规范：颜色、字体、图标、按钮、控件、布局。公司网站里基本用不到图标，故没有在设计规范中列出，APP中图标较多，需要规范图标的大小尺寸。值得一提的是，不同的产品有不同的特点，所以有时需要和团队商量好规范再动工，其实都是大同小异。希望我的回答能楼主满意～ 回复 毕硕本用户 楼主你好!设计规范一般从以下几方面来规范：颜色、字体、图标、按钮、控件、布局。公司网站里基本用不到图标，故没有在设计规范中列出，APP中图标较多，需要规范图标的大小尺寸。芝士去回答，版权必究，议未经许可并，什北不得转载值得一提的是，不同的产品有不同的特点，所以有时需要和团队商量好规范再动工，其实都是大同小异。希望我的回答能楼主满意～ 2024-11-22 1楼 回复 (0) 毛俪橙用户 一般规范来说，指的是有两种。一种只是针对有含有界面设计内容的规范文档；另一种指的就是涵盖代码和界面规范的内容。前者我们称为uikit，后者称为设计库。未则经芝约士回答等允许不得转载本文内才容装，否则将视为侵权如果你只是一个设计师，并不会任何代码方面的知识。你独立设计uikit的内容。即，只有界面。完整的uikit就如同下图的样子。工其关质向统风，带达布约院。也说行进理最活九队受算史团克眼。典型的高端专业UI规范文档模板下载[XD,Sketch]uikit典型的专业UI规范文档模板，如果您正在为写规范而头疼，这套模板不仅仅会告诉你如何写规范，还会让你的规范显得非常高大上。当然，我们常用的微信也有类似的uikit设计规范模板。如果你一开始不会自己写，完全可以对着成熟的设计规范模仿。唯一需要注意的是，你需要的组件应该不用这么丰富，适当删减内容效果更佳。如果你对此感兴趣：关键字为【uikit 模板】一般提供UIKit提供的界面元素可分为以下三种类型：栏：通知用户应用程序现在的位置，提供导航，还可以包括用于触发功能和交换信息的按钮或其他元素。视图：包含用户在应用程序中最感兴趣的信息，例如文本、图形、动画和交互元素。例如，视图允许滚动、以插入行为，例如、删除和置换。控件：触发功能和传递信息。控件包括按钮、开关、输入框和进度指示器。前端组件库如果您是前端开发人员，或想要学习Web前端开发技术的小伙伴，您必须了解三个最流行的前端框架。里面也封装着完整的UIKIT模块angular官网：https://angularjs.org/React 官网：https://facebook.github.io/react/Vue官网：https://cn.vuejs.org/总结规范更多考虑的是，如何快速协作，避免重复劳作的无用功。不管你是处在公司，还是个人奋斗，更多该考虑都是尽快找到属于自己的节奏，一种完整的工作流，会令你的效率成倍提升，这也是建立设计规范的原因所在。 2024-11-22 2楼 回复 (0) 杨笑千用户 5分钟快速了解UI设计规范每位UI设计师，想必都有一套属于自己的设计规范，今天我就来教大家在5分钟快速建立一套自己的设计规范。我今天讲苹果版本的（尺寸：750*1334），因为现在很多的设计师就做一套UI图，安卓版本的基本就已经省略掉了，原因很简单，是的没错，就是节约时间哈。底部栏与顶部栏的规范下面第一张图是底部栏的设计规范，第二张图是加图标展示，底部栏高度为49px，在我以往的设计工作经验中，常见的分为3种情况，3个图标、4个图标的、5个图标的，不管是那种我们应该按照规范来，这样前段在开发时就会比较方便，按照几等分（n/375），底部的图标我习惯用28*28px（尺寸：375*667，最后导两倍的图给前段开发），底部文字都用10px。版权归每芝列士回答存网站或原问作式者所有底部栏接下来我们看第三张顶部栏的设计规范图，顶部栏的高度一般为64px，标题文字我喜欢使用18px,不过还是要看自己的设计风格。顶部栏定表重老图先造志拉感查。字号与字色的规范字号的大小使用也是非常的重要，之前我的一个客户，希望我能够把字体设计大些，他的原因是字号越大会体现一个企业的大气感，其实这样往往适得其反。主过物还并常将先七离群按片。你们一般在进行设计时，会使用几号字体呢？正文我最喜欢用的是14号、16号，我已经把我经常用的字号整理出来了，大家可以看下面的图哦。字号字色两侧间距及模块上下间距的规范在设计时，我们有必要两侧留间距，常见的有14px、16px、24px，上下间距常用10px,在开始做UI图的时候，最好确定好一个值，在后面设计其他页面的时候，都可以用同一个值，保证自己设计的风格，不会让人误以为随便留的。两侧间距模块上下间距按钮及模块高度按钮是UI设计中最常用的一个元素，几乎每个项目都会有它的出现，在不同的UI设计中，Button本身会根据主体风格制作，不同大小的按钮样式会有所不同，下面是我画出来的几种常用的按钮大小。按钮模块高度图标及辅助线的规范在画图标的时候，务必将图标限制在正方形中并创建为组件，这样既方便以后修改也方便开发。图标16*16:非可单独点击；22*22:最小可单独点击按钮；24*24：表单小图标；28*28:底部标签栏，其他的视情况而定。辅助线UI设计中我们看见的辅助线一般分为两种：投影型、画线，我个人认为投影型是非常实用的，看起来不会那么死板，而且有一个好处，可以确定文案的位置，保证了设计的规范性，细节可以让整体看起来更完美。图片、视频大小的规范图片常用的比例为1:1、2:1、4:3；视频常为16:9，这里我讲的是我平常经常会用着的尺寸，还有其他的情况就个人而定哦！总结：我们在平常的设计中只要能够把握这些设计的规范，对你所做的产品足够了解，就能高效的设计好的作品啦，唯有坚持，方能不负所爱，加油！打字不易，欢迎点赞及评论，说说你们在UI设计中常用的规范是什么？点击头像关注我，私信回复007，免费获得UI设计相关规范源文件，谢谢支持！ 2024-11-22 3楼 回复 (0) 汪语晨用户 给你一套全的进行参考吧！微信的全套UI标准：https://p5.21863.cn/large/4a320003aa23729b9b0e" img_width="750" img_height="5329" fold="0" > 2024-11-22 4楼 回复 (0) 方田怡用户 1.版面布局2.色彩搭配3.字体字号未经芝士回答允等了许不得转载本元文内特容，否则化将视为侵权4.字间距行间距段间距5.每个页面突出一个重点6.整个产品体系的统一性7.易交互性，三步法原则8.迭代一致性9.提示页面最低思维原理 2024-11-22 5楼 回复 (0) 段经国用户 首先要设计一套基本的VI识别系统，然后就是对照vi的基础部分严格执行整体UI的设计 2024-11-22 6楼 回复 (0) 陈谭容用户 您好！UI设计规范能在整个平台中创造一致性，颜色、按钮、字体、品牌一致性，给用户安全感与熟悉感，同时解决设计师因为个人特征导致界面不统一问题。设计规范一般从以下几方面来规范：设计原则（价值观）、色彩系统、图形及图形规范、栅格系统、字体、投影、图标、按钮、控件、布局。芝此士回答，版权必究老，未可增经么许可，不得转载 2024-11-22 7楼 回复 (0)
楼主你好!
设计规范一般从以下几方面来规范：颜色、字体、图标、按钮、控件、布局。公司网站里基本用不到图标，故没有在设计规范中列出，APP中图标较多，需要规范图标的大小尺寸。
芝士去回答，版权必究，议未经许可并，什北不得转载
值得一提的是，不同的产品有不同的特点，所以有时需要和团队商量好规范再动工，其实都是大同小异。
希望我的回答能楼主满意～
一般规范来说，指的是有两种。一种只是针对有含有界面设计内容的规范文档；另一种指的就是涵盖代码和界面规范的内容。
前者我们称为uikit，后者称为设计库。
未则经芝约士回答等允许不得转载本文内才容装，否则将视为侵权
如果你只是一个设计师，并不会任何代码方面的知识。你独立设计uikit的内容。即，只有界面。完整的uikit
就如同下图的样子。
工其关质向统风，带达布约院。
也说行进理最活九队受算史团克眼。
典型的高端专业UI规范文档模板下载[XD,Sketch]
uikit典型的专业UI规范文档模板，如果您正在为写规范而头疼，这套模板不仅仅会告诉你如何写规范，还会让你的规范显得非常高大上。
当然，我们常用的微信也有类似的uikit设计规范模板。
如果你一开始不会自己写，完全可以对着成熟的设计规范模仿。唯一需要注意的是，你需要的组件应该不用这么丰富，适当删减内容效果更佳。
如果你对此感兴趣：
关键字为【uikit 模板】一般提供
UIKit提供的界面元素可分为以下三种类型：
栏：通知用户应用程序现在的位置，提供导航，还可以包括用于触发功能和交换信息的按钮或其他元素。
视图：包含用户在应用程序中最感兴趣的信息，例如文本、图形、动画和交互元素。例如，视图允许滚动、以插入行为，例如、删除和置换。
控件：触发功能和传递信息。控件包括按钮、开关、输入框和进度指示器。
前端组件库如果您是前端开发人员，或想要学习Web前端开发技术的小伙伴，您必须了解三个最流行的前端框架。
里面也封装着完整的UIKIT模块
angular官网：https://angularjs.org/
React 官网：https://facebook.github.io/react/
Vue官网：https://cn.vuejs.org/
总结规范更多考虑的是，如何快速协作，避免重复劳作的无用功。
不管你是处在公司，还是个人奋斗，更多该考虑都是尽快找到属于自己的节奏，一种完整的工作流，会令你的效率成倍提升，这也是建立设计规范的原因所在。
5分钟快速了解UI设计规范
每位UI设计师，想必都有一套属于自己的设计规范，今天我就来教大家在5分钟快速建立一套自己的设计规范。
我今天讲苹果版本的（尺寸：750*1334），因为现在很多的设计师就做一套UI图，安卓版本的基本就已经省略掉了，原因很简单，是的没错，就是节约时间哈。
底部栏与顶部栏的规范下面第一张图是底部栏的设计规范，第二张图是加图标展示，底部栏高度为49px，在我以往的设计工作经验中，常见的分为3种情况，3个图标、4个图标的、5个图标的，不管是那种我们应该按照规范来，这样前段在开发时就会比较方便，按照几等分（n/375），底部的图标我习惯用28*28px（尺寸：375*667，最后导两倍的图给前段开发），底部文字都用10px。
版权归每芝列士回答存网站或原问作式者所有
底部栏
接下来我们看第三张顶部栏的设计规范图，顶部栏的高度一般为64px，标题文字我喜欢使用18px,不过还是要看自己的设计风格。
顶部栏
定表重老图先造志拉感查。
字号与字色的规范字号的大小使用也是非常的重要，之前我的一个客户，希望我能够把字体设计大些，他的原因是字号越大会体现一个企业的大气感，其实这样往往适得其反。
主过物还并常将先七离群按片。
你们一般在进行设计时，会使用几号字体呢？正文我最喜欢用的是14号、16号，我已经把我经常用的字号整理出来了，大家可以看下面的图哦。
字号
字色
两侧间距及模块上下间距的规范在设计时，我们有必要两侧留间距，常见的有14px、16px、24px，上下间距常用10px,在开始做UI图的时候，最好确定好一个值，在后面设计其他页面的时候，都可以用同一个值，保证自己设计的风格，不会让人误以为随便留的。
两侧间距
模块上下间距
按钮及模块高度按钮是UI设计中最常用的一个元素，几乎每个项目都会有它的出现，在不同的UI设计中，Button本身会根据主体风格制作，不同大小的按钮样式会有所不同，下面是我画出来的几种常用的按钮大小。
按钮
模块高度
图标及辅助线的规范在画图标的时候，务必将图标限制在正方形中并创建为组件，这样既方便以后修改也方便开发。
图标16*16:非可单独点击；22*22:最小可单独点击按钮；24*24：表单小图标；28*28:底部标签栏，其他的视情况而定。
辅助线
UI设计中我们看见的辅助线一般分为两种：投影型、画线，我个人认为投影型是非常实用的，看起来不会那么死板，而且有一个好处，可以确定文案的位置，保证了设计的规范性，细节可以让整体看起来更完美。
图片、视频大小的规范图片常用的比例为1:1、2:1、4:3；视频常为16:9，这里我讲的是我平常经常会用着的尺寸，还有其他的情况就个人而定哦！
总结：我们在平常的设计中只要能够把握这些设计的规范，对你所做的产品足够了解，就能高效的设计好的作品啦，唯有坚持，方能不负所爱，加油！
打字不易，欢迎点赞及评论，说说你们在UI设计中常用的规范是什么？
点击头像关注我，私信回复007，免费获得UI设计相关规范源文件，谢谢支持！
给你一套全的进行参考吧！
1.版面布局
2.色彩搭配
3.字体字号
未经芝士回答允等了许不得转载本元文内特容，否则化将视为侵权
4.字间距行间距段间距
5.每个页面突出一个重点
6.整个产品体系的统一性
7.易交互性，三步法原则
8.迭代一致性
9.提示页面最低思维原理
首先要设计一套基本的VI识别系统，然后就是对照vi的基础部分严格执行整体UI的设计
您好！
UI设计规范能在整个平台中创造一致性，颜色、按钮、字体、品牌一致性，给用户安全感与熟悉感，同时解决设计师因为个人特征导致界面不统一问题。
设计规范一般从以下几方面来规范：设计原则（价值观）、色彩系统、图形及图形规范、栅格系统、字体、投影、图标、按钮、控件、布局。
芝此士回答，版权必究老，未可增经么许可，不得转载