设计中的单色运用 - UCD大社区

设计中的色彩:黑色

神采飞扬 — 2010-05-10 21:34:40

译自：Color In Design: Black
中文：设计中的色彩:黑色
原作者：Jennifer Farley
请尊重版权，转载请注明来源！

我们已经接近这个系列的文章的结尾了。上一篇我和大家讨论了灰色，以及一些使用灰色的网站设计实例。本周，让我们更“黑”一些，关注一下黑色。像灰色一样，黑色提供一个接近中立的背景，这让设计中的其它颜色可以被突出出来。很多摄影类的网站使用黑色的背景以使照片可以位于舞台的中央。

黑色是一个很强大的色彩。它可以很庄重和有高雅，而且可以让其它颜色(亮色)突显出来。在只适用黑色而不用其它颜色的时候，会有一种沉重的感觉。有时候，你会在印刷品中看到反转的文字，比如，黑色背景和白色文字，常常会在商业卡片中看到，但是在网站中，我们会常常看到而且看起来非常引人注目。

好的黑色与坏的黑色

一些由黑色产生的联系会是悲哀、死亡和罪恶，但是正面的黑色可以流露出高雅、热情、信心、神秘、权力和力量。

我们也可以在每天的语言中想到一些黑色的正面和负面的印象：某些精美的东西可以被描述为黑色领带(black tie)，或者一个高手(不只是在武术方面) 可以被说成黑带(black belt)。负面，一个人可能是流氓(blackguard)、黑心(black-hearted)、害群之马(a black sheep )或者黑名单(blacklisted)。

此处所有图片来源于The Dieline

在设计中使用黑色

黑色是几乎所有颜色的好搭档。它让其它颜色看起来更亮。即便是暗色系的颜色也会和黑色很有效。和白色搭配可以提供很棒的对比。黑色和红色同样非常引人注目，当和橙色搭配的时候依然很有吸引力，不过可能会和万圣节相联系。黄色在黑色背景上真的很突出，但是浅蓝色却会传递一种保守的味道。

网页设计中的黑色

一如既往，我会收集一个小小的使用今天讨论的颜色的网站来作为结束。这里是10个仅仅使用一些其它点缀色的黑色网站设计。它们中的一些使用了纹理或者渐变以使黑色背景从平面中被提升起来。

想欣赏更多使用黑色作为主色调的成功网站案例，你可以查看以下文章：

设计中的色彩:白色

神采飞扬 — 2010-05-10 21:34:12

译自：Color In Design: White
中文：设计中的色彩:白色
原作者：Jennifer Farley
请尊重版权，转载请注明来源！

在过去的一个月里，我们讨论了设计中的色彩，从红色开始，然后今天会以白颜色结束。白色和其它任何颜色都搭配的很好，它会被联系到干净、天真和清纯。新娘穿上洁白的婚纱是西方的一个传统，而在西部牛仔的电影里面，坏蛋常常穿着黑色的衣服，而好人穿白色。

就像黑色，白色是一个中立的颜色，常常被用作页面的背景色，印刷品中也是如此。有一个误解是白色是枯燥的，或者使用白色会显得老土，无创意，但是很多很多的设计师使用了白色并创造了很漂亮的设计作品。

使用白色的最佳网站中有很多给人的印象就是“干净和简洁”。这类设计貌似很简单，但是它真的是个挑战。最佳的设计通常是看起来不是被设计过的那些。

在设计中使用白色

白色有各种变色。白色包括古董白、乳白色、亚麻白、米白色、纸色、雪白、珍珠白以及象牙白，它们会比纯白色显得更温和或不那么僵硬。很多白色可以和浅蓝色搭配成一个冬天风格的色盘，或者和黄色或粉色搭配出一种夏天的味道。

少量的白色可以非常棒的点亮一个设计，也可以让暗色的红色、绿色、蓝色和紫色看起来更醒目。如果你是美国人、法国人、英国人、瑞典人(以及其它的一些国家)，红色、白色和蓝色可以创建一种有爱国意义的色盘。黑色和白色是最有对比度的组合，你可以用它传达一种严肃或者喜剧性的感觉。

