如果不做全屏,或者主区域没有全屏设置,可以固定中宽,比如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、团队文化沉淀
团队有了设计规范后,便于团队以后做设计依据和参考。无论是新员工的到来,还是老员工的离开,都有利于对接工作,提高团队的协作效率。