地  址:江苏省南京市玄武区玄武湖
电  话:4008-888-888
邮  箱:9490489@qq.com
商  务QQ:2249937563
h5免费制作平台:网页设计技巧之网页首屏高度怎么定夺?
作者:管理员    发布于:2020-06-01 07:37   文字:【】【】【
一个经历丰厚的网页设计师在做网页原型设计或者视觉效果图时,首要有必要要做的是标注清楚网站首屏的高度线,以便直观的看到网站首屏的高度,首屏可以显示的元素。那么,我们该怎么来标注一个网页的首屏线那?笔者结合网上的一些谈论特整理如下:   首屏的高度直接跟客户端的各种客观的条件有关系,因为我们要确定首屏的高度(标注首屏线)就需要结合一些相对精确的内部统计数据来分析了,依据各个客户端的操作体系、阅读器散布和屏幕分辨率等状况,并结合常见阅读器状态栏、使命栏等高度进行分析如下:   第一步:分析常见分辨率及阅读器下高度数据   综合上面表中各个分辨率及阅读器下的统计数据,我们很容易画出两条首屏线,分别为 580PX 和 710PX,对应不同的分辨率。
    第二步:分析客户端实践分辨率及阅读器可见区域   通过收集的用户数据我们可以得出如下数据:   1) 1024 768, 1440 900, 1366 768, 1280 800 分辨率是大部分客户端的设置;   2) 客户端分辨率总类十分多,不常见的分辨率比例里边占了适当多的品种;   3) 跟着硬件的晋级换代800 600,1024 600 等600PX高度的分辨率在逐步消失。   通过对大于30W台客户端用户进行测试,得到的测试数据如下:   1) viewport 高度低于等于 580 的有 116786 个人,占 44.64%   2) viewport 高度低于等于 720 的有 216227 个人,占 82.64%   3) viewport 高度低于等于 800 的有 241420 个人,占 92.27%   4) viewport 高度低于等于 900 的有 259174 个人,占 99.06%   综合上面三个步骤,最终我们可以确定:   1、通过火析上面阅读器常见热区散布图我们可以看出来:在网页设计时假如把页面首屏高度定在大于600像素的分辨率上,有可能会导致很多的用户看不完好,考虑到杰出的用户体验度,建议:网页设计师在设计网页时以600像素作为首屏高度来设计;   2、依据用户可见区域高度统计图及全体二八比例划分的原则,假如把首屏高度确定在710像素可以照顾到约80%的用户群体,小K建议:前端开发在做页面时可考虑把710 像素视为首屏区域高度,选用技能手法对首屏的体现进行优先加载可取得杰出的用户体验度。

引荐阅读:

Copyright © 2002-2020 网页免费制作_免费建站平台哪个好_如何制作自己的网站_旅游网站建设方案_制作自己的网站 版权所有 (网站地图
地址:江苏省南京市玄武区玄武湖 电话:4008-888-888
邮箱:9490489@qq.com QQ:2249937563