7 key principles that make a web design good

Everyone and their grandfather (and canine) now have a website.

The web is fast becoming increasingly busy, in fact, many websites are being included as you have read this article. The majority are getting to see between the parties.

Without a doubt, web design is an imaginative process for a huge degree and in this way, more workmanship can be called science. But since it is naturally a mechanism of introduction, some standards (or possibly standard) apply. By following some straight points, one should most likely to create an externally satisfactory design and defame one close proximity. Okay, this is not so basic, and the potential and experience make a difference, however, no one can turn their landing page into something prettier within minutes.

So, what's cute? It's not Flash. To say that there is no validity of the flash, rather Flash alone does not make a design decent; Some awesome flash websites are out. Similarly, creating an attractive design does not have to be an incredible artist. Instead, see web design as a beneficial interaction of various elements. No single component does most checks; Rather, the completeness of elements makes a design fabulous.

1. Keep your design balanced.

Balance is connected to the fact that your design does not tip on one side or the other. It resembles the balance of load in completing homogeneity or inequality.

Examples:

Take a Gander in the Canine in the realm of the lost header of the Subtract website of Khoi Vinh. I took this example from Jason Beard from The Principles of Beautiful Web Design. Jason indicates how the cross makes for extra visible loads, which gives the puppy to the left. It is not yet irrelevant. See the cross with your hands and hide it with your hands.

This is what we call Lope Balance, and this is the thing about which is a balance. In case you are not cautious about how you spread things, the design will become increasingly unbalanced. You can control the visual load of the design from many points, for example, with the expansion or removal of shading, measurement, and elements. If you try to make a cross in some way, then say energetic orange, it will be very heavy and will probably make the format stand again. Balancing the complete loops is a particularly sensitive issue that separates the opportunity of adjusting and to actually draw the eye ready to a certain extent.

Here is another case of symmetric balance below, this one by The First Twenty. Regardless of the fact that the header is realistically balanced (will you be able to figure out how it is done?), Whatever the remains of the design are symmetric sections. More work can be done to pull the toopy-turvy balance, though it will normally make a design progressively difficult.

You will find that you think every design is very good, a very built balance is fundamental. Apart from this, every design is highlighted on each of the seven standards we have tested. So, stay for a moment and see everyone with their eyes, because they are all martial.

2. Use the lattice to compartmentalize your design:

The idea of latitude is strongly identified with balance. The matrices are the progress of flat and vertical rulers that help you to "compartmentalize" a design. Consider the sections. Sections enhance consistency, simplifying the content of a page to maintain it. Using dieting and rules of chords (or comparative golden ratio) reduces eye on demand.

For example, the rule of Thirds and Golden Ratios shows why the sidebar is about 33% of the width of the page and the basic matter area is generally equal to the width of the design divided by 1.62 (equivalent tophi in science). Why would we do this, it will not be noticed, yet it seems that it is stable. It is added that the subjects in pictures taken by the specialist are not normally placed at the crossing point of a nine-square framework (three by three, two even and two vertical lines) in the center.

Examples:

The matrix gives loans specifically to medium designs themselves. Why Derek Puns Allen Performs 5 Thirty-One:

While the design is not externally great in itself, the precise organizing of the elements makes it simple on the eyes. The left section is generally doubled in the right sidebar, which only makes sense and there is something to consider when creating your own design.

3. Choose some base color for your design:

Consider this possibility that you changed the Base Red on the First Twenty website (above) to lure the green. Would it look great? No doubt. Since there is no space with the same shading palette (and clearly not the easiest shading to work with lime green color). For example, there is a color lover, which should be as it should be. You cannot just blow your color Rambo-style, firearms. Some colors look good together, not others. There is a large part of the connotations on the colors and their blends, including monochrome and traditions on different plans, yet one-ton boils for a good decision and it is a pull for it.

Find for yourself who collaborates. Under the circumstances, any number of websites can be designed, for example, include those who have been included on any website such as the CSS website (Best Web Gallery), so that it can be known as color one How to collaborate with others. Choose some base colors for your design, and then use tint (which are mild, mixed with white) and colors (which are dark in color, mixed with these base colors) for the palette where Are important.

Examples:

