Basic Design Elements Applied in Web Design


Published on

Perhaps one of the most difficult a designer has to make when doing web and graphic design is how to pick the right color. Watch this short clip and perhaps we can help you get pass that colorful dilemma. Learn more tips on which shade or hue to use here

  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Basic Design Elements Applied in Web Design

  1. 1. Basic Design Elements Applied in Web Design Tips from Birmingham Experts’ POV
  2. 2. Perhaps one of the most difficult, and at times easiest, decisions a designer has to make when doing web and graphic design is how to pick the right color and shape
  3. 3.  When it is easiest, this is the time when the designer most probably made a wrong decision  Shapes and colors may just be two short words in elementary design, but each change of hue or each angle distortion can either help or distract users from understanding what your business’ website is all about
  4. 4.  While the choice of colors and shapes are subjective matters based on science and intuition (whichever one favors), their effects are massive  Web designers have the tendency to pick based on expertise and experience, but this could often lead to disagreements  It is therefore crucial for designers to break off the strong ties they have with their personal favorites  the mark of a true designer lies behind how he can address his clients’ needs and design not solely for his own satisfaction
  5. 5. Colors in Web Design  The king and queen of colors for media purposes are the colors red and blue  Blue is usually utilized by corporate businesses to create a good air of relaxation and professionalism  Red is the color favored by many food-related companies like Coca Cola and McDonald’s
  6. 6. Colors and their significance  Yellow – the color of the mind and the intellect. It is optimistic and cheerful. However it can also suggest impatience, criticism and cowardice.  Green – the color of balance and growth. It can mean both self- reliance as a positive and possessiveness as a negative, among many other meanings.  Orange – the color of social communication and optimism. From a negative color meaning it is also a sign of pessimism and superficiality.  Indigo – the color of intuition. In the meanings of colors it can mean idealism and structure as well as ritualistic and addictive.
  7. 7.  Purple – the color of the imagination. It can be creative and individual or immature and impractical. It can also symbolize royalty and wealth.  Pink – means unconditional love and nurturing. Pink can also be immature, silly and girlish.  Brown – a serious, down-to-earth color that relates to security, protection and material wealth.  Magenta – a color of universal harmony and emotional balance. It is spiritual yet practical, encouraging common sense and a balanced outlook on life.  Gray – the color of compromise - being neither black nor white, it is the transition between two non-colors.  Silver – has in fact a feminine energy; it is related to the moon and the ebb and flow of the tides - it is fluid, emotional, sensitive and mysterious.  Gold – for obvious reasons, is the color of success, achievement and triumph. It is also associated with abundance and prosperity, luxury and quality, prestige and sophistication, value and elegance, the color psychology of gold implies affluence, material wealth and extravagance.
  8. 8. The Proper Use of Black and White in Web Design  The colors black and white have been the two opponents for a yet unfinished debate between the science and the arts. One says that black is the absence of color and thus it is not to be considered a color while one says otherwise.  The use the “colors” black and white in web design is easily translated into another imaginary element: space  Contrary to common misconceptions, negative space IS NOT minimalism  Though also known as white space, negative space can be loosely defined as an area of your web page not occupied by any form of content and can take form in the form of pattern, gradients, or other solid colors
  9. 9.  One attribute of a good web design is its ability to produce a good reciprocal image of the content  Take for example the classic cliché of an image which shows two faces and/or a goblet  As a business owner, your web design must be able to offer a presentable stencil since this pretty much define the effectiveness of the organization of content (or positive space) inside your website.
  10. 10. Bonus Web Design Tip:  Don’t Use Black  Or at least don’t use too much of it. As the most concrete definition of formality, black in web design can certainly assist in targeting high-end market because of its boldness. But too much black, probably because of its association with style and mystery, is not a good thing because it can create a feeling of depression. Besides, black as background or negative space reduces readability of text. But of course that wouldn’t be the case if we’re talking about pictures as contents
  11. 11. Conclusion  Your choice of color for a website should go beyond picking your favorite color and smudging it off into a layout.  Negative spaces, color psychology, and even the color theory must all be taken into careful consideration.  More importantly, when it is the conversion rate of your business at stake, you must be able to pick the appropriate and experienced web designers to “perfect” your web design  Birmingham web design services for example had years of knowing the value of picking the right colors in order to get the desired response from your audience. They might just be what you needed PLUS another chapter of web design basics: SHAPES…