Back to Basic principles II: Rules of design with Color Page
As a developer, you utilize creative elements and principles to help create beautiful and effective designs. This series can make you more aware of what those design concepts are and ways to employ them to make your designs better still!
Coloring Site and the rules of design
Coloring Site is one of the most original types of artistic expression. Going in the past to the prehistoric times with the Lascaux Caves (some of the first documented human Coloring Web page), Coloring Page is practiced in every cultures all over the world and has been for hundreds of years. To keep it simple, we’ll showcase 19th and 20th century expressions showing ways to put the elements and concepts of design to work.
The guidelines of design are:
- Proportion and scale
- Repetition and pattern
- Unity and harmony
Balance is one of the most intuative and complicated design rule. It’s the way the designer creates a sense of equilibrium in a design, by how the objects in the look are arranged. You can find three major types of balance:
- Symmetrical/Formal Balance is when elements are positioned so that two halves of the look (whether vertical or horizontal) are mirrors of the other person – both factors have the same weight. Its created around a central range that bisects the look into two different halves.
- Asymmetrical/Informal Balance is when elements are positioned so that there surely is an uneven distribution of weight
- Radial Balance is when elements are positioned evenly around a central point
Proportion and Scale
The juxtaposition of components of different sizes, or proportions, within the work of art helps create a sense of scale. Range can be utilized for multiple effects – whether to show a feeling of space and depth or to help make a dominant focal point.
A huge part of creating depth within an image, and desire for a piece, is by using multiple contrasting elements – or different elements set hand and hand. This is finished with color, form, size or surface.
Repetition and pattern
The use of the same or a similar element repeated over and over can provide a work a sense of movement or framework. Where an aspect is comparable enough and repeated often enough, it can create a style.
Unity and harmony
The combo of similar elements creates an aesthetically pleasing overall result. While a lot of design elements are different, a prominent unity created by commonalities in color, design, consistency or other elements makes the painting or design feel harmonious.
Translating to graphic design
Designer Bearbrick implements all of these ideas in his web design for Bright Austin Interiors.
Bearbrick uses proportion and scale to generate asymmetrical balance. Components of different size and form sit on a full page never to mirror each other but to balance each other out. He creates compare in the juxtaposition of brightly colored elements against a white backdrop.
Repetition is utilized in the setting of the circles. This causes the viewer’s eye to move between elements in order to impart the info the client wants the viewers to see. At exactly the same time, pattern is employed as a simple information in this circle designs (in the rose style of the “about us” button as well as the repeated lines circling other circular elements) to be able to produce interest – so the design can be simple without being boring.
And while the several elements of the page find the user’s eye at differing times, the feminine style of the elements and the use of color make the site appear altogether harmonious. The design has activity, depth, interest and brings the user’s sight to the most crucial information on the web page – it’s a great example of a successful design.