c 网页页面设计 第1篇
整体界面按照8px栅格来设计。为啥要选8px，不是因为8这个数字吉利好听，而是采取8像素栅格，按照8的倍数来设计界面元素，页面适配时更加方便。
（8px的栅格在Ant Design上有比较详细的讲解，不了解的设计狮可以去研究一下～）
根据前期沟通，界面内容需大范围呈现，且用户查看内容和操作权限相对固定，所以采用的是顶部导航菜单、内容全屏适配的方式。
顶部导航+内容全屏适配的优点：内容预览区域面积大，操作区域充足。
c 网页页面设计 第2篇
这里要提到某些公司存在的问题，部分项目工期紧的时候前端开发可以自行开发，不需设计狮画界面。输出一套UI设计规范后，只要有新平台开发需求，他们就沿用这一套，不考虑平台属性、页面内容、目标用户操作习惯。最终导致一些项目的后台界面不中看也不好用。
上述问题说明，UI设计规范沿用是有界限的，当设计不同的平台产品时，需要根据平台的特殊属性来调整，甚至不同的平台都得有属于自己的一套UI设计规范。一味的降低人工成本，会使产品的用户体验降低、视觉观感降低，最终导致用户使用率降低。
c 网页页面设计 第3篇
这款产品最终决定设计浅色和深色2套风格，用户可以在界面中切换深浅皮肤。整理Ui设计规范时，我们输出的是2套颜色规范，且应开发同学要求，2套颜色的属性需一一对应。
什么叫“属性yiyi对应”？例如，在浅色模式下，文字颜色从深到浅分别是#333、#666、#999...，那在深色模式下，文字颜色是#FFF-100%、#FFF-70%、#FFF-50%...
No，这种标注不准确，
如果在深色模式下，字体透明度属性出现了变化，那在浅色模式下，同样要标注出字体的透明度属性，方便开发辨认。
（不知道是不是所有的前端开发都有这样严格的要求，但我们标注一下，可以避免不可描述的问题～）
表单的布局，常用方式是规定最小单位表单的宽度，然后根据最小单位来布局
例如，该项目中，我们设计的最小单位宽度是272px（标题和输入框分行展示）；
当页面只有一列表单时，表单显示宽度为272px；
当页面是2列表单布局时，表单显示宽度是272*2+24=568px；
当页面是3列表单布局时，表单显示宽度是272*3+24*2=864px；
以此类推...
（不用再推了，3列已经足够啦！）
Pc端网页界面上3列表单布局是最大的宽度了，再多的话不利于查看操作，也不利于前端界面适配。
规范内容先说这么多，说说Ui设计规范个人感受最深刻的优点和作用：
1、让界面设计更加规范化，更加整体化，细节更加统一；
2、规范元素转化成设计组件，方便界面设计和后期修改，提高工作效率；
3、有利于设计团队内的人员合作、协同设计、分工配合，减少界面样式不一致；
4、节省了与开发的沟通成本，设计图为主，规范为辅，让开发还原度更高；
5、同类型后台设计时，设计规范扩展使用，让设计更加快捷；
（至于其他优点，某度搜索关键词，还能给你更多的答案哦～）
————————