网页设计宽度怎么定 第1篇
响应式网站较为简单，设计师只要画一个界面就可以了，布局可以通过设定来自行调整。
而自适应网站设计师者要做两套或者多套不同的网页界面，以满足所有市场用户，比如说手机端可能就要重新设计了。
但是响应式的网站只适合比较简单的风格，面对一些比较复杂的框架结构就比较难以实现了，由于局限性比较大，实际项目的开发市场可能还不如自适应的网站，自适应往往就考虑几种状态，不需要长期考虑网站建设大小问题，因此你会发现自适应比响应式会更符合企业建站需求。
划重点
决定我们设计尺寸是取决于我们的主要受众用户，而不是茫然的跟着别的设计师，还要考虑到适配等等问题，虽然是最基础简单的尺寸，也藏着很多的知识点。
参考文献：
《【方法论】网页宽度怎么定？》
《Web UI设计师需要了解的用栅格化系统指导网页设计》
《设计网页，常见的宽度是多少像素？》
《响应式网站自适应网站的区别以及利与弊》
《网页宽度到底该怎么定？这篇全面好文告诉你！》
《响应式网站和自适应网站有什么区别?》
网页设计宽度怎么定 第2篇
定义内容区域有两种办法，一种是用栅格：（ W =（a×n）+（n-1）i ）得到严谨实用的内容宽， 如下图所示：
这个做法就是通过将内容区域划分成若干内容块和间隔模块的方式，辅助我们排版。在本篇内容里不做具体介绍，只需要关注结果即可。
如果选择适配 1280px，那么设计内容的区域宽通常为 1180、1190。而在适配 1024px下，那么内容区域宽常见的就有 950、970、990 等。当我们创建完完整分辨率的画布，再通过参考线的方式将内容区域规划出来即可，如下图所示：
关于栅格化今天就不赘述了，有兴趣的可以看看这篇关于栅格的文章，传送门：
当然如果大家觉得复杂，我们可以使用第二种方法也是最简单的方式：宽度 = 支持最小宽度 - 左右留白。
这里就得到开头所说的，为什么常见的网页宽度分别为：960px、980px、1190px、1210px了。
自适应模式
说完了定宽的模式，我们再来说说自适应模式，这个分为两种：响应式网站和自适应网站，首先我们先来说说说自适应的网站。
网页设计宽度怎么定 第3篇
显示屏基本都是以 1024px起始的，尽管这一屏幕分辨率的显示设备早已很少了，大家就需要依据客观原因考虑到自身要适用最低的屏幕分辨率。
例如如今普遍的PC屏幕分辨率有1280*800、1600*900、1440*800、1366*768、1920*1080，现阶段而言机器设备中利用率数最多的是1920的。
那么大家是否在网页设计的情况下用1920px宽的就可以呢？自然不是。
以我工作工作经验而言，之前有讲到很多企业还是大量应用着1024px的电脑显示屏，因此在界定网页页面宽度的情况下，它是要考虑到第一个要素，尽管那样的机器设备在目前市面上早已非常少见了，可是大家网页设计方案的情况下就需要以1024px的画布来画页面。
由于在业务流程一切正常应用的情况下，显示屏屏幕分辨率假如低于画布，内容便会显示信息不全，这样会大大影响用户浏览体验。
在1024px的状况下，网页页面便是显示信息不全的，同样就等同于你为客户做网站建设的网页设计，却并沒有充分考虑他们的应用感受，因此我们在考虑到设计网页尺寸的情况下，实际要考虑到的是用户显示屏，而不是绝大多数网页设计师常用的尺寸。
例如UI我国、站酷，因为这2个的网站的受众人群全都是互联网设计，而这种群体的设备性能都相对性较为不错，因此他们网站最低满足设备都是1366px起的。
一些企业设计的web智能管理系统，运用的机器设备统一大概率全是 1440px宽之上的，因此大家在网络上可以寻找的alipay和element的设计部件，机器设备尺寸是1440宽之上的。
也有一些朝向群体比较多的网址，例如淘宝网、京东商城等，因为受众人群跨度大，因而他的机器设备就需要考虑全部机器设备，从最少的1024刚开始适用。
以企业的网页制作为例子，在明确了1024宽为网页设计尺寸，接下去要做便是明确主内容的区域宽出来，我以前碰到的很普遍的问题便是两侧沒有留白，内容会直接压边，可是大家看一下绝大多数的网站，在变小的区域低于1024宽时，两侧会产生留白。
这个内容边距要怎么定义呢，下面我们就来讲到。
网页设计宽度怎么定 第4篇
在定义网页宽度时，我们第一件事是考虑我们的受众用的显示器。显示器基本都是从 1024px 起始的，虽然这个分辨率的显示设备已经不多了（虽然我们公司就有很多，都是正方形的），我们就要根据客观条件考虑自己要支持最低的分辨率。
比如说现在常见的PC分辨率有1280*800、1600*900、1440*800、1366*768、1920*1080，目前来说设备中使用率最多的是1920的，如下图所示：
那么我们是不是在设计的时候用1920款的就可以呢？当然不是。
以我的工作经验来说，刚刚有讲到我们公司还是大量使用着1024px的电脑，所以在定义网页宽度的时候，这是要考虑第一个因素，虽然这样的设备在市面上已经很少见了，但是我们设计的时候就要以1024px的画板来画界面。
因为在业务正常使用的时候，显示器分辨率如果小于画布，内容就会显示不全，这让需要每天查看数据的业务看到显示不全的网页，这会非常难受的，比如说下图中的网页：
在1024px的情况下，页面就是显示不全的，同理就相当于你为业务设计的网页，却并没有考虑到他们的使用体验，所以我们在考虑设计网页尺寸的时候，实际要考虑的是我们用户显示器，而不是大部分设计师用多大的尺寸。
比如说上图中的UI中国、站酷，由于两个的网站受众群体都是互联网设计，而这类人群的设备性能都相对比较不错，所以他们网站最低的满足设备都是1366px起的。
一些企业设计的web管理系统，应用的设备统一大概率都是 1440px 宽以上的，所以我们在网上能够找到的Alipay和element的设计组件，设备大小是1440宽以上的。
还有一些面向人群比较多的网站，比如淘宝、京东等，由于受众群体跨度大，因此他的设备就要满足所有设备，从最低的1024开始支持。
以我们公司的网页设计为例，在确定了1024宽为设计尺寸，接下来要做就是确定主内容的区域宽出来，我之前遇到的很常见的问题就是两边没有留白，内容会直接贴边，但是我们看一下大部分的网站，在缩小的区域小于1024宽时，左右会产生留白，如下图所示：
这个内容边距要怎么定义呢，下面我们就来讲到。