从上海网站开发的案例开始，双颜色这种网页设计方法一天比一天流行了，仅用一对颜色去开展设计的成效特别惊人，这种风格的图片看起来特别有趣，充满活力且相当时髦，较近的新网站好多都采用这种设计方法。今天这篇译文可以赞助你更充分地清楚和使用这项设计方法！

什么是双颜色设计？

*先，简单来说：双颜色便是使用两种颜色。

这种诀窍的名称和技术来自印刷学。双色打印是指打印时仅用一个颜色的两个色度或者是仅用一种颜色加黑色，这种处置方法通过使用两个色彩来从不同的角度呈现图片。

双色的概念特别大，潘通色卡中就有好多，包含对比色，类似色等，设计师们*先必须要思考色板的限制和颜色的搭配，不过这样的方法很有趣而且很简单创造。你可以通过PS，也可以通过其他双色梯度处置工具，比如Colofilter.css来开展这种创作。

正是由于在Spotify中的应用，这种设计风格才变得流行起来。双颜色设计这种配色方案适用于音乐播放应用程序和多种微型促销网站。它为图片增加了独特的设计元素，这种设计元素来自著名的艺术家，并且具有广泛的适用性。

这项曾经适用于印刷装订的技术现在已经找到了在互联网环境下新的应用方法，并且成为了未来几个月内，咋们可能经常会看到的一种设计趋势。

显示性的图片案例

新的处置方法创造的视觉之故此令人惊艳，得助于古怪而大胆的色彩搭配，有趣的图像和色彩。当处置图像时不要害怕用的色彩和图像能否契合主流搭配，或者说你搭配的看起来并不像一般的 那样看起来很舒适。都没关系，哪怕不合适也可以搭配起来，由于它的目的是要创造一个引人注目的视觉冲击，当然，除了色彩，还包含图像的对比度必须要调整。

这里有一部分扩大决定的诀窍：

• 选择两种对比色或品牌的颜色（比如百事可乐的蓝白配色）。
• 选择一张有聚焦区域的照片，当然景观的照片可能很难处置。
• 选择一个高品质的图像，模糊或较差的图像不要和双颜色混用。
• 增强对比度。
• 考虑按钮或排版的空间。
• 选择反映照片情绪的色彩。
• 设置图像时防止彩色或者混合颜色的边框，可以用一个条幅或者视觉差的成效来搭配颜色选项。

简单的颜色搭配案例

双颜色不用是复杂的。有时较简单的双色项目较醒目。

Assurity公司就只用了红色和白色这两个较简单的颜色和纯净排版。条幅中包含多个半颜色的风格，色彩明亮而迷人，由于红色是那种差不多能吸引所有人的颜色，故此很吸引人。

这里的诀窍是，通过简单的设计有效的传递信息，顾客不可能忽视主要的元素。红色吸引了你的注意然后你就可以聚焦到图片上的文字里。这种类型的双颜色成效给人感觉更正式，由于它仅仅给了顾客一种不带强制性的引导。

以此来增加可读性

Viens-la

双颜色可以用作颜色稳定剂，使文本有足够的空间和对比度。双颜色颜色叠加可以赞助图像中色彩改变的“扁平化”，由于单一的颜色，故此文本差不多可以在图像上任何一个地方使用，并且保持可读性。

双颜色颜色的选择并不可能使文本变得十分明显，而是以一种更温和却足以为目标服务的形式表现出来。Holm Marcher & Co.公司做的这样的珊瑚蓝双色很有趣，而且创造了文字高度可读的背景。另外，导航元素使用的蓝色颜色使画面变得更有活力了。

强调作用案例

虽然双颜色成效追求大的图像，他们在较小的地方一样可以正常工作，比如它可以用来强调导航，辅助图像或特定类型的信息容。

小范围使用双颜色的特点还在于，当你被技术吓到或者还不知道该来用它工作时，双颜色可以使你设计的更自由。当在较小的空间中使用，它可以通过与多个不同颜色，不同设计的元素搭配，使画面变得更有趣以吸引越来越多的人。

卡片样式元素的双颜色设计，可以用于视频链接的覆盖或强调号召。通过色彩反差配色方案，双颜色也可以起到一定的强调作用。

背景作用案例

通过微妙的双颜色设计可以创造一个有趣的背景图像或图案，而这种成效其他任何方法是没方法到达的。想要不做太大改动，仅仅想对品牌颜色开展调整或将流行的颜色和技术增加到设计中的时候，双颜色是一种理想的设计方法。

如上图，JOIN电台的背景便是一个好的案例。颜色的改变差不多无法察觉，在设计中与其他顾客界面元素无缝融合。有一个简单的动画，通过舒缓的运动使它的色彩变得十分动人。从主页的左上角移动到右下角遵循从亮到暗的转变，当然的视觉和阅读模式进一步鼓励顾客滚动界面和点击。

新概念科技（上海网站开发）总结：

双颜色设计可以调节过度使用的图像和元素，为画面增加有趣的元素，赞助健全视觉表现以吸引越来越多的顾客。

另外，色彩搭配十分有趣。你永远无法想象，作为一个设计师，搭配两种不同颜色后，看到产生美丽的新元素时那种惊喜。不管哪种方法，创建一个双颜色搭配就像在开展一种定制，是一种很有趣的工作。