如何在APP和网站的设计中运用颜色

颜色是设计师最有力的设计技能之一，它能引起注意、激发情绪、左右用户的情感、观念和行动。网站与app的设计是最能展示颜色活力的地方。设计师们用鲜明的色彩，使人们将注意力集中在重要的元素上面，从而使用户产生深刻的印象。

关于色彩在设计中的运用，以下是一些实用的技巧：

1.单色调

纯色调的设计让页面更简洁，是最z流行的色彩运用方法之一。纯色调的页面一般是高饱和度颜色和浅色的混合搭配。纯色的使用带来的强烈视觉冲击，配上引人注目的排版，这种配色的设计能够给人带来真正令人难忘的体验。sydneystockhom 的设计采用大胆的颜色，用很简单的方式让人印象深刻。

在手机界面上使用单一的黑色和白色是吸引视线的好方法。Streaks 的APP用高饱和度的颜色、生动的图标和简单分类组合的方式，让用户更容易理解产品，提高参与度。

2.双色调（Duotone）

双色调是一个图像的中间色调。这种曾经很流行的色彩技术，在网站的设计上又重获新生。双色调设计的视觉效果很有趣，并且很容易设计出来。你可以用 Adobe Photoshop 直接用“双色调”做出这样的效果。

尽管双色调的设计比较适合用在网站的大图设计上,但是在较小的手机屏幕上也是可以应用的。

使用双色调做为页面的主要设计时，要选择一个画面单一、主题清晰的简单高质量照片。有很多细节的图片用于双色调设计时可能会模糊不清。同时也要选择能够反映图片内容情绪的颜色，不同的颜色会产生不一样的情绪。

如果你设计一个网站，想要为你的网站图片设计一个双色调效果，你可以直接简单地使用Colofilter.css在css代码中的应用效果，不用对现有的图片进行任何修改。

颜色叠加(overlay)

如果要为网站做一个有大量文案的页面，可以使用颜色叠加的方式来设计。你可以简单地用半透明的颜色来覆盖图像或视频。使用一个与 Material Design 风格类似的高饱和度的颜色，就有非常现代的感觉。 

卡片式的设计风格同样非常适合使用，可以给需要强调的内容或者视频使用颜色叠加。 

当使用纯色作为叠加层时，要考虑颜色的饱和度和透明度：

深色的颜色叠加（低透明度和高饱和度）会让人们的注意力更多的放在颜色本身而不是它背后的图像。

浅色的颜色叠加把更多的注意力放在背后的图像上。

结论

很难找到比运用颜色更有趣的设计技巧。颜色效果可以是戏剧性的、令人印象深刻的、甚至是平静的。设计师在使用颜色的过程中需要大胆的尝试，无论你是喜欢明亮、大胆的色彩或更喜欢简约的黑色和白色，你需要记住一件事：没有错误的颜色，最重要的是如何使用它们。