网页设计需遵循一定的标准流程,接下来将为大家讲解如何制作一个规范化的网页页面。在制作过程中,我们会用到guideguide插件,该插件可通过百度搜索自行下载并安装使用。
1、 打开Photoshop软件,新建一个尺寸为1920×3000像素、分辨率为72、背景颜色为白色的文档。

2、 在guideguide插件设置界面中,设定左右边距为360像素,列数设为12列,间距保留20像素,所有单位均为像素。

3、 进入插件菜单,选择水平参考线设置,输入785像素作为首屏的分割位置。

4、 使用矩形工具绘制一个大小为1920×785像素的矩形,并填充不同颜色以便于区域区分。

5、 创建一个高80像素、宽1920像素的导航栏,利用矩形工具完成绘制。

6、 使用文字工具添加导航栏中的文字内容。

7、 为了提高效率,可在“窗口”菜单中打开“字符样式”面板,新建一个常用的文字样式,便于后续快速应用到其他文本元素上。

8、 按照以上步骤继续完善其余页面内容即可完成整体布局。











