用「8点网格」来规范你的设计
点网格流行有一段时间了，我最早知道这种设计方式是在看了谷歌的Material Design设计规范之后开始认识这种设计方式的。发现这种设计方式实在是太适合我这种理科出生的设计师了，所以在这里也给大家科普一下为什么要使用8点网格。什么是8点网格就是建立8点为一个单位的网格，所有的元素尺寸都是8的倍数。
首先请设置网格基数。我平时使用8px / 16px / 24px / 32px / 40px / 48px / 56px等间距设计原则来分隔元素（如果需要更紧密布局时，也会使用4px）。我现在认为在8岁的时候 - 起初你可能只是用一个计算器来检查，但很快就会变得很自然。
以8为基数的栅格系统渐渐被使用，以8为基数 好在哪里？之前国外的一个博客中( spec.fm *一个开发者和设计师共同搭建的博客，设计细节中会从多个纬度去考量)， 有 一篇文章 提到过使用8点栅格的好处。
以8为步进单位，进度合适，既不显得过于琐碎，也不会因为间隔太大而显得内容分散；众多开源代码都以8的倍数作为默认设计大小；已被多次论证，8点栅格甚至已经形成了一套理论。凡事没有绝对，如果做固定结构的网页布局，不考虑响应式网页设计，也可以自行根据实际情况以偶数作为最小单位来设计网格。
使用屏幕像素密度，而不是清晰度 在设计方案页面时，不必根据清晰度来设计方案，只是对于机器设备的屏幕像素密度开展设计方案。那样能保证设计风格能在每个不一样机器设备上非常好的兼容。
UI设计规范都有哪些
设计中三大元素，色彩，字体，图形，那么第一步我们在建立一个系统时候，色彩是很重要一部分，我们需要定义好我们整个系统的色彩架构体系，色彩体系一旦建立好，后面我们的设计都将围绕这些色彩进行设计，色彩包括：品牌色、辅助色、字体黑白灰颜色、不可用颜色、超链接颜色、成功或失败颜色等等。
基础规范 基础规范我划分的是组成页面最小的元素、是最基础的一步。基础规范有文字、颜色、布局层级、图形、分割线等。组件规范 组件规范是由两个元素组成，且可点击的控件。组件规范有按钮、导航栏、搜索框、tab栏、列表、表格、筛选器等。
运动与引导 视觉有沿着线条移动的自然倾向，如同沿街行走。SoundCloud的音轨沿着水平轴线，随着音乐的推进，引导用户的听觉旅程。 连续性与探索欲 UI设计中的无限滚动，如Pinterest，通过轴线引导用户无尽的探索，直到找到兴趣点或感到满足。
UI交互设计规范中的页面信息规范主要指页面的静态信息应该遵循的规则，包括：标题规范；新窗口链接规范；图片规范。信息规范 UI交互设计规范中的交互提示规范主要用于规定在交互过程中交互的方式及其信息提示，包括：预先信息提示 a.表单提交类，b.谨慎类操作，c.差异化规则。
在UI设计的世界里，设计规范如同指南针，引领我们创建一致且高效的产品体验。从原子设计的五个层次出发，它包括原子、分子、组织、模板和页面，旨在解决软件开发中的种种挑战，减少成本、避免重复，加速产品迭代。
图标规范 很多设计师以为ui设计就是设计图标和设计界面。虽然事实并非如此，但图标的设计在整个ui设计中是比较基础的一个环节。图标与品牌标志一样，在设计时都需要做适当的减法，应该尽量用简约的线条去表达其含义，还应该尽量避免出现线条结构过于复杂的设计。
UI设计有哪些规范?
1、设计中三大元素，色彩，字体，图形，那么第一步我们在建立一个系统时候，色彩是很重要一部分，我们需要定义好我们整个系统的色彩架构体系，色彩体系一旦建立好，后面我们的设计都将围绕这些色彩进行设计，色彩包括：品牌色、辅助色、字体黑白灰颜色、不可用颜色、超链接颜色、成功或失败颜色等等。
2、组件规范 组件规范是由两个元素组成，且可点击的控件。组件规范有按钮、导航栏、搜索框、tab栏、列表、表格、筛选器等。模块规范&banner运营规范 模块规范是一个大的板块，如金刚区、列表流、图片流等；因为banner运营是一个很复杂的模块，需要单独定义规范。
3、UI交互设计规范中的页面信息规范主要指页面的静态信息应该遵循的规则，包括：标题规范；新窗口链接规范；图片规范。信息规范 UI交互设计规范中的交互提示规范主要用于规定在交互过程中交互的方式及其信息提示，包括：预先信息提示 a.表单提交类，b.谨慎类操作，c.差异化规则。
web界面设计规范有哪些-UI设计规范:如何构建Web端?
安装界面上应有单位介绍或产品介绍，并有自己的图标。 062主界面，最好是大多数界面上要有公司图标。 063登录界面上要有本产品的标志，同时包含公司图标。 064帮助菜单的关于中应有版权和产品信息。
．已上传至蓝湖协作平台的高保真界面，应根据平台中的标注尺寸进行精确还原，Web界面还原度不得低于95%；移动端还原度为100%（精确到一像素）。2．开发人员完成视觉部分内容以后，必须由UI设计师及前端技术负责人进行校对工作。
右：功能区域、内容区域 字体：最小12px，最黑#333333 字体12px、14px、16px效果选择无，其他字号则用锐利、犀利、浑厚等 标题部分字体：14px~24px（尽可能采用雅黑）正文部分字体：12px、14px（雅黑或者宋体），字行距一般为5~2倍之间。
UI设计具体有什么要求?
1、UI设计有的要求有：保证界面清晰 清晰的界面，是每个 UI 设计师都必须遵从的原则。一个让用户看起来非常模糊，主题杂乱的界面会让用户对这个软件产生一种厌烦感，还会让用户产生视觉疲劳。所以一个优秀的 UI 设计师第一要求就是要建立一个清晰的界面，提高用户体验。
2、对比 页面上的不同元素之间要有对比效果，达到吸引用户的对比效果。如果两个项不完全相同，就应当使之不同，而且应当是截然不同。对比不仅可以用来吸引眼球，还可以用来组织信息、清晰层级、在页面上指引读者，并且制造焦点。可以采用多种方式产生对比。
3、沟通和文档撰写能力：如果说UI是人与机器交互的桥梁和纽带，那么UI设计师就是软件设计开发人员和最终用户时间交互的桥梁和纽带，如果UI设计师不能具备很好的沟通和理解能力，不能撰写出优秀的指导性原则和规范，那么，他将无法体现出自己对于开发人员和客户的双重价值，也无法完成他的本职工作。
4、UI设计师需要掌握图形绘制能力，在实际工作项目中，会有各种各样的图形绘制需求。比如App界面设计中的各种引导页、启动页、图标设计等，那么这些图形你可以用手绘板绘制，也可以用鼠标绘制。
5、审美。多数认为UI设计与制图挂钩，因此一定要具备美术基础。而事实并非如此，UI设计中所说的美术基础更多的倾向于审美能力，而这种能力是可以培养的。在你接触UI设计以后，你可以有意的让自己沉浸在美好的视觉氛围里，久而久之你的审美就会高于普通人。理论知识。
6、应聘者应拥有设计或美术相关专业的本科及以上的学历背景。 需要至少2年的界面设计工作经验，并且有移动设备界面设计的实践。 应具备良好的艺术修养和视觉表达能力，能够创新设计，理解先进的设计理念和技术，对新趋势保持敏感。 必须具备良好的沟通和团队协作能力。
网页设计规范
在最新版Photoshop网站Web预设尺寸给了我们一些启示：常见尺寸(1366x768px)、大网页(1920x1080px)、最小尺寸(1024x768px)、Macbook Pro13 (2560x1600px)、MacBook Pro15(2880x1800px)、iMac 27(2560x1440px)等。文字规范 我们现在都知道了网站上面的文字是通过前端工程师重新写在代码里的。
网页设计的主要规范包括： 一致性。网页在设计时，要确保风格、色彩、字体等元素的统一，以维持网站的整体一致性。这有助于提升用户体验，增强品牌的辨识度。解释： 一致性在网页设计中至关重要。无论是网站的色彩搭配、字体选择还是布局设计，都需要保持一致性。
网页设计规范的要求学习网页设计规范要注意四点：(1)布局。(2)颜色匹配。对于初学者，建议在主色调上设置一些亮度梯度或相似的颜色。(3)图像。丝网设计的两个基本要求是：不变形。
后台产品设计规范 以下数值为参考，请结合特定产品灵活运用。 页面布局 统一尺寸 据统计，目前 PC 端用户屏幕分辨率占比排名前三的是 1920*1080、1366*761440*900，以 1440 来设计的话，向上适配或者向下适配误差会比较小。