身为网页设计新手的你，是不是还在纠结于你制作的网页找不到一组完美的配色方案？在本教程中我们将与你分享6条肯定会火，并且“错不了”的指导方针，你可以按照这些原则把握最基本的色彩规律。现在我们分享的这些原则都不是规则，你会在你的职业生涯中创造出更多的配色方案。相反，他们是一个起点，是你如何生存在网页设计领域色彩方向的安全指南。

1. 需要配色的是你的画布，而不是你的图片

一个在网页设计中最根本的原则是，无论你花了多少时间创造了一个辉煌的设计，其最终的作用是发挥出内容的核心位置。你的配色方案永远不应该比它呈现的内容的更加“响亮”。你的设计应该是在后台，目的是帮助突出网站的内容。

在上篇我们已经分享了最优质的25个PS教程《学习网站设计最好的50个PS教程（上）》，下篇我们继续罗列了25个不同类型不同风格的网页设计教程，小伙伴们还在等什么，赶快练起来吧！

（小编提示：鉴于教程是英文的，大家可以用Chrome浏览器自带的翻译系统减少阅读的障碍。）

26.创建朝气蓬勃的专业网页

如果你喜欢丰富的配色，那么你会喜欢这个教程。

如果你初学网页设计并准备一步步提高你的设计技能，下面详细的教程会教你一步一步去实现——高质量的教程可以很好的提高你学习设计的效率。然而有些高质量的教程资源是要收费的，而我们如今免费分享50个优质的教程。

在这篇文章中，我们将展示25个我们认为是最好的教程（敬请期待下篇~），教你如何在PHOTOSHOP中设计和布局一个简约而不简单的网站。你会发现在教程中我们涉及到了各种各样类型的网站，以及各种各样的风格。你可以在其中选择你喜欢的几个来练习，但也一定至少要学会几种网站布局，以便可以在自己的工作中付诸实践，甚至是提出创新。

（小编提示：鉴于教程是英文的，大家可以用Chrome浏览器自带的翻译系统减少阅读的障碍。）

1.创建一个单页的复古网页设计布局

单页网站是投资组合的网站的热门选择，而本教程将告诉您如何设计一个出色的单页布局。

你有没有想过在网络上的信息90%都是文字？这就是为什么当设计师们在设计他们的网站的时候，在字体上下了很大的功夫。此外，还有大量以版式为基础的项目，其中的字体都是关键因素。

我们之前也发布过20种无衬线字体免费下载，如果你觉得不够，我们还为你提供17种免费的轻盈精细字体，为你的扁平化设计提供了完美的字体解决方案。

1.EXO

如果你的网站没有响应式网页设计，那么很可能你就错过了很多潜在访客和顾客，而响应式网页设计可以帮助你获得更多的访问者。如果这种设计不能得以实现，那么它可能会妨碍你的业务：

适合移动端平台

许多你当前的（和潜在）的游客很可能通过一个类型的移动设备或其他访问您的网站。响应式Web设计可以自动适应并且符合不同的屏幕尺寸。如果你的网页设计反应迟钝，它把文字缩小得太小、把图像扭曲，或者根本不适合屏幕的尺寸，这意味着它不会吸引太多的移动端访客。