網頁設計色彩搭配之清淡柔和的蠟筆色
最近,你可能已經注意到,一些新的網站設計變得更加柔和輕盈。在所有五顏六色的色彩之間,似乎有些設計師正在采用更微妙的方式,通過使用更輕或者更平淡的顏色來創造不一樣的設計。
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
雖然你經??吹奖馄斤L格的網站設計趨勢一般是以最鮮亮的顏色進行的,但在某些情況下,這種方法可能會變得粗暴,甚至有點令人厭惡。看看上面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
使用蠟筆色與色輪搭配也很有趣?;绢伾娜魏稳岷偷难苌锿ǔT趹没绢伾碚撛頃r也起作用,除了外觀更異常,異想天開以及明亮。上面的這個網站設計使用了一種基于紅色,黃色和藍色三原色的色板,結果是營造一種溫暖而充滿活力的視覺方案。
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.