大家好，我是小溜，web网页也是遵循一定的规范的，很多时候我们会使用PS来进行设计一个网页平面图，很多UI日常经常会需要接触到，那么PS如何制作一个web网页呢？下面小溜来告诉大家方法和注意事项，注意会用到gUIdegUIde插件。

硬件型号：华硕无畏15

系统版本：Windows7

所需软件：PS 2016

我们打开ps软件，新建一个1920*3000的文件，分辨率选择72像素，颜色为白色。

在guideguide插件中，我们将左右边距都设置为360，行数为12，余边为20，单位都为像素。

下面我们建立首屏线，在【视图】中找到【新建参考线】，选择水平，数值为785像素。

然后用矩形工具绘制一个1920*785的色块，换一下颜色，便于区分。

下面我们建立导航条，大小为1920*80，我们用矩形工具去创建。

下面用文字工具输入导航内容。

下面为了更加方便的为了以后的创作，我们选择【窗口】【字符样式】，创建一个字符样式，以后的文字就可以用到了。

继续做下面的页面就可以了。