The same white Beijing, in 2016 we were dominated by the white background of Chiguo! It's time to quickly change your website to a more modern background ~
Although many minimalist styles are still outdated, it doesn't mean we all like style designs that lack color. Designers can also choose gray and bright colors instead. The pursuit of background effects has also produced many more interesting styles and geometric figures, like asymmetric patterns, abstract art. Today, we will use examples to explore the background trends and inspiration of modern websites!
1. Geometry on the image
The first screen main image is still one of the most popular background design styles. The eye-catching big picture can attract users' attention very well.
Although they are not the background itself, in most cases, the enlarged full-size picture is just the scenery of the home page. Add text, navigation elements, and interactions to the picture (thus considered a background).
The new trend of the main image is to add a cool geometric layer on top of it to increase the visual interest. From spirals to rectangles and more, designers add basic shapes to their designs.
But you need to purposefully use the geometry in the main image to achieve its desired effect. It is difficult to simply put some hexagons on the picture. The geometric elements should be placed in the correct position, which can attract the user's vision to the correct position, or guide the user to perform specific operations. Through geometric figures, you can also add some colors to a dark tone or minimalist design to guide the movement of sight. Shapes can also be used to help emphasize brand identity and build a strong brand relationship, especially when those shapes were originally part of the logo.
The easiest way to reverse the minimalist design is to add a little gray.
Rather than a monotonous white background, more websites are beginning to use a gray tone background to make it a completely opposite minimalist design style.
The advantage of using a gray background is to make the color look fuller and give people a warmer or colder tendency.
The background color can match the color of the brand or the surrounding pictures. Or, create a smooth hue with pure gray.
No matter what color value you use, remember that the elements surrounding the color will help you decide how the color will feel to the user.
For example, Paul Valentine's website uses pale pink as the background color, it looks very soft, and the same color on the S.Dallyn website is more stylish.
3. Brilliant layers
Just as you can use geometric shapes to create a background layer, color blocks can do the same. Choosing bright colors is a bold and interesting background design decision.
These colored backgrounds can serve a variety of purposes, from attracting user attention to design to adding visual pleasure.
Some recent color trends have largely affected design, and this trend is also the foundation for color blocks to create backgrounds. Many colors and layers have the feel of Material Design (or have the taste of flat design style). This fusion and transformation of fashion trends is a natural evolution and a design style that is easy to adopt, because it can better adjust the existing website than a complete overthrow.
Get out of limits! (Or at least tweak it, don't make it look so symmetrical.)
The background does not need to line up small elements and patterns perfectly. It is not necessarily a single color or image.
It can be a combination of some elements, placed in the picture in a perfectly balanced manner, instead of simple left-right symmetry. Feasible ways, for example: design a main picture, without using the full width of the screen, one side has more white space than the other side, as shown in the Nap Luxury Guesthouse website. It can also be similar to the way of CMMNTY's website, in which text elements and white space have equal weight to guide users to read text information. Or as shown by VASE's website: the enlarged product image is displayed by partial display, with text and interactive elements.
No matter how the design is presented, we should consider background design from a harmonious and balanced perspective, rather than looking for ready-made templates. Try something different. Asymmetry is often bold, fun, and eye-catching (especially in the context of so many very symmetrical works.)
5. Abstract art
No idea when making the background image? Try some abstraction. Arbitrary combinations of colors and shapes, although they may not look like each other, are visually interesting.
When designing a website page, you need an interesting visual highlight to attract users' attention. If page design is cliche, there is no reason for users to stay.
Design a clear visual focus with attractive text to grab the user's attention. Be bold, unusual and fun.
Summarizing your website design is still suffering from old, outdated and rotten main maps? (It's okay, admit it. We all may encounter this situation) Start to give your website background a more fashionable style. Use the above examples to inspire you, boldly discard the old patterns and try different methods.