网页的宽度和高度应该如何做设计

来源:本站日期:2018-8-15

一个经验丰富的网页设计师在做网页原型设计或者视觉效果图时,首先必须要做的是标注清楚网站首屏的高度线,以便直观的看到网站首屏的高度,首屏可以显示的元素。那么,我们该如何来标注一个网页的首屏线那?力洋网络结合网上的一些谈论特整理如下:首屏的高度

一个经验丰富的网页设计师在做网页原型设计或者视觉效果图时,首先必须要做的是标注清楚网站首屏的高度线,以便直观的看到网站首屏的高度,首屏可以显示的元素。那么,我们该如何来标注一个网页的首屏线那?力洋网络结合网上的一些谈论特整理如下:
首屏的高度直接跟客户端的各种客观的条件有关系,因为我们要确定首屏的高度(标注首屏线)就需要结合一些相对准确的内部统计数据来分析了,根据各个客户端的操作系统、浏览器分布和屏幕分辨率等情况,并结合常见浏览器状态栏、任务栏等高度进行分析如下:
第一步:分析常见分辨率及浏览器下高度数据
第二步:分析客户端实际分辨率及浏览器可见区域
第三步:浏览器可见区域热区图分析
综合上面三个步骤,最终我们可以确定:
1、通过分析上面浏览器常见热区分布图我们可以看出来:在网页设计时如果把页面首屏高度定在大于600像素的分辨率上,有可能会导致很多的用户看不完整,考虑到良好的用户体验度,建议:网页设计师在设计网页时以600像素作为首屏高度来设计;
2、根据用户可见区域高度统计图及整体二八比例划分的原则,如果把首屏高度确定在710像素可以照顾到约80%的用户群体,力洋网络建议:前端开发在做页面时可考虑把710 像素视为首屏区域高度,采用技术手段对首屏的表现进行优先加载可获得良好的用户体验度。
0
首页
报价
案例
联系
日照大酒店  重庆空压机  南京卓宁梅森机电设备有限公司  泓鑫化工  上庆金属制品  物流活动篷  凯美格玻璃仪器  优质优秀健康的生活方式  能源化工产品交易中心  海南课吓新能源技术  兴庭酒店  柳州回收烟酒  茶叶协会  椰壳活性炭  江苏顺优起重机械  汇古信息科技  中国拍卖网门户  成都网歌网络  重庆婚姻财产分割律师  新疆光纤熔接  中国教育招聘网