pc端网页按什么尺寸设计

如果不做全屏，或者主区域没有全屏设置，可以固定中宽，比如bootstrap的container的固定宽度1170px。下面小编给大家介绍pc端网页按什么尺寸设计，一起来看看吧。

pc端网页的尺寸设计规范

如果做一个全屏页面，设计的大小是1920*960px，然后所有与页面大小相关的样式都由JQ控制。

其原理如下：

1、获取当前浏览器可见区域的宽度w，计算尺度系数I= w /1920。

2、在显示器上绘制分辨率为1920*1080的页面，然后将该尺寸的所有数据乘以系数I。

3、效果。这样的页面看起来就像一张图片，不管显示器有多宽，模块都是一样的。

4、如果不做全屏，或者主区域没有全屏设置，可以固定中宽，比如bootstrap的container的固定宽度1170px。

pc端网页设计的特点

1、可复用性

有完整的设计规范和相应的组件控制，方便视觉和交互设计师复用，无需重复生产，减少工作量，提高工作效率。

2、统一性

通过统一的设计规范，设计师在使用组件控件时，可以避免自己创建组件控件，并维护团队产品的统一体验。

3、提升能力

由于组件控件的可复用，直接提高了设计人员的工作效率，节省了大量的时间。设计师可以有很多时间去思考设计和商业背后的逻辑，从而提高自己的设计思维能力。

同时，完整的设计规范是系统的，设计师在阅读后可以建立自己的设计体系，这对设计的改进有很大的帮助。

4、团队文化沉淀

团队有了设计规范后，便于团队以后做设计依据和参考。无论是新员工的到来，还是老员工的离开，都有利于对接工作，提高团队的协作效率。

尊重原创文章，转载请注明出处与链接：https://www.qinxue365.com/wenda/652856.html，违者必究！