网页设计中的页面宽度到底该如何决定？

2021-10-25 分类：网站建设

之前写了有关网页设计的一些问题，但有很多客户都对网页设计的页面宽度提出了疑惑，我们今日就跟大家说说有关网页尺寸的探讨。

PC端的网页设计针对许多从业UI设计行业的新手而言是个充满挑战的行业，针对基础的画布建立、规格设定，都处在两眼一抹黑的情况，许多网页设计师在建立画布的情况下，就已经是第一个困惑的难题了。

特别是大家在网络上找有关的问题时，获得的结果有多种多样版本，而确实开发设计完成时又会碰到许多的难题，这也使大家更为的茫然。实际上针对网页设计的页面宽度设定是沒有绝对固定的值，是依据大家需求考虑的。

网页设计的宽度关键分成二种：

定宽：内容区域宽度固定不变

自适应：内容区域宽度跟随电脑浏览器转变

定宽模式

定宽是我们在见到的绝大多数网页设计中最普遍的一种方式，网页宽度分别由：960px、980px、1190px、1200px、1210px、1400px，有些人见到这儿将会会有疑问，大家平常做的设计图不是1024px、1280px、1366px的吗？

在定义网页页面宽度时，大家第一件事是考虑到大家的受众群体用的显示屏。

1、机器显示屏设备

显示屏基本都是以 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宽时，两侧会产生留白。