选择你的网站最好的颜色组合_宁波网站建设_慕枫网络

宁波网站建设 | 2017-10-27


在数百万个网站的世界里,色彩是让你感觉与众不同的最好方法之一。颜色在帮助人们快速识别你的品牌方面也起着巨大的作用。所以这不只是好玩,很有用!

在你计划好你的站点并开始建立它之后,你可能会很兴奋地进入更有创意的部分。如果你已经有了一个颜色,或者你不知道从哪里开始,这篇文章将介绍一些基本的颜色选择,并将它们应用到你的网站,包括

使用颜色在您的网站上的三个简单的策略

在哪里可以找到你喜欢的颜色,如何找到确切的“颜色代码”

如何运用这些颜色代码到你的网站

在简单的方式使用其他颜色,Jimdo网站的例子

考虑颜色配对,而不是调色板

许多关于颜色和网页设计的文章都指导你如何从头开始使用颜色理论、色轮等来创建一个调色板。在这篇文章中,我将避开这种方法。

首先,因为它是不必要的——有很多其他的方法可以为你的网站找到好的颜色,而不是用“理论”这个词来深入探究任何事物。

第二个原因是,从头开始创建调色板通常会导致颜色太多,尤其是如果您是初学者。对于大多数目的,你真的只需要至多两个或三个颜色在您的网站上。如果你不想玩得太多的话,它们会更容易管理和使用。

如果你喜欢玩色,想了解更多,有许多伟大的设计资源,可以走得更远。对于本文,我们将从基础开始。

为您的业务选择合适的颜色

选择颜色的很大一部分是选择一些你个人喜欢。这想的也是一个好主意某些色彩表达情感,而不论这些适合你网站的消息。一些颜色更适合明亮和乐趣个人博客,同时许多专业网站往往有更温和或更“严肃”的音调。虽然这些色彩规则没有被刻在石头上,他们可以帮助你缩小你的选择。

浏览下面的幻灯片Jimdo网站在行动中看到不同的颜色。

三网站色彩策略初学者

有很多方法可以接近颜色,因为彩虹中有颜色。如果你是一个网页设计新手,我建议从以下几项策略开始:

1. 使用一个明亮的颜色与黑色和白色

把颜色作为你的网站像任何味道强烈的香料,一点走一段很长的路。鲜艳的颜色吸引注意力,但他们也访问者的心理能量消耗。如果你是新来的使用颜色,最好的方法之一就是让大多数网站的黑与白,一个颜色,真的持久性有机污染物。

例如,如何看待昂格尔音乐网站使用相同的橙色色调的标志、背景、水平线、导航菜单,而其余的部位主要是黑色和白色。结果是专业的和复杂的,而不是在上面。

同去的retropot网站。红色的口音的颜色有助于黑白图形杯脱颖而出,使网站更好玩和有趣看。因为它是一个明亮的红色,他们谨慎地使用它

网站颜色

当你选择口音颜色时,这里有几个地方可以在你的网站上使用:

标题

超链接

导航菜单

按钮

水平线

2. 使用一个第一和一个第二颜色

如果一种颜色似乎并不足够,选择两。但与其同时使用这两种颜色,诀窍在于选择一种作为你的“主要”颜色,另一种作为你的次要颜色,这意味着你将很少使用它。这样颜色互补,而不是相互竞争。

在两Jimdo网站下面一看。它们是非常不同的网站,但实际上它们使用相似的颜色。

在第一个网站,注意,因为èNE使用背景图像,回响在她的标志的蓝绿色和粉红色的颜色。然后,她在她的导航和标题元素中使用了绿松石(她的原色)。在网站的其余部分,粉红偶尔出现在一起,把它绑在一起,但它没有经常出现的绿松石。

凯用类似的方法在他的乐队的网站。大多数的网站是在黑色和白色的,他们用绿松石的导航菜单和标题元素。粉红色的也只是偶尔出现在按钮元件和显示元件的博客。用粉红色地意味着,当他们这样做时,它真的弹出。

3. 通过照片展示你的颜色

大多数我们这里说的是你可以在Jimdo样式编辑器的颜色变化,通过改变你的背景颜色,标题,等等,但如果你喜欢摄影,你也可以使用照片上的你的网站告诉你的颜色的“故事”和补充你的品牌形象。