使用白色并不是意味着一定是“极简的”。极简主义并不依赖于任何特定的颜色。同样，“空白”也并不一定非要是在元素周围使用白色。你——设计师必须做出选择。

那么让我们看看一些使用白色的优秀网站。毫不意外，这些网站中的很多都是用带有白色背景的照片或图片，以给网站添加一种比较“潮”的元素。

Eva Solo

The Typographic Desk Reference

设计中的色彩：灰色

神采飞扬 — 2010-04-03 22:12:02

译自：Color In Design: Gray
中文：设计中的色彩：灰色
原作者：Jennifer Farley
请尊重版权，转载请注明来源！

在这个系列中，我们差不多了解了彩虹中的每一种颜色及其在设计中的应用。在这篇中，我们将讨论一下七彩之外的色彩，让我们看一下灰色。灰色是一个平稳的、中立的色彩，它在网页设计中非常漂亮。它不会激发非常强烈的情感(或许除了一种不好的心情)，而红色、橙色或者紫色则会。它不像黑色那么鲜明，但是一个非常暗的灰色可以做同样的事情。同样非常浅的灰色又不像白色那么死板，而且有的时候它还可以填补白色占据的空间。

灰色有正面和负面的含义。“灰质(Gray matter)”会联系到智商与脑力。不过好像灰色的贬义词比较多，“灰色”本身就被用于描述一些暗淡和单调的东西，比如灰色地带、灰姑娘、灰心等。公司中常常是清一色的灰色西装。灰颜色的名字包括炭灰色、炮铜色、粉灰、苍白色、铅灰色以及蓝灰色。

设计中的灰色

使用灰色很难会犯太严重的错误。它好像可以和任何色彩搭配。由于它的中立性，它常常被用作背景颜色。它可以让其它色彩突出。正如前面提到的，你可以使用浅灰色替代白色或者用暗灰色替代黑色。要想得到一个更暖的更有泥土气息的灰色，使用灰褐色，它是一种带浅灰色的褐色。

使用灰色和柔软的粉色可以产生一种女性的感觉，而暗色搭配灰色可以产生更男子汉的感觉。暗灰和红色或橙色是一个特别吸引眼球的组合。请欣赏下面的电影海报：

灰色常常被用作作品集的背景色(无论是在线的还是离线的)。它允许照片、插画或其它的色彩元素走到最前面同时为作品集提供一个坚实的支柱。让页面中的大部分布局使用灰色几乎可以使背景消失，从而使其它颜色的颜色真正的凸显出来。

使用灰色的网站设计

灰色无论是作为背景颜色还是标题或者主字体颜色都很流行。这里是一些使用灰色的几个很不错的网站设计。

另外，灰色是极简主义网站设计的首选色彩，这类网站通常(当然不是全部)会选用浅灰色作为背景色彩，然后选用深灰色作为主要的字体颜色。

设计中的色彩：粉色

神采飞扬 — 2010-04-01 22:34:44

译自：Color In Design: Pink
中文：设计中的色彩：粉色
原作者：Jennifer Farley
请尊重版权，转载请注明来源！

在上一篇，我们讨论了一下泥土的色彩——棕色。这次让我们来看一看鲜明的粉色。尽管红色与激情相连，粉色却与爱情和浪漫有关。它是个时尚的颜色，然而尽管通常被认为是个很女性的颜色，但是并非女生专用色。你是个穿粉色衣服的很man的帅哥吗？粉色是个时髦和活泼的色彩，而且在网页设计中令人惊讶的流行。

想想每天的话语中对粉色的应用，你可以看到它通常被作为一个正面的色彩，比如一个健康的人有的时候会被认为“In the pink(非常健康)”，满足和幸福的人们被描述为“tickled pink(非常开心)”。

在设计中使用粉色

当然，粉色也有很多不同的分支和色调。从淡粉色到橙粉红色，再到深粉色，粉色也有很多名字比如紫红色、浅玫瑰红、橙红、肉色、珊瑚色以及艳粉色。每种情况都有个粉色

