优秀的设计师认为这是一种快速培养网页设计美感的方法，建议网页设计专业的学生，可以运用这种方法进行练习。今天小编分享怎么学全屏网页设计，希望对大家有所帮助。

[图片0]

一、前期准备

1、工具。使用Photoshop和Sketch。实际上，可以直接使用PS就行。

2、字体。设计师使用了两种免费字体、乔治亚字体和思源粗体，它是Georagia自带的，所以不需要下载。

3、色彩搭配。页面色彩搭配要使用互补色:蓝色和橙色。

二、制作步骤

1、找一张主图，然后用Photoshop的钢笔工具把主要部分抠出来。

2、抠图之后，在草图中完成排版。PS也可以使用，但效率比较低。

3、图标。除了画一些小图标，Fontawesome的字体图标是用于社交媒体的，所以设计比较简单，不过它也有设计材料图标类别的设计导航。

三、结论

有些人说这种设计只是一个概念设计，实际上不能做网页，这句话是对也是错的，不能做这种效果是因为没有根据网页规范完成，如果网页设计师知道HTML、 CSS布局，然后产生的界面就规范多了。

优秀的设计师认为这是一种快速培养网页设计美感的方法，建议网页设计专业的学生，可以运用这种方法进行练习。