网站设计中的色彩如何搭配是一件令设计师有些困扰的事情。用保守的色彩搭配，担心客户不买账，因为沟通的时候他们总喜欢笼统的说‘总之我要我的网站高大上，看起来和别人不一样’；用别出心裁的搭配手法，又担心客户欣赏不了，最后各种挑刺。也许，只要你的设计在第一眼能给予客户一种舒适感，之后的合作就能一路绿灯。

以下为你搜罗的关于网站设计中冷暖色调运用的相关案例，希望能为你带来灵感，第一时间抓住客户的心。

1、Nelly Rodi的网站用真实照片作为背景大图，整个页面呈现明显的冷色调，少量的文字也用了百搭的黑色或白色。这样的做法比较保守，虽然不会用错，但也没有什么出彩的地方。而设计师很巧妙地在页面右侧加了一个几何形状的暖色系色块，不仅能让浏览者一眼找到视觉重点，也让原本中庸的网站变得更特别。底部的幽灵按钮设计同时表现了极简网站的国际趋势。

2、橙色总能给人一种温暖阳光的视觉感受，但如果使用过度就会产生一种复杂拖沓的感觉。这个案例中虽然使用了很大面积的橙色，但设计师加强了色彩本身的透明度，并且结合了小部分的纹理设计，让画面更加时尚别致。

3、当同时出现五彩缤纷的多种色彩时，页面就会变得很热闹，正如案例所示，无所谓冷色调还是暖色调，又或是中性色，一旦将这些颜色结合在一起，网站就会可爱起来，为用户带来好心情。

4、这个案例选用了较冷的浅蓝色渐变作为主色调，中间的红色波浪线顺理成章的成为视觉重点。这是一个典型的冷暖色调的搭配使用手法，用大部分的冷色调来强调突出小部分的暖色调元素。

5、这个网站分成了左右两个部分。背景选用了Metro风格的设计，上面铺了一层透明度很高的白色和黑色色块。黑白都属于中性色彩，黑色和红色又是一种色彩学中的经典配搭，因此，用户的视角完全会被吸引到红色的部分上。

6、这个网站的风格比较梦幻迷离，主色系偏暗，设计师借助“铁塔”本身的灯光，用滤镜效果营造出了更加唯美的画面感，很容易让浏览者融入气氛，幽灵按钮与页面整体的匹配度也很高。

7、灰色系属于偏冷的中性色，而案例中的灰色属于暖灰。在大面积暖灰中，红色显得格外抢眼，起到了引导用户视线的作用。

8、 Metro风格有时会让人觉得过于规整，因此，设计师用渐变暖色让页面变得更活泼生动。画面中从上到下的色彩由浅到深，让我们的视线转移有了指向性。

9、这个案例融合了Metro和几何元素的设计，冷暖色彩相间，形成了一个色彩丰富的场景，减缓了用户产生视觉疲劳的速度，更利于吸引用户点击和查看。

10、Airnauts的网站首屏用一条最简单的分割线将页面切割成两个几何形状，这两个形状的色彩之间完全没有过渡，直接衔接在一起，但却不觉得很生硬，反而有一种独特的设计感在其中。

网站中的冷暖色调只要使用得当，就能很自然的为浏览者营造出一种舒适的视觉享受，并且深深的融入网站的情境中。