你可以使用淡粉色和浅粉红色创建柔软和雅致的色盘。结合黑色或深灰色的粉色可以看起来很高雅。粉色搭配蓝色很好玩，而深粉红色搭配深红色可以产生一个比较颜色的感觉。橙红色和苔绿色可以产生一个大自然的组合。

杂志封面是在实际中最容易看到粉色色盘的地方。在这个Harper’s Bazaar的封面， Gwyneth Paltrow穿着深粉色的衣服。字体都使用同一种类型，但是亮粉色的字体则匹配她的口红的颜色。橙红色和白色的文字也被添加到色盘了。

在下面的Rolling Stone 的封面中，Alicia Silverstone的衣服几乎和背景颜色相同。粉色很软。然而，黑色字体和字体的选择防止它陷入过度的粉色少女。

这个V Magazine的封面颇有60年代的风格。Lady Gaga的艳粉色衣服和连帽、眼镜搭配黄色的字体和亮橙色的背景色显得非常闪亮耀眼。

使用粉色的知名logo和品牌

和上篇棕色logo一样，我发现很难记起太多知名的使用粉色作为主要色彩的logo。最先想到的一个logo就是那个失败的London 2012 奥运会logo。它肯定是这样用的。请随意添加到这个列表中。

网页设计中的粉色

Snog Pure Frozen Yoghurt

Twitter Lane Interiors

设计中的色彩：蓝色

神采飞扬 — 2010-03-31 10:57:20

译自：Color In Design: Singing The Blues
中文原文：设计中的色彩：蓝色
Jennifer Farley
请尊重版权，转载请注明来源！

“Blue flower, red thorns! Blue flower, red thorns! Blue flower, red thorns! Oh, this would be so much easier if I wasn’t color-blind!”——怪物史瑞克

上一篇，在这个关于在设计中使用色彩的系列文章的第一篇中，我们研究了红色。今天让我们从色盘的暖色调的一端转移到冷色调的一端，看一下蓝颜色。蓝色是一个和天空和海洋相联系的自然色。它有种镇静的效果，而且被认为是一个很好的可以用在卧室中的颜色，因为它有助于让你入睡。

虽然红色可以传达强烈的情感和热情，蓝色也会理所当然的被联想到悲伤和消沉。在西方，新娘会借一些蓝色的东西，在有些风俗中，蓝色被认为可以将坏精灵赶走。所以与红色一样，蓝色对于很多人可以意味着很多事情，有些事情是你在设计中需要知道的。谁是你的目标用户？他们会对一个网站、logo或者一个海报中的蓝色有什么样的反应？

在设计中使用蓝色

蓝色系真的包括很多种颜色，一直从藏蓝色到淡蓝色。深蓝色系长被认为是华丽的、讲究的、严肃的或者善于分析的，而较浅的蓝色系则表示洁净、平静和清新。结合淡蓝和深蓝，有的时候会被作为银行的颜色，表示稳定、信任、能量与力量，这就是为什么它常常被用在企业网站中。嗯，别忘了，彩通(Pantone)刚刚公布2010是绿松石之年(year of Turquoise，Turquoise是绿松石，一般翻译成天蓝色或者蓝绿色)。

蓝色可以使使用红色或橙色的暖色调色盘冷静下来，并且在和黄色搭配的时候可以创建一个很不错的吸引眼球的高对比色盘，蓝色和白色是整洁的、清新的，而且看起来常常一起。这里是一些家喻户晓使用蓝色和白色的logo，包括由Paul Rand设计的著名的“蓝色巨人”IBM 的logo。

这里是一些使用蓝色作为设计中的主要部分的一些实例：

设计中的色彩：绿色

神采飞扬 — 2010-03-31 10:55:25

译自：Color In Design: Green
中文：设计中的色彩：绿色
原作者：Jennifer Farley
请尊重版权，转载请注明来源！

