说起网页界面设计，也许大部分人首先想到的是前端代码和后台程序，但在做这两件事之前，还有一件事要先做。就是设计图。没有设计图，前端工程师就没有实现的依据。下面我们就来详细了解一下，网页设计图的设计规范有哪些？ 

一、尺寸大小 

不管设计什么，我们必须有一个画布才能开始设计，那么我们这个画布应该做多大呢？这正是我们在网页界面设计时遇到的第一个问题。 

一般来说，我们设计的时候是根据电脑分辨率大小设计的，根据电脑显示器的大小，现在使用1920px的宽度居多，以前的版本也使用1440px，比较小的使用1280px，但现在屏幕越来越大，一般设计布局也可以设置得更大一些。 

如果我们在设计时使用1920px宽度的屏幕，那么，我们应该把我们的内容弄得多大，和整个宽度一样大吗？一般不会有人这样做。 

我们有时会做1920px的宽度，但有的电脑宽度只有1440px，看不到最边上的内容，所以我们需要一个内容区域的大小。为了使任何显示器都能完全显示所有内容，这个内容区域的大小一般在1000左右，以前的设置比较小，但是1000还是保险点。具体大小可以根据自己的要求调整。 

二、字体大小 

网页界面设计对字体的要求也很多。通常设计标题的大小为16px或14px，注意不要设置为15px，以免出现单数值。 

正文的大小也是用户可以接受的最小字体大小12px，没必要设计得那么大。英文最小尺寸可以设置为9px。这个尺寸已经看得很清楚了。 

另外，使用什么字体。这个网站设计出来在网上是给别人浏览的，所以为了防止部分字体无法正常显示，所以基本上会选择系统自带的字体，比如说中文的微软雅黑色、黑体、宋体、英文的有Tahoma、Arial等，这些也是我们需要考虑的问题。 

网页界面设计除了以上这两个方面的规范需要遵循之外，还有网页的格栅也是需要遵循一定的规范的。但是今天因为时间关系，我们就不做详细介绍了。