选择网站配色方案的实用方法

如果您也想知道同一件事,那么这篇文章可能适合您。

我个人经常被问到如何选择合适的颜色

但是,确定网站的颜色并非易事。

这适用于没有颜色的网站。

那世界将是一个无聊的地方,对吧?

想象一个没有色彩的世界。

您可能还想看一下杰克(Jake)关于颜色理论背后基础知识的帖子,以及一些网站少用(或少用多种 颜色 )的知识

在这篇文章中,我们将研究一些简单实用的方法来为您的网站选择颜色。

1.品牌与身份

如果您当前正在一家知名公司或知名组织的网站上工作,那么选择配色方案根本不需要花费任何时间,您只需从其品牌标识中提取即可。

我认为这是最简单的方法。

例如,对于麦当劳,您可以立即从其金色的“ M”徽标中以纯红色作为背景填充来标识麦当劳。

选择网站配色方案的实用方法

因此,将这些颜色用作原色更为明智。

此标识已在全球范围内被识别,因此,如果您出于某种原因改用Green或Blue,则人们可能不会立即将其识别为McDonald。

选择网站配色方案的实用方法

随您去,我们现在有了不错的变体来组成网站的颜色主题。

然后,我们可以通过调整色调(例如对比度亮度 )来扩展这些颜色变化。

选择网站配色方案的实用方法

在某些情况下,甚至在麦当劳澳大利亚(McDonald's Australia)中,甚至主要使用这些颜色。

麦当劳澳大利亚
选择网站配色方案的实用方法

以下是一些其他示例:

可口可乐印度尼西亚
选择网站配色方案的实用方法
选择网站配色方案的实用方法
星巴克
选择网站配色方案的实用方法

2.特定国家

美国前总统BarackObama.com的页面就是一个很好的例子。

因此从标记本身中提取配色方案也是可行的。

他们也有一个标识符,他们的标志。

一个国家或多或少与一家公司相似;

在网站上(重新设计之前),使用的颜色显然与美国的国旗相对应,分别是红色,白色和蓝色。

选择网站配色方案的实用方法
文化,人与环境

让我们看一下下面的图片。

如果是这种情况,我们可以尝试探索他们的文化,人文和环境。

使用基于国旗的配色方案的问题是,您注定会遇到相同的配色方案,例如法国也使用红色,白色和蓝色。

选择网站配色方案的实用方法

该图片提供了足够的颜色信息,这些是从中提取的颜色。

这张照片是日本富士山的美丽景色。

选择网站配色方案的实用方法

这里有一些很好的例子:

当您在特定国家/地区的政府或旅游网站上工作时,此方法可能有用。

非洲

例如绿色,红色,黑色和黄色。

如果向下滚动页面,您会看到设计中应用的某些颜色来自国家(地区)标志;

选择网站配色方案的实用方法
选择网站配色方案的实用方法
选择网站配色方案的实用方法

3.内容和背景

有两个主要问题可以帮助您确定正确的颜色:

通常,网站应具有要显示的内容。

该探索了。

不适合您吗?

  • 内容是什么?
  • 而且,谁最有可能阅读内容?

旋转一会儿之后,我们可以提取一些关键字来指导我们选择颜色,在这种情况下,这些颜色是: 婴儿,母亲,女性和婴儿用品(食品,玩具,尿布等)。

最有可能是母亲。

因此,内容显然是关于婴儿的,但是谁来阅读呢?

例如,假设您正在建立一个涵盖婴儿所有内容的网站。

此时,无论是环顾四周还是使用Google搜索示例图片,我们都可以查找这些关键字的来源和示例以提取颜色。

我们已经从这个示例中完成了工作,我认为这些是适合我们案例的颜色。

选择网站配色方案的实用方法

颜色是幼稚的和女性化的(粉红色),但通过添加绿色,橙色和紫色来补充,组合也可能更强。

这是这种情况下的一些示例。

巴利塔主题
选择网站配色方案的实用方法
Metariza
选择网站配色方案的实用方法

结论

另外,要更快地进行颜色提取,您可以使用此工具Photocopa

实际上,我们可以将这里讨论的所有方法应用于任何设计案例。

请在下面的评论框中随意分享您的想法。

最后,您还有其他有用的方法可以添加吗?


翻译自: https://www.hongkiat.com/blog/website-color-scheme/