网页美工设计学习配色指南

      网页设计中最基本的原则之一是，不管你花多长时间创造一个华丽的设计，其最终的角色都是这场秀中真正的明星——内容的衬托。

1. 配色方案是画布，不是画

      网页设计中最基本的原则之一是，不管你花多长时间创造一个华丽的设计，其最终的角色都是这场秀中真正的明星——内容的衬托。网页设计中不应该让配色比内容展示更加“热闹”。你的设计应该是在后台的，帮助将网站的内容推向前台。

      在网页设计中最常见的过程就是在相对隔离的情况下创造设计本身，经常是在Photoshop中或者是Sketch中。如果你还没有一个有内容的例子去终结空洞的设计，或许客户能接受以模型的形式展示，但在实际情况中对网站访问者来说，还是太分散注意力了。事实上，网页设计过程与内容是紧密绑定在一起的，但有许多高质量的网站设计却几乎空无内容。

      这是一个好主意——将你希望出现在这个位置的内容样例在设计软件里或直接在代码里先摆放出来，然后围绕它做设计。尤其是在与特定风格的照片或图像有关的时候，这样你可以确保你的设计与它们搭配和谐。想象一下，你的网站内容是一个独特的个体，你必须为它设计一个完美的配件。

2. 从简单的灰度模式开始

      你可以为你的主背景和文本从无数的色彩组合中进行挑选。然而，我的建议是先掌握最简单的，白色或浅灰色背景搭配深灰色的文本。

      如果你观察流行的网站所选择的模板或主题，你会发现它们中的大多数都是使用深灰色的文字搭配白色或浅灰背景，这是有充分的理由的。这种组合你基本保证了为访客提供可读性，并允许基于内容的文本和图像进入前景。

      一般来说，你应该避免使用纯黑的文本，深灰色相对来说更易阅读。一个相对舒适的范围是#333333至#666666。

基于上述，在任何文本主体下，最保险的背景色是全白#FFFFFF。对于其他的背景元素，背景色的范围可以从#FFFFFF至#CCCCCC.

      再次声明，这些并不是你必须使用的颜色准则，仅仅只是你可以开始安全设计的一些指南。

3. 只选择一种强调色

      配色方案出错的最常见的地方就是颜色使用过多。你使用的颜色越多，你想要将它们都保持在控制中就越困难。所以一开始，在灰度基础之上只添加一种额外的颜色来强调诸如链接、某些标题、菜单、按钮等等元素是很有用的。

      你的强调色可以是蓝色、绿色、红色或其它任何你喜欢的颜色。

      开始在你的基础图上拉一个强调色的矩形框，这样你可以衡量颜色是否与页面上所有的元素匹配。然后打开颜色选择器，选择在颜色面板右上角四分之一中心位置的颜色。

4. 如果有疑问，使用蓝色

      如果你对选择什么强调色有任何疑问，请使用蓝色。蓝色通常是最灵活的颜色，适合多数的网站类型。紫色和黄色之类的颜色可以是很活泼的，但是如果使用不当的话，立马会变得很花哨。

      另一方面，你可以在以蓝色为强调色的基础上随意发挥，但你也不能走的太远。如果你不知道从哪里开始学习或者在项目中使用什么颜色的时候，就用蓝色就对了。如果你要选择特别的蓝色，你可以选择深蓝色（H值235）至浅绿色（H值190）的范围以保证自己在安全的领地。

5. 为强调色添加变化

      一旦你选定了强调色，将色相（H）滑条位置保持不变。你现在需要为你的设计添加额外的颜色，不过为了让事情变得更简单，这些颜色都是你已经选择的强调色的变色。

      在颜色选择器上强调色周围拖动选色点来创建变色。

6. 避开调色面板右上角的位置

      颜色选择器上右上角的位置是高纯度的颜色。右上角的颜色像一级方程式赛车，它们的执行力惊人，并且非常吸引人，但是我们一般需要足够的经验才能很好地驾驭它们。如果没有经验的话，它们可能会造成事故，所以最好去尝试使用更缓和的颜色。

      注：尊重原创文章,转载请注明出处和链接 https://www.pxwy.cn/news-id-13058.html 违者必究！部分文章来源于网络由培训无忧网编辑部人员整理发布,内容真实性请自行核实或联系我们，了解更多相关资讯请关注网页制作频道查看更多，了解相关专业课程信息您可在线咨询也可免费申请试课。关注官方微信了解更多：150 3333 6050