Back to Basics II: Rules of design with Colouring Page
As a developer, you utilize imaginative elements and key points to help create beautiful and effective designs. This series will make you more aware of what those design concepts are and ways to employ them to make your designs even better!
Coloring Webpage and the rules of design
Coloring Page is one of the very most original forms of artistic expression. Going in the past to the prehistoric times with the Lascaux Caves (some of the first registered human Coloring Web page), Coloring Web page is practiced in all cultures across the world and has been for hundreds of years. To keep it simple, we’ll show off 19th and 20th century expressions to show ways to put the elements and ideas of design to work.
The ideas of design are:
- Proportion and scale
- Repetition and pattern
- Unity and harmony
Balance is one of the most intuative and complicated design rule. It is the way the designer creates a feeling of equilibrium in a design, by the way the objects in the look are arranged. You will find three major types of balance:
- Symmetrical/Formal Balance is when elements sit in such a way that two halves of the design (whether vertical or horizontal) are mirrors of the other person – both factors have the same weight. Its created around a central brand that bisects the look into two different halves.
- Asymmetrical/Informal Balance is when elements are positioned so that there surely is an uneven circulation of weight
- Radial Balance is when elements sit uniformly around a central point
Percentage and Scale
The juxtaposition of elements of different sizes, or proportions, within a masterpiece of design helps create a feeling of scale. Size can be used for multiple effects – whether to demonstrate a feeling of space and depth or to help generate a dominant focal point.
A huge part of fabricating depth in an image, and curiosity about a piece, is by using multiple contrasting elements – or different elements set side by side. This is often done with color, form, size or structure.
Repetition and pattern
The use of the same or a similar element repeated again and again can give a work a feeling of motion or framework. Where an element is comparable enough and repeated often enough, it can create a design.
Unity and harmony
The combo of similar elements creates an visually pleasing overall effect. While a lot of design elements will vary, a dominating unity created by similarities in color, style, consistency or other elements makes the painting or design feel harmonious.
Translating to graphical design
Developer Bearbrick implements many of these ideas in his web design for Bright Austin Interiors.
Bearbrick uses percentage and scale to create asymmetrical balance. Components of different size and shape are positioned on a page never to mirror each other but to balance one another out. He creates distinction in the juxtaposition of brightly colored elements against a white record.
Repetition is employed in the setting of the circles. This pushes the viewer’s eyesight to move between elements to be able to impart the information the client would like the viewers to see. At the same time, pattern can be used as a simple depth in this circle designs (in the bloom structure of the “about us” button as well as the repeated lines circling other spherical elements) in order to build interest – so the design can be simple without having to be boring.
And while different components of the site find the user’s eyesight at different times, the feminine style of the elements and the utilization of color make the website appear entirely harmonious. The look has activity, depth, interest and brings the user’s sight to the most important information on the site – from the great exemplory case of an effective design.