网页设计 首屏高度 第1篇
根据用户屏幕分辨率使用统计,1920×1080分辨率为使用率最高的分辨率,1366×768为笔记本电脑常用分辨率。其中1366×768为web端最窄分辨率,若窗口小于该宽度,则停止响应,由滚动条来显示隐藏内容
考虑到（1）1920中设计固定宽度页面会使得两边留白过多;（2）便于栅格系统换算以及上下屏幕分辨率适配;故使用1440x900分辨率作为UI设计画板
写在最后，设计规范可以让我们在做设计时有逻辑依据，工作中组件方便调用、提升效率，还可以作为走查依据。web设计规范系列章节结合大厂设计规范（antdesign、Tdesign等）以及实际工作经验整理的心得笔记。在此分享给大家，希望能给您带来帮助。本人也是摸着石头过河，写的不好的地方地方还请留言讨论。
我们下一篇见《web设计规范02-删格布局》
网页设计 首屏高度 第2篇
一般情况下要考虑页面内容能够在用户端正常显示即可，我们把这个宽度叫做安全宽度。
一个经验丰富的网页设计师在做网页原型设计或者视觉效果图时，首先必须要做的是明确网页的安全宽度、标注清楚网页首屏的高度线，以便直观的看到网站首屏的高度，首屏可以显示的元素。那么，我们该如何来标注一个网页的首屏线那？这里结合网上的一些谈论特整理如下：
一个网页的尺寸设置和浏览器与系统的尺寸大为相关，我们不可能满足所以用户的最佳尺寸，但我们能做的是让绝大多少用户感觉是最佳的。
不同应用设备屏幕尺寸规格
在Window XP常见分辨率1024×768下我们除掉任务栏，浏览器菜单栏以及状态栏后剩下的网页首屏高度平均值是584。
在Window 7常见分辨率1440×900下我们除掉任务栏，浏览器菜单栏以及状态栏后剩下的网页首屏高度平均值是716。
综合分辨率及浏览器下的统计数据：Window XP首屏高度580px；Window 7 首屏高度716 px。
现在市面上大部分应用的系统为Windows或mac，因此我们在做设计稿时可不考虑xp系统。
综上分析，网页宽度为1920 高度不限，有效可视区：950px~1258px宽度，具体尺寸根据项目，客户要求以及用户群决定。在没有特殊要求的情况下，建议默认安全宽度为1136px（下篇删格系统布局会讲到）；首屏高约为700-750PX ，考虑到良好的用户体验度，网页设计师在设计网页时以720px作为首屏高度设计。
C端网页默认画布大小：1920 x 720、1440 x 720；安全宽度1136
网页设计 首屏高度 第3篇
Ω
网页常用中文字体有宋体、微软雅黑、苹方；常用英文字体有 Times、NewRoman、Arial。
导航区域里的字体尺寸：14px、16px、18px、20px
正文字体尺寸：12px、14px
标题字体尺寸：22px、24px、26px、28px、30px
标题和内容字体尺寸为 10-16px
中英文结合字体尺寸最小为 12px
全英文网站字体尺寸最小为 10px
好啦，以上就是网页尺寸的全部内容了，我们上面说到的尺寸可以理解成是一个上限的尺寸，但是大家在实际的网页设计中，不能把网页设计地过于贴边，这样看起来就会非常拥挤，而且用户在操作的时候还容易误触，页面的内容和网页的边界要有空隙，这样看起来也会更松弛。推荐大家用即时设计进行网页设计，不仅可以清楚地预览你的网页原型，还可以使用响应式调整和自动布局等智能工具，解放你的双手！