到现在为止，我们在这个系列中了解了蓝色和红色以及它们在设计中的一些实例。今天让我们了解一下绿色。和蓝色一样，绿色和大自然与植物紧密相关。这四十个绿色的渐变色是相当明了的，当你想到很多绿色调的色彩的名字的时候，你可以轻易的想到为什么：海绿色、祖母绿、草绿、苹果绿、森林绿、叶绿色、会绿色、橄榄绿、淡绿色、松绿色以及苔绿色等。

回想一下一些常用的短语或许可以帮助一个设计师决定他们要用绿色表现的感觉的种类。绿色有很多中好的寓意：被批准放行(绿灯)、举重若轻、挣些美钞。同样，绿色也有自己的阴暗或者不引人注意的意义：绿眼怪(嫉妒)，脸色苍白(feeling green around the gills)以及简单的太嫩(be green)了，比如，毫无经验。我不认为很多设计师想要给人一种绿色的感觉，或者让网站的访问者脸色苍白。

使用绿色

事实上有这么多的绿色色调，这形成了一个非常灵活的色彩。它可以在色盘的黄绿色端显得很“温暖”又可以在蓝绿和碧绿方向显得有些“冷”。一个柠檬绿可以让一个设计很“潮”，橄榄绿则更显平和，而淡绿色可以给人一种清爽的春天的感觉。用蓝色搭配绿色可以传递一种水的感觉。添加米色或者褐色则可以展现一种泥土的气息。白色+绿色是新鲜和户外的，而紫色和绿色是高对比的一对儿(需要小心对待)。

绿色LOGO

在前几篇中，我们很容易就能找到大把的知名logo，而绿色却并不太容易找到非常知名的全球品牌LOGO设计。(然而我却是找到了一些，不得不多谢Twitter上的好友们的帮助)。貌似对于大部分企业来说，绿色并不像蓝色和红色那么流行。

下面是10个使用各种绿色的网站设计。你认为这些网站中的绿色使用的如何？

事实上，前端观察之前也展示过很多绿色的LOGO和网站设计，或许能够让你对绿色的了解更深刻：

设计中的色彩：黄色

神采飞扬 — 2010-03-31 10:54:00

译自：Color In Design: Yellow
中文：设计中的色彩：黄色
原作者：Jennifer Farley
请尊重版权，转载请注明来源！

上篇我们讨论了温暖而鲜明的橙色。今天我们将继续停留在色盘的同一边，讨论一下黄色。就像橙色和红色，黄色也是一个暖色。它有大自然、阳光、春天的涵义，而且通常被认为是一个快乐和有希望的色彩。不过话虽如此，它可能是一个难以应付的色彩，而且貌似并不像之前讨论的那几种色彩流行。

黄色是一个高可见的色彩，因此它被用于健康和安全设备以及危险信号中。这个高可见是明显引人注目的，但是在屏幕中可能过于吸引眼球。位于白色背景中的黄色看起来非常吃力。正如提到的黄色有很多正面的含义，但是它也会联系到懦弱和欺骗，“yellow-bellied（胆子很小）” 和“yellow journalism(黄色新闻)”等。

使用黄色

黄色有几个变化，从淡黄色(乳酪色)到柠檬色再到金黄色。黄色作为暗色调的伴色非常好。它可以极大的点亮一个黑色的设计，而且可以有类似于红色和橙色的那种不用加粗就可以吸引目光的效果。黄色和蓝色是一个流行的组合，黄色可以唤醒低调的蓝色从而创建高对比度。。紫色是黄色的补色，也是一个高对比的组合。对于更接近泥土色彩的色彩方案，可以混合黄色和棕色以及苔绿色和橄榄绿。结合浅绿色和橙色，黄色可以创建一个柑橘或者水果类的色盘。黑色和黄色可以组合起来以创建一个工业化的视觉效果。

黄色系Logo设计

这里是一些使用黄颜色的Logo设计:

黄色系网站设计

下面你将发现一些使用黄颜色的，无论是作为背景色彩还是高亮某个区域。

对于黄色在网页设计中的应用，你有什么看法？它是你喜欢或者逃避的颜色吗？或者你有见到优秀的黄色系中文网站设计吗？

设计中的色彩：棕色

