规划标准，关于刚入行的新人，可能觉得是一件很巨大上又很让人头疼的工作。本文从新人的视点动身，总结一些规划标准要点，算是一次温故总结的共享。
我自身是一名UI规划师，所以我站在规划师的视点去把自己所学所了解的东西通知咱们。可能公司不同，咱们规划习气不尽相同，可是毕竟仍是能有些协助。依旧声明：这儿写的仅仅我个人的运用习气，仅仅一种工作办法，咱们在详细工作中，一定要灵活运用。另外，技能的更新是非常快的，我写的这些可能某些东西和你们的工程师伙伴所用的办法不一样了，所以，仍是要灵活运用。
首先带领咱们先了解一下本文大致分为哪几个模块：网页规划尺度、常用字体、字体距离舒适规模、字体色彩规划技巧、其他留意事项。
一、网页规划尺度
制作网页时咱们选用的分辨率是72像素/英寸，运用的画布尺度1920px*1080px。但并不代表咱们能够在整个画布上作图。
网页的布局主要有两种：左右型布局和居中型布局。布局的不一致，使可规划的空间也不相同。
左右结构型
1、左右布局，灵活性强，UI的约束小；
2、左面通栏为导航栏，宽度没有详细的限时，能够根据实际情况进行调整；
3、右侧为内容板块规模，是网站内容展现区域。
居中型
4、居中布局，中间的黄色部分为有用的显现区域，用于网站内容的展现。
5、换句话说，两边均为留白，没有实际用处，仅仅为了适配而存在。
6、内容限时区域在好控制在1000px-1200px。
二、常用字体
现在网页的布局咱们现已了解了，那么接下来就是网页中常用到的字体。
字体规划的总原则是：可辨识性和易读性。
中文主张运用微软雅黑字体，英文则主张运用arial字体。常用的字体大小号有以下几种：
1、12px是用于网页的最小字体，适用于杰出性的日期，版权等注释性内容。
2、14px则适用于非杰出性的一般正文内容。
3、16px或18px适用于杰出性的标题内容。
4、网站的字体大小并没有硬性规定详细的字号，根据实际情况能够酌情考虑，可是要有限适用偶数字号。
5、字体标准也不需求太多，最好适用三种混搭。假如需求更多
6、层次的区别，能够改动字体色彩或加粗来表现。
三、字体距离舒适规模
相邻两个文字的距离，其实不需求太过介怀，除了特别的需求之外，都能够运用默许数值的距离。
1、行距离，引荐以字体大小的1.5-2倍作为参阅；
2、段距离，引荐以字体大小的2-2.5倍作为参阅。
3、当选用14px字体时，行距离：21-28px;段距离：8px-35px
四、字体色彩规划技巧
1、主文字的色彩，主张运用公司品牌的VI色彩，可进步公司网站与公司VI之间的相关，添加可辨识性和记忆性。
2、正文字体色彩，稳妥起见，选用易读性的深灰色，主张选用#333到#666之前的色彩。
3、辅助性的，注释类的文字，则能够选用#999999之类的比较浅的色彩。
假如，你对色彩驾驭能力比较强，你也能够选择偏公司VI色彩的深色，作为正文字体色彩或许辅助性文字的色彩。
例如公司的品牌是蓝色，那么正文就能够选用偏蓝色的深色。这样处理之后，文字就有了环境色，网站全体将更加调和。
深灰色偏蓝色
五、其他需求留意的事项
做网页规划时，你还要特别留意网页的首屏内容，在构图和内容出现上，首屏模块的规划至关重要。
1、除掉任务栏，浏览器菜单栏以及状态栏的高度，剩余的是首屏高度。
2、WindowXP的首屏高度平均值为580px,window7的首屏高度平均值是710px。
3、归纳考虑到WindowXP现已退出商场，在实际操作时，咱们以710px作为根据。
如下图，黄色区域是咱们规划时要着重考虑的首屏规模
另外，是关于图片尺度问题。需求全屏显现的图片，宽度尺度严厉规划为1920px。可是值得留意的是，图片内容的有用规模不能超过网页内容的有用规模，控制在1200px以内，以免遇到小屏设备时显现不全，而形成信息遗失。
提到这儿，网站规划标准部分的内容就算是讲完了，当然上面的一切标准也仅仅标准，不要由于这些标准去约束自己的主意，标准是用来打破的，规划最重要的仍是规划得漂亮，规划的时候详细要给多大的数值，取决于规划师，标准是用来参阅的。
