天津做网站公司：只有合适的宽度，没有绝对正
2021-03-17
PC 端网页设计对于很多从事 UI 行业的新人来说是一个充满未知的领域，对于怎么进行基本的画布创建，规格设置，都处于两眼一抹黑的状态。虽然这是因为多数人没有系统的学习 UI 知识，它并不是一个合理的现象。接下来，天津做网站公司—天津电扬科技会更新一些网页设计的干
货，帮助更多 UI 设计师了解网页设计的基础知识。
网页设计的第一步就是画布创建了，这也是困扰我们的第一个难题。由于市面上存在多种前端技术的应用，以及一些历史遗留问题、设计场
景差异等因素的影响，我们在搜索「网页设计宽度」这类问题的时候，得到的结果会有非常多的版本，导致更加迷茫。所以，了解网页设计的宽度
定义，势必要理解它们的底层原因，因为宽度的设置：只有合适的宽度，没有绝对正确的宽度。对于任何网页设计的项目，宽度设定的标准都是不
同的，而在选择宽度的过程里，需要考虑 两个核心因素：
一、设备因素
设备因素即确认项目主要展示的屏幕设备是哪一种，它们对应的分辨率是多少。最粗略的划分，可以将设备划分成 PC 端和移动端。这两者受
制与显示的尺寸，系统的限制，在设计和操作上都有比较大的区别。
浏览设备：即网页用户所使用的屏幕类型，主要考量的标准是屏幕的分辨率（长宽像素数）。常见的 PC 屏幕分辨率有 1280×800、
1600×900、1440×800、1366×768、1920×1080、2560×1440 等，再加上一些更加不常见的（比如 surfacebook 的 3000×2000），可以列
出数十种，这是大家都已经知道的事情。
二、 展示类型
展示类型，也只有两点，即宽度适应屏幕，或者是定宽。
宽度适应屏幕：可能有不少人已经听过响应式布局和自适应设计的大名，先不论它们有什么区别，它们代表了网页显示内容随浏览器窗口尺
寸变化而变化的技术，比如使用 Bootstrap 架构的星巴克官网，更改浏览器窗口宽度后，可以得到不同的结果。
定宽：只需要以适配 1280 或 1024 的屏幕展开设计即可。但是，网页的实际内容区域，和我们要适配的范围是不同的。
决定我们设计尺寸是取决于我们的主要受众用户，而不是茫然的跟着别的设计师，还要考虑到适配等等问题，虽然是最基础简单的尺寸，也
藏着很多的知识点。
天津做网站公司—天津电扬科技致力于企业信息化网络技术的发展，为企业的品牌网络营销推广模式注入更多元化的变革。
