随着用户认知的提高，网页制作也在不断前进，逐渐形成了网页尺寸、文本规范、照片规范、按钮设计、表单设计、自适应设计、响应设计等一些规范。接下来，小编将与大家详细分享网页设计规范，让大家在设计前一定要与前端沟通应用的尺寸、字体、互动等，这样有利于后期，不会有误解。由于网页的大小与用户屏幕有关，用户屏幕的类型无法统计。因此，设计图纸只能关注主流客户的分辨率，其他分辨率可以通过适应的方式来解决。在新版本的Photoshop网站Web预设规格中给出一些启示：一般规格(136x78px)、大网页(1920x1080px)、小规格(1024x78px)、MacbookPro13(2560x1600px)、MacBookPro15(2880x1800px)、imac27(2560x140px)等，这些都是主流规格，如果做网站时建议按主流分辨率1920x1080px进行设计，网站宽度一般为1920px，每个屏幕高度约为900px。如何变成900px?由于1080还要减掉浏览器头部和底部的高度，大约是900px。内容安全区域为1200px(或1000px/1400px)。按此规格设计相对标准。当然，在设计网页之前，我们需要了解前端设计规格。毕竟，他们在适应方法和后续合作方面有更多的发言权。

　　网站上的句子是通过前端开发重写在代码中的。这种文本在浏览器上的渲染与系统和浏览器有关。例如，在苹果计算机上看到的文本效果不同于在Windows系统计算机上看到的文本效果：苹果将渲染文本，而windows的句子几乎充满像素颗粒。根据用户比例，windows的用户无疑是主流，因此，尽管应用苹果计算机设计网页，但设计的网页效果也应与windows一致。否则，程序员将无法改变设计方法。

　　在网站设计中，经常使用一些文本框、下拉列表、弹出窗口、单选框、复选框、编辑器等。这些都是系统级的控制器，通常是直接调用系统设计的。但系统设计有时不能满足我们的规定：系统内置表高度不够，点击不舒服;不符合网站整体定制的品牌感。然后可以通过CSS改进这些表格，包括色调、尺寸、内外边距等。因此，当涉及到表格时，您也可以进行自定义设计。

　　自适应网站需要设计不同版本的设计图纸，然后根据不同的设备提供不同的CSS风格。例如，如果你判断你的设备的宽度是750px，那么网站知道你使用手机浏览，你会导入手机的风格;如果是电脑的宽度，你会导入电脑的CSS风格。对于设计师来说，自适应性应该考虑网站在不同设备总宽度下的排除和排版;响应性需要设计至少三套设计图纸，如电脑、平板电脑和手机(但这三套设计图纸的内容是一致的)。简而言之，自适应性和响应性是网站为客户体验所适应的访问设备所做的努力。网页制作必须注重标准化，标准化的网页显示在用户面前会更专业，同时，网页制作必须是网页的适应性设计，手机用户的用户已经超过了电脑端，不能忽视手机端用户体验设计。