怎么学全屏网页设计

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

一、前期准备

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

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

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

二、制作步骤

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

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

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

三、结论

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

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

网页设计中颜色搭配的技巧

以下就是网页设计中颜色搭配的技巧等等的介绍，希望为您带来帮助。

网站色彩搭配是一个很复杂的问题，如何用好色，配好色，分清主次，需要网站设计人员潜心研究。网站色彩搭配好，就会极具冲击力。

因为喜好不同，有的网站喜欢用一种色彩，这样的网站给人感觉是整体统一，通过色彩通明度和饱和度的变化，有层次感。有的网站则喜欢用两种色彩来搭配网站，当然，这两种颜色是有主次的，黑白分明。最后有的网站在色彩上选择一个色系，比如例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。

对于网站建设来说，使用什么色彩是掌握在网站所有者的手中，对于网站设计人员来说，一般都是先考虑网站所有者的意见，然后根据这个进行设计规划，虽然这样很被动，不能否认，大多数能存活下来的网站都是因为其有很强的商业功能，很少人把它当做艺术品去欣赏，而且我们这里说到的色彩搭配，也是为了迎合用户体验，获得好感而设计的，这自然需要符合大多数的审美特性，很多时候，在确定整体颜色之后，只能在细节上下功夫。

这些细节上的设计包括网站底部颜色设计、网页链接色彩、内容页的标题和正文的色彩设计等等。现在依次和大家分享一些经验心得。

网站底部往往是一个容易让人忽略的地方，对于那些点击网站驻留时间不长的用户来说，可能根本就看不到，但是，对于网站的忠实用户，他们会注意网站底部，因为通常在底部会加入很多他们需要的内容，有人说，网站底部以灰色为主题颜色，这样具有安定用户情绪的作用。而在底部，需要加入一些友情链接和次要的导航，当然，一些网站也会把联系地址在底部展现出来，现在又多了二维码，在颜色上如何让用户一眼就能找到联系方式和进行二维码登陆，良好的颜色搭配会有助于用户付之于实际行动。

网页链接的颜色设计。对于网页超级链接，大家似乎都喜欢统一色调，那就是淡蓝色，任何网站都不可能只有单一的一页，所以文字和图片的链接是网站中不可或少的一部分。尤其是文字的链接，因为文字链接和文字不同，所以文字链接的颜色和文字的颜色绝对不能一样。现代人的生活节奏都很快，没有人会花很多精力在寻找网站的链接上。因此，设置独特的链接颜色，让人感觉其独特性，从而驱使用户移动鼠标，点击链接。

网页标题和正文。网页标题的色彩以及正文的颜色，大多数以黑色为主，这已经让用户。但是，如果在标题上面或者下面加入图片广告，或者在文中加入超链接，有的网站为了吸引用户点击广告，还在内容左侧加入图片，这个时候对色彩的搭配就需要花费一点小心思了，那么，不让用户产生反感的情绪，就应该通过色彩搭配形成统一感，以新颖的版式让用户津津有味的看下去，而不会轻易离开。除此之外，对于每篇文章的模板需要统一规划，网页顶部和底部的色彩层次分明，否则会让用户感到混乱，引起不适，从而关闭网页。

网页设计中最根本的原则是，做好用户体验，而且自己不适主角，真正唱主角的是网站内容，你的设计应该是形成一种氛围，目的突出网站的内容。一个网站，拥有别的网站所没有的风格，就会让浏览者愿意多停留些时间，细细品尝该站的内容，甚至该站会得到多人的鼓励与注目，所以，在做网站设计中，好好在色彩上下功夫，可以起到画龙点睛的神奇效果！

网页设计中如何给网页配色

一、颜色选择

我们要做的第一步是颜色选择，在网站刚开始要设计的时候，这一点就要着手去做了，在这里要注意的是颜色的选择并不是凭空想象的，而是要根据服务产品的定位、风格、还有要传达给用户的理念，将这几点考虑到，在进行选取，而不是根据自己的经验或者嗜好来。

我们来举个例子，假如说为一家大型企业设计官网，这家企业的要求是VI风格，采用统一配色，那么这家企业官网的配色我们就应该选取VI的风格配色。

选色的方法：

(1)工具流：这个链接包含大量选色工具12个适合设计师的在线色彩搭配工具

(2)参考流：寻找别人的网站作为参考选取颜色（但是注意要风格类似，比如你的客户要求高雅风格，你就去找类似风格的网站选色），这个方法适用于初学者。

二、颜色的分配

当你选取好了主色系之后，那就应该要考虑如何将它们分配到网页的每一个位置中去了，这里的操作也要讲究的，我们要注意的是，如果在红绿两色之间加其它的颜色的话，进行调和是可以搭配出很好看的色彩的，大家可以看看圣诞节各大电子商务网站的banner。

颜色选择好之后我们就开始对颜色进行搭配，这个时候设计师就要利用上色彩基础知识了，色彩分为主色、辅助色、点缀色这三个叫法，如果可以的话还可以细分，一个网站的主色调，是可以传达网站的整体风格的，面积也是最大的，所以在选择色阶段选取的几个颜色中选一个作为主色，然后用在网页中需求最多的地方，如果banner的颜色，导航的背景色、文字标题的颜色等等，辅助色是比主色百分比略少的颜色，点缀色一般是饱和度较高的颜色，一般用在网页中的强调内容或者突出的内容，如按钮、链接等，三种颜色在整个网页的比重大概是60%、30%、10%。