网页设计色彩搭配之清淡柔和的蜡笔色
最近,你可能已经注意到,一些新的网站设计变得更加柔和轻盈。在所有五颜六色的色彩之间,似乎有些设计师正在采用更微妙的方式,通过使用更轻或者更平淡的颜色来创造不一样的设计。
Recently, you've probably noticed that some of the new website designs have become softer and lighter. Among all the colorful colors, it seems that some designers are adopting more subtle ways of creating different designs by using lighter or more mundane colors.
虽然它们仍然使用相同的基本概念以及方法——例如彩色的遮罩层或渐变层,新色调正在为这些主题创造一种更精致和低调的变化做出贡献。今天我们将深入研究这一趋势,并探索各种设计实例和方法。
While they are still using the same basic concepts and methods, such as the mask layer or gradient color, new colors are for these themes to create a more refined and low-key. Today we will delve into this trend and explore various design examples and methods.
1.蜡烛色的使用遍布网络
1. Candles are used all over the Internet
柔和的颜色是完美的解决方案,如果你的品牌要求一些令人感觉柔软以及一些复杂层次的元素,但你仍然希望能够利用你收集已久的调色板的话。同时,当把它们用在分层设计上时,柔和的色彩看起来也很好,这使得它们成为一种非常灵活的配色方案,可以在各种各样的网站设计风格中使用。
Soft color is the perfect solution, if your brand requires some feels soft and some complex layers of elements, but you still want to be able to use you collect palette for a long time. At the same time, when and use them in a hierarchical design, soft color looks is also very good, this makes them a very flexible color scheme, can be used in all kinds of website design style.
· 扁平以及大胆
· flat and bold
虽然你经常看到扁平风格的网站设计趋势一般是以最鲜亮的颜色进行的,但在某些情况下,这种方法可能会变得粗暴,甚至有点令人厌恶。看看上面SimpliSafe的网页设计,如果页面中的大字段是以原色执行的,那么这个站点看起来有点太简单和平淡了,选择柔和色调有助于使平面设计元素更加刻意和吸引用户的注意力。
Although you often see flat style of web design trends are typically the most bright colors, but in some cases, this approach is likely to become violent, and even a bit disgusting. Look at the web design SimpliSafe above, if the page the execution of a larger field is primary, then this site looks a bit too simple and bland, choose downy and tonal helps make more deliberate and plane design elements to attract the user's attention.
· 卡通风
Cartoon wind,
一些柔和的蜡笔色组合可能会使你的网页设计整体脱颖而出,这使得它们成为图表设计的一个很好的元素选择,就像上面的案例一样,略带俏皮的矢量插图。这个例子有一个非常复杂的调色板,但是所有的色调在一起仍然能够协同工作,因为它们都采用了相同“迟钝”的颜色搭配,而且插图风格很简单。
Some downy crayon color combinations will make your web design as a whole, which makes them become a great element of graphic design choice, just like the above case, slightly nifty vector illustrations. The example has a very complicated palette, but all the colors together will still be able to work together, because they all use the same "slow" color collocation, and illustration style is very simple.
· 彩色摄影
· color photography
像上面这种的网站设计已经出现了一个更加优雅的色彩应用,其中整屏的照片被一层淡薄的色泽所覆盖。这些色调可以唤起了怀旧和柔软的感觉,这与该公司正在尝试创造的品牌定位紧密相连。
A more elegant color application has emerged from the design of the site like this one, where the whole picture is covered with a thin layer of color. These hues can evoke a sense of nostalgia and softness, which is closely linked to the brand positioning the company is trying to create.
这个网页设计提供了类似的示例,显示了大板块的图片如何在这种情况下可以像简单的纹理一样工作,不过,这是一个极端的例子,来说明被冲洗的颜色可以如何进行简约的设计。
The web design provides a similar example, shows how big the picture of the plate in this case can work like simple texture, however, this is an extreme example, to illustrate how can wash the color of the simple design.
· 偏移的线条
· offset lines
使用蜡笔色与色轮搭配也很有趣。基本颜色的任何柔和的衍生物通常在应用基本颜色理论原理时也起作用,除了外观更异常,异想天开以及明亮。上面的这个网站设计使用了一种基于红色,黄色和蓝色三原色的色板,结果是营造一种温暖而充满活力的视觉方案。
It's also fun to pair with a crayon and a color wheel. Any soft derivatives of basic colors usually work when applied to basic color theory, except for a more unusual appearance, whimsical and bright. The site is designed to use a red, yellow and blue color palette, and the result is a warm, vibrant vision.
· 复古
Restoring ancient ways,
逐渐消逝的颜色是自然怀旧的代表,所以柔和的色彩应该在复古类型的网站设计中占据显着地位。在上面的sweez这个面包店的网站设计中,通过斑点,粉红色和淡蓝色,就像它的草书字体,给予它独特的复古感觉。
The fading color is the representative of natural nostalgia, so the soft color should occupy a prominent position in the retro-type website design. In the top of the sweez bakery's website design, through spots, pink and light blue, like its cursive font, give it a unique retro feel.
在上面的这个葡萄园网页设计中,通过使用独特的复古复兴的外观设计,展示了一个非常不同的风格例子。不同的标题字体的组合以及模仿双色印刷是一个特别的视觉元素,让用户感觉像一个历史悠久的葡萄园,一定至一个不错的选择。
In this vineyard web design, a very different example of style is presented through the use of a unique retro Renaissance look design. The combination of different heading fonts and the imitation of the two-color printing is a special visual element that makes the user feel like a historic vineyard and must be a good choice.
· 单色
Monochrome,
尽管蜡笔色是成为彩色组合的完美候选人,但它们在类似配色方案中的功能也非常的出色。上面的这个网站设计展示了如何轻柔地通过橙色色调的不同表现可以做出不同的视觉方案。
Although crayons are perfect candidates for color combinations, they are also excellent for similar color schemes. The above site design shows how to gently make different visual solutions through different displays of orange hues.
· 极简主义
· minimalism
有时候,一个令人信赖或感到舒适的网站设计所需要的仅仅是极简主义元素。上面的这款天气应用程序的使用大范围的绿色和蓝调还有一大堆深色系的颜色搭配出一个不同寻常的组合,你仿佛可以感到网站此刻就在发出手机震动的嗡嗡声,现代字体增加了足够的兴趣,吸引观众进一步探索。
Sometimes a trusted or comfortable web design requires only minimalist elements. Above the weather application using a wide range of green and blues and a lot of dark colour collocation gives an unusual combination, you could feel the website at the moment in the hum of the mobile phone vibration, modern font increase enough interest, to attract the audience to explore further.
2.色彩工具可以帮助你找到完美的配色
Color tools can help you find the perfect match
从许多这些例子可以看出,通常,调色板可以帮助网站设计从普通到意想不到。如果你对配色这方面需要帮助的话,网络上有几种颜色选择工具非常值得探索。
As you can see from many of these examples, the palette can often help web design from ordinary to unexpected. If you need help with color matching, there are several options on the web that are worth exploring.
· 调色板
Palette,
Design Seeds上有不少能够让人眼前一亮的调色板分享。如果你浏览这个网站,你会注意到所有最近的帖子中流行的柔和的色彩组合,这个现象也说明了这一趋势变化的速度如此之快。
Design Seeds have plenty of color palette to share. If you look at the site, you'll notice the soft color combinations that have been popular in all recent posts, and it's a sign of how quickly this trend has changed.
· 意象
Images,
尝试在Designspiration上进行基于颜色的搜索,以找到大量在设计工作中流行的颜色组合的示例。你可以从其调色板中选择多达五种色调,因此可以轻松找出甚至非常复杂的组合的示例。
Try color-based searches on Designspiration to find examples of a large number of color combinations that are popular in design work. You can choose up to five shades from its palette, so you can easily find examples of even very complex combinations.
· 图片
Pictures,
如果你需要一些很好的图片素材来提升你的网页设计,你还可以浏览Shutterstock Spectrum,它通过颜色对图片进行分类,并排列形成一个巨大的图像库,方式与Designspiration类似,但更具体。
If you need some good picture material to promote your web design, you can also browse Shutterstock Spectrum, it by color images are classified, and arranged to form a huge image library, way and the Designspiration similar, but more specific.
总结
Summed up
当然,柔和的配色方案并不是适用于所有类型网站的最佳选择。如果你想要一个柔和的外观,那么明亮与暗色的色调混合可能是正确的组合。对于那些需要让人感觉到奢华或者说隆重的网站场景,紫红色和奶油色可能是比较合适的选择。但是,如果你正在寻找一种增添平淡和温暖的调色板,通过增加兴趣点而不会压倒设计的其余部分的话,柔和的调色板可能只是你的项目的最好选择。
Of course, a soft color scheme is not the best choice for all types of websites. If you want a soft look, then bright and dark tones may be the right combination. For sites that need to feel luxurious or grand, Burgundy and cream may be the right choice. However, if you are looking for an add light and warmth of palette, by adding to the point of interest don't overwhelm the rest of the design, soft palette may be the best choice of your project.