神采飞扬 — 2010-03-31 10:51:29

译自：Color In Design: Brown
中文：设计中的色彩：棕色
原作者：Jennifer Farley
请尊重版权，转载请注明来源！

上一篇我们讨论了一下紫色，一个十分鲜明的色彩。今天，我们将讨论棕色(棕色也被称为褐色、赭色等)。就寓意来说，在某些方面棕色差不多是与紫色相反的色彩。棕色常常被联想到泥土、自然、简朴。它给人可靠、有益健康和保守的感觉。反面来说，它也被认为有些不鲜明，但是可以通过使用较亮的色彩来弥补这种情况。

棕色与木材以及小范围的石头有非常亲密的联系。几年前，有很多很多网站使用木质纹理做背景。这个趋势貌似已经结束了，但是如果处理的好，“木质”网站还是很醒目的而且可以给人一种很棒的有纹理的感觉。当然，棕色会联系到旧的和经年的照片和材料，可以用来创造温暖和怀旧的情愫。

棕色在设计中的用法

棕色有很多种渐变和色调，它们中的很大一部分的名字来自于自然。浅棕色包括沙色、乳酪色和米色，中棕色包括巧克力色、可可色，深棕色包括咖啡色和红褐色。

使用浅颜色和深褐色可以产生一个丰富的组合，而且如果你想一下秋天的颜色，你会想到大自然提供了棕色和红色、橙色和黄色搭配的卓越展示——一个现成的实现暖色的色盘。

棕色搭配绿色是很有泥土气息的，而棕色搭配薄荷绿会显得很潮。黄色和橙色可以为暗褐色增亮而且看起来依然很“大自然”。如果你想要避免使用黑色，深褐色会是一个非常棒的替代。

棕色logo

使用棕色的知名logo的确很少，想找到一些知名的使用棕色的logo设计真的不容易。如果你有记得，别忘了与我们分享。

然而，我找到了很多很多的使用棕色的非常棒的网站设计，这里是其中的10个。

设计中的色彩：紫色

神采飞扬 — 2010-03-31 10:50:01

译自：Color In Design: Purple
中文：设计中的色彩：紫色
原作者：Jennifer Farley
请尊重版权，转载请注明来源！

上一篇我们看了一下快乐的黄色，现在轮到黄色的补色——紫色了。不爽的是，紫色容易看到顶端，但是用的好的话可以很醒目和时尚。查看色盘我们可以看到紫色是红色和蓝色的交汇处，而且中间有很多过渡颜色，因为紫色被认为在洋红和栗色方向是暖色以及在紫罗兰色方向是冷色。

紫色是一个神秘的富贵的色彩，与幸运和财富、贵族和华贵相关联。它也和宗教有关、比如复活节和紫色的法衣。非常有趣的是，如果你看一下基督教和教堂网站，却并没有大量的紫色。这个颜色也会通过花儿和植物与自然有所关联，比如丁香、薰衣草、紫罗兰以及各种紫色的的变色的兰花。2008年，彩通选择蓝虹色(Blue Iris /PANTONE 18-3943)作为他们的年度色彩。莱阿特丽丝•艾泽曼(Leatrice Eiseman)，彩通色彩行业系会理事这样描述蓝虹色：

作为时代的反映，Blue Iris 带来了蓝色的可信赖的一面，并结合强烈的令人迷思的紫色。在感情上，它给人安全感和有点儿梦幻的沉思。它巧妙的结合了深红色、红褐色、黄绿色、葡萄紫和灰色。

紫色明显也是Jimi Hendrix的最爱，而且我们发现Prince也很喜欢它。

使用紫色

紫色跨越了暖色和冷色，所以可以根据所结合的色彩创建与众不同的情调。带些红色的深紫色可以产生一个暖色盘。浅紫色是较贵的，常常会联想到浪漫。当结合粉色的时候，可以创建一个很女性化的色盘。一个比较男人的色盘可以使用黑紫色。泥土和自然的色彩可以结合深紫色和浅褐色或者亮紫色+绿色。黄色和紫色是补色，可以创建强对比度的色盘。