使用统计信息告诉您如何确定网页设计的宽度

发布时间:2020-04-22 11:30:00

网页设计应该有多宽?我们用统计数据说话。

使用统计信息告诉您如何确定网页设计的宽度

网页设计应该有多宽?我们用统计数据说话。

百度统计流量研究院2017年上半年决议。

第一个是360×640,这是一个垂直屏幕,只有医院和学校才能看到,更不用说现在了。

例如,我所在的公司现在适应了以下情况:分辨率为1200像素宽时,使用PC风格;分辨率为1200像素宽时,使用移动风格,即pad和手机的风格相同。

更先进的响应网站应严格网格规范,适应不同宽度,保证不同宽度下的显示效果。然而,这些费用将相应增加。在开发网站时,需要综合考虑实际需求和开发成本。时间是响应式网页的一个很好的例子。

除了统计数据外,还需要将产品的目标用户包括在分析中。科技公司面对的是高端技术人才,他们的显示分辨率不会太低;如果目标用户是一、二线城市的人,那么主流分辨率将优先考虑。

因此,在设计网页时,最好将宽度设置为1200像素,主要内容显示在1200像素范围内,这样既保证了主流分辨率的显示效果,又不影响低分辨率的效果。

例如,下面两张图片展示了腾讯云在小屏幕(1280×1024)和大屏幕(1920×1080)显示下的显示效果。

那么,除了宽度,如何确定高度也是关键,这涉及到每个屏幕的显示效果,是全屏还是只有半屏?这涉及到浏览器的高度,而不是显示的高度。

表中的安全高度是浏览器中每个屏幕的最大高度,因此如果要在一个屏幕内控制内容,高度不应超过最大高度。

在设计中,掌握这些规范可以大大提高工作效率,降低修改率,互相鼓励。


联系我们,谈您的需求

立即咨询