在网页设计中如何使用颜色

日期:2016/3/12 / 人气:

色彩在网站设计目前的景观是有趣的思考。大多数网站看起来或多或少相同,但颜色可以在设计上的强大工具。

我并不想说出这是什么革命性的或作为一个非凡的发现。但是,如果大多数网站也有类似的配色方案,这是什么意思的颜色?其实,这意味着很多。想象一下,一个世界里,每一个网站是丰富多彩 – 这将可能是很漂亮,彩虹缭绕,但是这将意味着什么脱颖而出。这就像在你的文章加粗每一个段落。

因此,当配色方案是静音,它允许很多机会。

提请注意任何你想要
大多数网站先从基本的灰度外观 – 白色背景和黑色文字。颜色来自于作为让你看的地方口音。这就是为什么网站不填充颜色 – 他们用它来让你看一下按钮,标题或链接。

灰色
以充满活力的,例如,当你在自己的主页上首次土地的背景和图像是黑白的。徽标,呼吁采取行动和汉堡包菜单是明亮的黄色。他们站出来并迅速抓住你的注意力。

另一个例子是Takeit ; 当你第一次降落在自己的主页上你迎接一个大的蓝色背景。然而,一切是白色的。大标题这是前面和中心也是人们关注的焦点。不久后你的眼睛注意到较小,但仍然明显的App Store按钮。这就是如何颜色可以引导用户的关注。

拿去
创建个性
颜色是美妙的,因为它可以为网站或品牌的语气和心情。Beagle是创造项目简介服务和更轻的土色他们的网站开始。当你向下滚动他们的网页您查看的棕色,木炭,绿色和粉红色,甚至愉快的阴影。地上的色调看起来很专业,优雅酝酿了代表公司的一大印象。

颜色网页设计
有趣的一天是被指定到网站“一个奇怪的,为期一天的会议在奥斯陆峡湾的一个小岛。”你最肯定得到一个怪异的感觉不同,当你的红色背景,在它上面的红色文字。这不是我们日常看到的东西。它看起来很棒,但最重要的配色方案清楚地传达了事件的“怪异”的个性。


有趣的一天
做一个大声明
通过色彩做一个声明可真有趣。你必须确保在颜色脱颖而出,抓住用户的注意力。这很容易。但它也必须被取得了良好的色彩选择语句。你不能只是挑选任何霓虹色,它是有道理的页面的整体目的,它的外观和感觉。

就拿登陆页面Gaga的交响曲。当你登陆他们的网站上,你触动了一个明亮的粉红色背景。这不是你所期望的交响乐。相反,你所期望的平静颜色交响曲被认为是更优雅。但是,没有这一个。加加交响曲充满活力,乐趣和创造性。因此,火锅粉是有道理的。

加加交响曲
提供凝聚力和流量
颜色也可以用于指导用户与气流一起。它酷似引导用户的眼睛像Takeit但小于急剧的上述例子。颜色可以是微妙的,也并不需要是戏剧或过顶,以帮助沿着引导用户。这是特别有用的,当色调是彼此之间的凝聚力。它基本上是品牌颜色是如何工作的。

就拿奇迹或Dropbox的。这两个应用程序有很大的配色方案,主要是蓝色的。但是你看他们的图形像合身在一起绿色,橙色或红色等颜色; 这就像他们是有意义的。

这些他们一起向下滚动闹了凝聚力和流动宜人的网页两种颜色方案帮助指导用户。

Dropbox的
奇迹
另一种不同的例子就是创新项目画布。他们用绿颜色来引导用户沿着他们的网页滚动时。你不需要为了创造一个非常好看流多种颜色; 它是用一个单色实现为好。创新项目帆布做了伟大的指导与只是他们绿色的用户加入。

创新工程帆布
在彩色图像
色彩搭配一个有趣的伎俩是,当你使用它通过影像。UI元素不是唯一的,可以增加一些色彩到网站。随着照片的背景和大的产品照片的崛起对着陆页这是一个好主意,尝试使用图像的合成,使颜色到您的设计。

CartoDB
CartoDB是一个应用程序,可以帮助您的视觉位置数据。什么更好的方式来炫耀自己的服务是多么伟大比呈现出美丽的地图了吗?这也正是他们在主页的顶部做什么。这对他们的产品自己说话,同时增加视觉趣味辉煌之路-色-页面。

说到这自己说话的产品,ETQ也让他们的鞋子胜过自己的UI。该网站是它的风格延伸到色彩设计以及相当小。他们把重点放在商品来代替。虽然不是所有的鞋子都是五颜六色的像在这个例子仍然走一段很长的路要走,让鞋子的颜色可以在他们的设计中最大的课程。它真正让鞋子脱颖而出。

ETQ
谁需要颜色反正?
有趣的是看到网站没有颜色了。有时候,你并不需要它。网站仍然可以没有华丽的红色,绿色或蓝色。灰度配色方案可以创建所需的外观和感觉对于一个品牌,以及发言。

视觉士兵
视觉士兵确实蛮好的,SANS的颜色,就像托马斯威索基的组合。这两个网站有一定的优雅给他们。他们抢的,因为总体上缺乏色彩你的关注。您正在寻找的蓝色或绿色在CTA或链接一些轻微的暗示,但它不存在。这没关系。缺乏色彩的是,这两个网站的品牌栏目。他们都是时尚,并在短短的黑白很好看。

托马斯威索基。图集
结论

正如你所看到的颜色是强大的。颜色可以做很多事情外观设计,如果你让它; 颜色可以引导用户的眼球,帮助引导用户通过流量,以及使盛大声明。颜色是充满个性又可以很有趣的工作。就个人而言,我觉得颜色,或缺乏,赋予生命的设计。所以有它的乐趣!

作者:朋友圈科技


Go To Top 回顶部