例如,在Le Velo的网站看看,下面。自行车店老板Senad创造了什么本质上是一个黑与白的网站,他的背景是白色的,他的文字是黑色的。他的网站上的颜色完全来自他的照片,所有的照片都是蓝色的/绿色的和棕色的。很酷,对吧?

通过照片展示你的颜色

在照片中使用一致的颜色需要一点纪律。把它关闭,它有助于了解如何编辑你的照片,或者至少把它们一致滤波器(你可以尝试使用Jimdo的newadobe图像编辑器)。

这里的一个例子,一个网站的网站使用三色的调色板,将这些颜色通过她的摄影,太。我喜欢的艺术家Sami Garra采用了一种不同的绿色,粉红色,黄色在她的网站。每张照片至少提到其中一种颜色。看看herAbout Pagetoo,你就会看到,即使她头发的颜色和现实生活中的车间使用的颜色太谈论奉献!

网站颜色

好吧,所以你不必改变你的头发颜色,以配合你的网站(如果你这样做,请给我们一张照片!)但是,看看这些例子,希望你能感觉到,当你使用它时,颜色是多么的强大,即使你的偏好只是在这里使用一点颜色。

在哪里可以找到网站颜色的创意

现在你对你的色彩策略有了一个更好的了解,有趣的部分实际上是选择你想要使用的颜色。美好的事情是色彩灵感无处不在。以下是一些想法:

什么是色码?当你看到你喜欢的颜色,你可以使用它在您的Jimdo网站发现color'srgb或十六进制值。这是唯一的代码识别你正在寻找确切的颜色,他们通常会像RGB(26, 119, 127)或# e82c0c。一旦你有了颜色代码,用Jimdo的风格编辑粘贴代码到颜色选择器的颜色再现。

看看你已经拥有的材料和品牌颜色。

如果你已经有标识,产品包装,或一种颜色,在你的工作中坚持使用你,那将是你的网站有着天然的契合。也许这是一个颜色您使用在您的产品,或在冰淇淋的情况下ofdotty,也许它的颜色你的老式冰淇淋卡车!

对于多点关于冰淇淋的网站颜色直接来自旧货粉红色的冰淇淋车。

拥有的材料和品牌颜色

如果你已经有一个专业设计的标志,你的设计师可以告诉你你的色标是什么。或者,你可以上传你的logo文件到一个免费的程序likecolor代码pickerand将会在你的标志的颜色告诉你。

从你喜欢的照片中选一种颜色。

大多数网站模板有空间的全宽度的背景或标题图像。如果你已经有了心目中的完美的照片(或发现有一对许多免费的股票照片网站现在可用),一个简单的下一步是选择颜色匹配。

从你喜欢的照片中选一种颜色

在这样的网站,我们改变了菜单栏和按钮背景图片匹配的黄色树。

与照片中的颜色,上传一个图像文件(或徽标文件)来Adobe颜色CC这个免费的网站会生成一个调色板相匹配。将圆在图像的哪一部分你想复制。在这里我上传的照片unsplash到Adobe程序,看看能不能找到那美丽的绿色打字机的颜色。

照片中的颜色

发现颜色的灵感在其他人的网站

一开始设计你的网站的最好方法是浏览别人的网站,看看有什么吸引你的眼球。如果你看到一个你喜欢的颜色,找到精确的颜色代码使用一个免费的工具,如colorzilla或滴管在Chrome或Firefox。它安装在您的浏览器并打开它,当你想另一个网站的引擎罩下偷偷高峰。

发现颜色的灵感在其他人的网站

colorzilla浏览器插件会准确地告诉你你最喜欢的网站使用的是什么颜色的。只需拖动鼠标在你喜欢的颜色,它会在顶部给你颜色代码。这表明,在Jimdo的网站,黄色是# fcec59。

查看在线色资源

有行家分享他们最喜欢的颜色调色板和颜色组合的乐趣很多网站。他们中的许多人提供的颜色代码,你可以在自己的网站上复制的颜色。请记住,很多这些网站将提供广泛的调色板和颜色或更多,这可能是比你更需要。随便挑一对夫妇从您最喜爱的调色板,从那里开始。

查看在线色资源

好的,你选择你的颜色。现在是什么?