Bains Tucson's website has its own shading scheme style. It is essentially monochromatic (colors and colors of bisexual shading) and colorless (excessive contrast) with a shading (red) to emerge:

Excessive asymmetry passes on the chic and the specialist, while the red contains flavor, which emerges some elements and looks sluggish by designing the design; Obviously, something other than Lal makes this design intriguing. Incidentally, an organization specifically promoted this style.

4. Try to run graphics together well:

Well, the incredible design does not need to be bothered with extraordinary graphics. Nevertheless, bad graphics will harm a design. Graphics add to the visual message. Websites like web designer wall have remarkable settings, while others have been downplayed.

Examples:

Tim Van Damme uses a bunch of graphics on his website Max Volter, though he executes them with the best ideas and care. There are two non-Nose foundations and sophisticated crown graphics. Outwardly, they are not very surprising, but they all add to the look and feel of the website, and no place is a weird one.

For quite a while, Max Volter has appeared in comparison to an unexpected design. In any case, for two months which it was on the web, it was effectively one of my top picks. With these lines and in the light of the fact that the use of graphics is so laudable, I chose it on the latest rendering.

5. Increase the typography of your website:

The characteristic of the sort is a precarious topic to discuss in light of this fact that it includes such important elements. Although it can be seen very well as a part of the design, a person can spend the majority of his vision for a lifetime. It is not a place to give a total typographic context, so we will keep our discourse limited to the time that will benefit you for the time.

6. Make the elements stand out by adding white space around them:

What to do with white space, or negative location, what is not there? Like measurements and pioneers, white space gives some breathing room and spatial peace to the text. You can make the elements stand out by adding white space around them. For example, a copy should not be tight. To ensure readability, make sure there is enough padding in the paragraph.

Perfume advertising - or any advertisement for a luxury product for that matter - is known for the use of white space ... its weight; And a serif typeface for good measure.

Examples:

I think its time for a shameless plug. The screenshot above is my own website Shift (px). The structure depends intensely on typography and a blank area. White space probably takes about 50% of the page. White space is one of the easiest (because you are not really adding anything, are you?) And the most effective ways to create a visually pleasing and readable design.

White space adds a lot of classes to a design. Do not be afraid to leave some holes open, even the interval too. Inexpensive designers are tempted to put something in every small corner. The design is about communicating a message. Therefore, design elements should support this message, and not add noise to it.

7. All elements are connected:

The connection here refers to a web design that has both unity and stability. These two features display the professionalism of design (and thus its designer). They have very extensive properties. One design should be in line with the use of its colors, in the range of fonts, with its icon, etc. All these aspects; A design may look great and still suffers from anomalies.

When a design is inconsistent, its unity on the user can be lost. Unity is slightly different from stability. Unity implies how different elements interact in design and fit together. For example, do colors and graphics match? Does everything contribute to an integrated message? On the other hand, consistency is found between the pages of design.

Unity is probably more important than both. Without unity, it is hard to be a good design. Incompatibility, although it may seem a bit "slimy", cannot make design "bad".

Of the seven principles addressed in this article, the connection is most important. The connection is to do how all the elements come together: balance, grid, color, graphics, type, and white space. It's like a glue that binds everything together. Without this glue, the design is different. You may have a beautiful type and a great and carefully chosen color palette, but if the graphics are awesome or just do not match or if everything is crammed together, the design will fail.

This is the hardest part of designing. It is not something that can easily be taught or read as necessary. A little natural ability and experience are required. But this is what it is, and it finally looks a good design.

Examples:

We praised Nick La's web designer Wall because of its cute graphics, but this is a good example of the connection. When you normally look at graphics and style in general, then everything is a hand-drawn watercolor: images of images, background color images, hand-made doodles and icons, pole Styling, and prompt Meditation on detail makes this design excellent.

Great website architecture isn't constrained to the seven key standards talked about here. Aspects like accessibility, readability, and usability also play a role.

This is why web design is so hard. Wetting your feet in design is easy, especially today, so many content management systems, blogging tools and themes are easily available. But actually, it takes time to master all facets of web design and, let's be honest, talent. The ability to prepare beautiful designs is just one aspect, but one is important.