Web Design Tutorials: Website background design case sharing

Article Description: we'll introduce you to some of the actual web sites to inspire you and see how you can design interesting and interesting web page backgrounds. When you read again, you will be obsessed with a certain background design.

How to choose the most appropriate Web page background is one of the most common problems in web design. Usually web site designers are ready to site content, and most of the layout is also basically finalized. But the background is either boring or dazzling, and the designer is slow to determine.

Today, we're going to introduce a couple of real-world websites to inspire you to see how to design interesting and interesting web page backgrounds. When you read again, you will be obsessed with a certain background design.

1. Sketch Design

This design became more popular a few years ago and continues to the present. The inspiration comes from doodling in a notebook, just as you did in your teenage years in English class. Each part is a rough sketch, and the page appears to be a very random collection of ideas that are scattered around the page in different ways. Notchstudio is a great way to apply this idea and show it in a very soft and slow manner.

Even if you're not very good at painting, the idea is fairly easy to achieve, because these graffiti are usually very basic designs. If you have a wacom or ipad tablet, you can easily paint your own picture or some kind of written text that reflects that style. There are also a lot of free fonts such as pointy, can help you to achieve a person with great praise of the sketch.

2. Fine manuscript design Style

The texture of the paper always arouses the designer's passion and is applicable to all ages. The idea is not as popular as it was a few years ago, but it still brings you a very subtle effect: if you don't see it, it will make you miss it.

You notice that the texture design of the beautiful type, which is neither deviating from the subject nor exaggerated, adds to a site that looks good.

Looking at the Lostandtaken website, you can find a huge amount of texture resources that can be applied to your design.

3. Gradient Design

Many designers think that gradients have become less fascinating because they have been overused. I personally think they are easy to misuse, and do not perform properly, but we will never see the whole is pure color eminence no gradual situation. Because gradients reflect reality (the natural world we never see without any doped solid colors), designers will continue to apply the gradient design to make their work feel more realistic.

Gradient design is usually the best way to keep things simple. You don't have to mix the crazy colors, you don't have to make a change, just choose a simple gradient. One of my favorites is a gradual change from old gray to black ash. It is pure, easy to realize and shows real elegance. You can see this from the design below.

4. Double tone Contrast design

Another choice for the unique elegance and boldness of the page is to add a blunt color-changing design to the page. Most are in the horizontal direction of discoloration, but if the use of vertical design will give a unique and dazzling feeling.

The idea is to use the magic of contrast. Our eyes are naturally attracted by contrasting colors. The key is to ensure that the two colors are significantly different. Do not choose any resistance or impact tones, but try to contrast pure black with a light color.

5. Full Screen picture design

I mention this idea, you may be dismissive, but I will continue to do my best to explain to you the skills of mastering this creative design: great pictures, great designs. It is simple and simple. Anyone with a preference for beautiful pictures, so add it to your design, it will make your site for everyone's appreciation. It's simple, isn't it?

The images give the site inspiration. You can capture colors, textures, and even typography from a painting, creating a very nice, coherent theme.

Note that the following site design of the dark natural elements, it gives a lot of photos used in the homepage of the appearance and feeling of sliding.

6. Texture collocation Color Gradient Design

The reason I like the site that I've seen so much lately is that it has a lighting effect at the top of the page or a creative design that is similar to a little texture and lets the page quickly fade to a solid color.

Too much texture can easily reduce the readability of the page text, but also increase the visual noise to make the page into a completely different page. The implicit placement of the texture will give you an extra look of praise, without sacrificing the overall aesthetic and readability of the page.

Too often, we use a CSS background image to reset the texture to fill the background. In fact, we can try to make the texture appear selectively, and you will immediately find that your design looks much better.

7. Looking at the design

The sky is an eternal fantasy space for mankind. Clouds, rays of sunlight, stars and moons, all these elements give people a magic to keep their eyes on you.

Be especially careful when you want to incorporate these elements into your background, because it can be particularly easy to produce unsightly or stale effects. To master this creative skill, designers need to have a good sense of aesthetics, know how to express the concept of "space", do not make it a similar to the old version of the Windows Screensaver retro effect.

The following website chooses the beautiful sky as the prominent webpage background, is a very good example. The designer uses retro tones and subtle diagonal textures to render a very beautiful interstellar space. This is the best thing to focus on before you apply the sky to the background of your Web page.

8. Multi-color Diamond pattern Design

I can hear you saying, "Diamond pattern?" You're kidding? "Before you throw bricks in the comments column, we have to admit that the diamond pattern does produce some particularly attractive effects," he said. But, as we have said before, this kind of creativity is not something that anyone can do, and only experienced veterans who know how to use the frenetic pattern can master without causing unsightly effects.

Here's an example of how this creative effect works very well. The application of the modified rhombus pattern style does not particularly attract your attention, but it brings a very good and gorgeous atmosphere to the page.

9. Abstract and fanatical design

Are you tired of my "cautious" or "relaxed" advice about subtle design techniques? So this tip is for you. Sometimes the best background may be a bit of a wild and daring display of irrelevant content to the page, just to get your attention.

Some sites are very good to achieve the effect of watercolor, this is a very popular technique, you can find a lot of network resources can be imitated.

Try Flickr to search for "abstract watercolor" (Abstract watercolor painting) and see what you'll find. There are plenty of cheap pictures that are enough to help your Web site get more people's attention.

10. No need to avoid pure color design

All of the above suggestions are to meet the needs of your great Web site background ideas. However, for a designer it must be understood that there is nothing wrong with the solid color background. It is a key element in many of my favorite designs. Learning how to apply pure color ideas properly is an important part of being a designer.

Take a look at Piknik, which offers a lot of free tools, and you'd better make sure you add it to your design repository. This site makes it easy to preview and choose your screen colors. All you have to do is move the mouse and watch the background color change.

Summarize

The choice of background determines the tone and personality of your entire site. Just two days ago, one of my peers deliberately placed his site in our brochure, but they just chose a bad background picture. The design and layout of this website is very good, I just can't tolerate that ugly background. After that, he accepted the questions I pointed out and changed the background to a more concise style, directly raising the site to a whole new level.

As you said in your opening remarks, the next time you're stuck in a design routine and you can't choose the right background, look at our article and try some of the ideas. One day, you will also reach the other side of the perfect website.