让我们说你有一个或两个颜色是真的爱你,和你有独特的颜色代码(无论是RGB或十六进制值)和他们一起去。(等等,什么颜色代码?如果你错过了这一步,回到“哪里有色彩的想法”或者看看这个更详细的教程教你如何找到一个颜色代码,因为这一点很重要)。

现在你可以决定你想使用这种颜色在网站上。在Jimdo的编辑风格,你可以设置你的文字的颜色,链接,菜单、按钮、水平线、多。几乎每种元素都有一个颜色的设置,你可以在编辑风格调整,包括商店的项目元素和联系方式。

如果你想调整你的大标题元素的颜色,例如,打开你的样式编辑器,点击标题元素。你会看到在屏幕顶端的黑酒吧开放的设计方案。点击颜色框打开颜色菜单。然后,在盒子下面突出显示的红色进入你的颜色代码。如果你输入的十六进制代码,网站的系统会自动将它转换成RGB代码,但结果都是一样的。

选择你的颜色

输入你的颜色代码的颜色选择器。

现在的颜色总是会出现在你的调色板的底部你可以重复使用不同的元素。

专业提示:想改变你的社交媒体图标的颜色相配吗?使用一个网站,颜色的水平线,按钮,也许你的导航菜单。这会给你的网站添加一些有趣的颜色不必过于强势。然后,当你觉得准备好了,你可以试着改变更多的元素,看看这看起来!

为你的整个网站设置一个配色方案

如果您愿意,您可以为您希望更改的每个元素类型重复此步骤。或者,您可以通过将该颜色立即应用到整个网站来更快地完成此操作。这是诀窍:

1.打开样式编辑和切换风格的元素切换到“关”的位置。

2.当你这样做时,你会看到选项中选择一个配色方案为你的整个网站。

3.在颜色框中单击,然后输入你的颜色代码在颜色选择器像你之前。

4.新闻选择你会看到这个颜色,出现在你的网站导航、页脚链接,水平线,和更多。确切的地方的颜色会出现取决于你使用的模板,所以给它一个尝试,看看你是怎么想的!如果你喜欢的话,按保存。如果你不,只是选择撤消。

5.一旦你设置你的配色方案,你可以翻转开关回到“对”的位置,调整个别元素只要你喜欢。

设置一个配色方案

使用元素切换的风格为整个网站设置一个配色方案

专业提示:想开始安全吗?首先更改标题元素、横线、按钮和导航菜单的颜色。这会给你的网站增添一些有趣的色彩,而不会让你觉得太过吸引人。然后,当你觉得准备好了,你可以尝试改变更多的元素,看看它看起来如何!

颜色、文本和对比度

好吧,在你开始之前最后考虑的事情。当你使用颜色时,还有另外一个因素需要考虑,那就是超越美感和情感,这为访问者提供了良好的用户体验。

在你把你的背景和字体改成两种看起来很好的颜色之前,要确保两者之间仍然有足够的对比度,这样文本仍然容易阅读。

作为一个Jimdo的网页设计师提出,“还有一个原因,书已印自古以来在白纸上用黑墨水”的文本和背景之间的色彩对比度越高,其你会更好的可读性。

颜色、文本和对比度

确保你的背景和文本之间的对比是强大到足以让文字容易阅读。一些颜色组合,如红与蓝是特别困难的。

如果在白色背景黑色文字不吸引你,你仍然可以有一些有趣的颜色,但在理想的情况下,最好坚持在浅色背景深色字体。

颜色的结论

我们已经覆盖了很多文章地所以我希望你感觉灵感的获得而不是胆怯的开始。总之,这里有一些提示:

1.先选择一个或者两颜色和使用它们的整个网站。那里的大多数网站在黑色和白色的没有错!

2.最大的可读性,让你的背景光和黑暗你的文字。

3.如果你脑子里有一种颜色,你需要找到它的颜色代码来匹配它到底对你的网站。

4.一旦你有你的颜色代码,粘贴到编辑风格和一致地使用它在你整个网站的内容很容易。

5.再进一步的颜色,看看你是否可以开始匹配你的颜色你的照片。


慕枫网络专业从事宁波网站建设,宁波网站设计,宁波网站制作




上一篇:选择你的网站最好的背景_宁波网站建设_慕枫网络下一篇:如何设计一个完美的单页网站_宁波网站建设_慕枫网络
联系电话 400-6065-301

建站咨询 星星-总监

留言