设计颜色：灰色

最新推荐文章于 2024-09-17 23:15:58 发布

culi4814

最新推荐文章于 2024-09-17 23:15:58 发布

阅读量540

点赞数

文章标签： python java javascript html 产品设计 ViewUI

原文链接：https://www.sitepoint.com/color-in-design-grey/

版权

In this series we’ve looked at pretty much every color in the rainbow and it’s use in design. In this post, we’re looking almost at an absence of color because today, I’m writing about the color gray. Gray is a balanced, neutral color and it is very popular in web design. It doesn’t evoke particularly strong emotions (except maybe a bad mood) in the same way Red, Orange or Purple might. It’s not as definite as black, but a very dark gray can do the business in almost the same way. Likewise a very light gray is not as stark as white, but it can sometimes fill the space occupied by white.

在本系列中，我们研究了彩虹中几乎所有的颜色，并将其用于设计中。在这篇文章中，我们几乎要寻找一种没有颜色的东西，因为今天，我正在写关于灰色的东西。灰色是一种平衡的中性色，在网页设计中非常受欢迎。它不会像红色，橙色或紫色那样唤起特别强烈的情绪(除了心情不好以外)。它不像黑色那么明确，但是非常深的灰色几乎可以用同样的方式来做生意。同样，非常浅的灰色不如白色鲜明，但有时可以填充白色所占据的空间。

Gray has positive and negative connotations. “Gray matter” is associated with intellect and brain power, while the word “gray” itself is used to describe something that’s dull and boring. Gray suits are the uniform of the corporate world. Gray color names include charcoal, gunmetal, powder, ashen, lead and slate.

灰色有正面和负面的含义。 “灰色物质”与智力和脑力有关，而“灰色”一词本身用来描述沉闷而无聊的事物。灰色西装是企业界的制服。灰色名称包括木炭，青铜色，粉末，灰，铅和板岩。

Gray In Design

灰色设计

It’s hard to go too far wrong with gray. It seems to work with just about every color. Because of it’s neutrality, it is frequently used as a background color. It makes other colors pop. As mentioned earlier, you can use light gray to replace white and dark gray to replace black. To get a warmer more earthy gray, use Taupe, which is a grayish brown.

很难走得太远错灰色。它似乎适用于几乎每种颜色。由于具有中性，因此经常用作背景色。它使其他颜色流行。如前所述，您可以使用浅灰色代替白色，使用深灰色代替黑色。要获得更温暖的灰色，请使用灰褐色的灰褐色。

Using gray with pastels and soft pink produces a feminine feel, while darker colors combined with gray create a more masculine quality. Dark gray with red or orange is a particularly eye catching combination. Take a look at the movie posters below.

将灰色与柔和的粉红色和柔和的粉红色结合使用可产生女性化的感觉，而深色与灰色的结合则可产生更阳刚的品质。深灰色与红色或橙色是特别醒目的组合。看看下面的电影海报。

Gray is frequently used as as a background color for portfolios (both on and offline). It allows photographs, illustrations or other color elements come to the forefront while providing a solid backbone to the portfolio. Having most of the layout in gray almost makes the background disappear, yet makes the other elements and colors really standout.

灰色经常用作投资组合(包括在线和离线)的背景颜色。它使照片，插图或其他色彩元素脱颖而出，同时又为产品组合提供了坚实的支撑。将大多数布局设为灰色几乎会使背景消失，但使其他元素和颜色真正脱颖而出。

Web Sites Using Gray

使用灰色的网站

This week it really wasn’t hard to find a large number of nicely designed sites. Gray is extremely popular both as a background color and also for both headlines and body copy text. Here’s ten sites doing good things in gray.

本周，确实不难发现大量设计精美的网站。灰色非常流行，既可以用作背景颜色，也可以用作标题和正文文本。这里有十个站点以灰色显示良好状态。

里卡多·吉梅内斯(Ricardo Gimenes)

Ectomachine