超多案例！零基础学配色系列之红色+蓝色篇

@飞屋睿UIdesign ：高人气从零开始学习配色教程。高级版不仅增加了更多的案例，而且案例的配色也越来越丰富。建议收集一系列特别全面的教程。

上一期回顾:“带你全面了解橙色系列的高级篇章”

红色

颜色是光的魔力。事实上，对人类来说，光也是人脑的魔力。既然有像魔法这样的词，我们就必须放弃对颜色固化的思考。例如，对颜色命名的限制。

红色是一种温暖的颜色，是所有颜色中最引人注目的一种。红色的热情是其他颜色无法比拟的。当你想表现出热情和活力时，红色立刻是首选。然而，正如我们之前所说，既有热情的红色，也有温柔粉嫩的婴儿粉色，这是基于“红色”意向的色调变化所拓宽的情感空间。因此，在选择“红色”作为主题颜色时，我们必须仔细了解设计背后的沟通目的，最终根据目的瞄准准准确的红色色调。

深红色往往象征着一种成熟的奢华，使用不当也会表现出一些邪恶，或者让人想起伤口和血液的意图。因此，它在网页设计中很少见。明亮的红色带来一定的热情，而不是暗淡。这个区域的颜色也被广泛使用。

红色相邻的颜色是橙色和紫色，所以红色中也有橙色和紫色的参与，它们自然也夹杂着橙色和紫色的特点。

以下网页采用红色亮度渐变作为背景显示内容，红色本身的吸引力一目了然。红色作为背景是一个非常大胆的想法，所以使用渐变会使背景不会抢走主角的聚光灯，这也是使用背景红色的一个解决方案。

以正红为背景是一种非常冒险的行为。如果你这样做，你应该确保你的网站内容不需要太多，也就是说，网站本身可以发挥“引人注目”的功能，而相对“实用”的功能将会下降。毫无疑问，一个全红的网站会让人们长期感到视觉疲劳。

在大多数情况下，红色更适合作为主要颜色。无论你使用什么颜色作为背景，红色都可以用于主要组件，如按钮、导航等，这可以从背景中突出，用户很难关注主要元素。

将缩略图设计成红色，在白色背景上非常引人注目，增加了点击的欲望。

众所周知，红色属于色轮上的暖色系，暖色系的颜色有一种向前扩展的感觉。有时候为了减少红色的激进，可以选择紫色的红色。

华丽的紫红色降低饱和度后，变成淡粉色，让人感觉亲切柔和，而作为背景色的存在则显得十分舒适。

在过去的两年里，网页设计越来越多地使用浅粉色作为大面积使用。更多的时候，为了创造一种怀旧的感觉，它表达了时尚。粉红色的背景通常可以使用高纯度和高亮度的红色作为主要颜色。

相对而言，橙红色没有红色那么引人注目，也没有失去红色的活力，但也有橙色独特的亲和力。这种颜色在与饮食相关的设计中是最常见的，这表明它是一种开胃菜的颜色。

橙红色用于非餐饮网页设计，也能让画面更加亲切活泼。

橙红色在食品网页设计中很常见，可以刺激人的食欲，让食物看起来更好吃。

以浅粉为背景，以橙红为强调色，这组搭配显得时尚、优雅、新鲜、活泼。

后记

红色作为一种强调颜色而存在，似乎是理所当然的。显然，我们对红色的发展并不完全完整。有时我们避免使用这种过于引人注目的颜色来使用更光滑。因此，在轻设计中，降低红色饱和度，使其引人注目，提高红色亮度，使页面“清爽”是极其重要的原则。如果你真的需要使用厚厚的深红色，试着降低它的比例，使它能够发挥准确的聚焦作用。

蓝色

蓝色是天空和海洋的颜色，我称之为“宇宙”“颜色”，所以它有自己的广度，这是其他颜色无法比拟的。然而，由于它是一种绝对的冷色调，它可以广泛应用于逻辑、理性、男性、专业、科技等主题的表达。

蓝色的色调也相当丰富，从深忧郁的深蓝色，到柔软清爽的粉色蓝色……并不是每一种蓝色都是冷的，接近它的紫色和绿色对蓝色有一定范围的影响。

蓝色象征着科学技术，已被公众接受。因此，在这个主题下，各种以蓝色为背景的蓝色应用尤为普遍。以高饱和度的蓝色为主色，抛弃了蓝色的忧郁，非常有活力。因为蓝色很容易与水、天空、海洋等相连，它可以最大限度地发挥这些自然元素的视觉特征.

黑色、白色和灰色是最容易与大面积蓝色搭配的。这种搭配非常安全，但也会有点僵硬，画面也会有点平淡。为了打破这种单色的平淡，背景可以添加一些动态纹理图案，立即使画面具有科技感。

当然，当大面积使用蓝色时，当你想突出某个焦点时，最好的方法是使用它的互补颜色来形成视觉冲击。

在下面的页面中，页面头部的橙色救生圈是蓝色的互补色，令人难忘。

蓝色是冷色系。因此，为了防止图片太冷，增加暖色系统是解决视觉平衡的最佳方法。红色、橙色和黄色是不错的选择。一方面，蓝色与这些暖色有着强烈的对比，另一方面，它可以温暖图片。因此，在蓝色页面中添加暖色可以说是一种常见的配色方法。

事实上，你选择什么样的暖色完全取决于你使用的蓝色是什么颜色。虽然这种颜色目前受到科技界的高度青睐，但高亮度和高纯度的蓝色并不一定是最佳选择。

下面的网页选择了最暗的蓝色作为主色，亮度相对较低，蓝色有一种淡淡的怀旧感。同时，橙红色也被用作强调的颜色，使图片显示出活力。

蓝色在自然界中随处可见，大海和天空。。。每一张风景照片都会包含蓝色。因此，在使用照片时，选择纯蓝色的大海、山川或天空是最好的选择。

风景照片可以表达的主题也非常广泛：广泛，广阔。这些都给了设计师非常高质量的材料，风景照片作为大图片的背景，也是近年来流行的界面风格。不同的是，这些风景照片中不同的蓝色带来了不同的视觉感受，匹配的颜色也有所不同。

正是因为蓝色的“宇宙”属性，它才不会被困在“忧郁”这个词里，而是增加了绿色的蓝色，显得更有亲和力。

紫色饱和度高、亮度低的蓝色具有奢华优雅的魅力。任何颜色在降低其亮度后都有一种平静的感觉。

当深蓝色作为主色时，明亮的绿色作为搭配，相互相邻的颜色，由于其明度的对比，相互反映了蓝天和绿水的美

当蓝色沉默时，我们不会感到沮丧。只要我们增加饱和度，这种蓝色就会显得非常有质感，反映出一种专业的感觉。在公司网站上，这种反映专业意识的蓝色中性而不夸张，增强了视觉信任感。

后记

虽然蓝色不一定属于男性，但深蓝色确实比其他颜色更理性和克制。然而，根据颜色匹配的不同，图片的颜色比例会有所不同，颜色感觉也会有所不同。蓝色几乎是一种通用的颜色，它的寒冷并不是绝对的，就像在深海中，当你看着太阳时，蓝色有一种温暖的错觉。也许这是一个无穷无尽的颜色秘密。

2016年流行色:2016年流行色！潘通年度代表色如何在设计中使用？(附优秀案例)

「色彩科普系列教程」