July 27, 2017 - No Comments!

Form In Design Pt. 2

Patterns

What we see above is pattern. The human brain looks everywhere for patterns. All we can see above is patterns, and nothing is breaking the pattern they are repeating asymmetrically, they are random in colors but they aren't breaking the flow of the patterns. If something really odd visually is placed in here, it will break the pattern and will stand out from the rest of repeating shapes here.

Perspective and Dimension

Perspective is an approximate representation, generally on a flat surface (such as paper), of an image as it is seen by the eye. The two most characteristic features of perspective are that objects are smaller as their distance from the observer increases; and that they are subject to foreshortening, meaning that an object's dimensions along the line of sight are shorter than its dimensions across the line of sight. - source

There are several types of perspective Drawings, The most common ones are one, two and three point perspectives.

One Point Perspective

 

A drawing has one-point perspective when it contains only one vanishing point on the horizon line. This type of perspective is typically used for drawings of roads, railway tracks, hallways, or buildings viewed so that the front is directly facing the viewer.

Examples of One Point Perspective

These examples are from real world photographs for easy understanding, a simple wire-framed drawing made of up lines can also be used as an example here.

Two - Point Perspective

An image or drawing has two point perspective when it contains two vanishing points on the horizon line.  These vanishing points can be placed along the horizon line arbitrarily. Two point perspective can be used to draw the same objects as one point, like two roads shrinking onto the distance. creating two different vanishing points.

This is a classic Example of Two Point Perspective.

This will give you a more clear understanding of two point perspective.

 

Three Point Perspective

Three-point perspective is often formed when we see images of buildings from above, or below. In addition to the two vanishing points from before, one for each wall, there is now one for how the vertical lines of the walls. For an object seen from above, this third vanishing point is below the ground. For an object seen from below, as when the viewer looks up at a tall building, the third vanishing point is high in space.

We just added another vanishing point to make it 3 point on already two points, which also shows how dimension are formed.

 

Four Point Perspective

Four-point perspective, also known as infinite-point perspective, is the curvilinear  variant of two-point perspective. A four-point perspective image can represent a 360° panorama, and even beyond 360° to depict impossible scenes. This perspective can be used with either a horizontal or a vertical horizon line.

July 24, 2017 - No Comments!

Form Pt. 1

Form in Design consist of Size, Visual Balance, Patterns, Dimension and Perspectives.

 Size

Size is a very important concept in design because it also has to do how we see. The human eye has cone of vision, when something is closer, it appears large. For example, a box will look much larger if its close and for the box to appear the same size when its far away must be much larger in actual size.

Size can say a lot when it comes to actual designs, size can make an object intimidating or inviting. It can make something seem scary or cute and it can also speak to distance. Size is going to be an important tool in our design arsenal. When can experiment with size and see how a giant think looks like versus a small thing.

Visual Balance

Balance is something that almost everyone needs to survive and so balance is something truly our designs need to survive. Balance creates harmony in a scene specifically visual balance.  The first type of Balance we will talk about here is Symmetrical Balance.

Symmetrical balance is easiest to see in perfectly centered compositions or those with identical or mirror images. In a design with only two objects they would be almost identical or have nearly the same visual mass. If one element was replaced by a smaller one, it could throw the entire design out of symmetry. To achieve perfect symmetrical balance we might need to add or remove or rearrange the design elements so that they evenly divide the entire composition such as a centered alignment or one that divides the composition in even segments.

When a design can be centered or evenly divided vertically and horizontally then it has achieved the most complete symmetry possible. This balance lends to more formal, clean and orderly layouts. They depict sense of elegance, familiarity elegance and simplicity.

An Asymmetrical Balance in design is typically off-center or is created with an odd or mismatched number of scattered elements. An asymmetrical design is not unbalanced, it just doesn't create neatly divided or identical composition halves. You can have an interesting design without perfect symmetry.

With asymmetrical balance, we unevenly distribute the elements and object within the canvas, which may mean balancing a large text or photo with several small graphic elements.

We create visual tension by intentionally avoiding balance. Asymmetrical balance can be subtle or obvious, depends on the very nature of design.

Uneven elements present us with more possibilities for arranging the over all composition of final piece. Asymmetrical layouts are generally more dynamic, by intentionally ignoring balance, we can showcase movement show anger, excitement, joy or abstractness in our designs.

It can be challenging to create an asymmetric design, but when you do it right, the design is eye-catching.

In next post we will talk about Patterns, Dimension and Perspectives.

July 8, 2017 - No Comments!

Color Relationships

Now as we understand how we see light, how color actually works, what the visible spectrum is, It's time that we look at how we create sensible color matches, There is a bit of science to it and all this has to do with color wheel.

A color wheel (also referred to as a color circle) is a visual representation of colors arranged according to their chromatic relationship.

Complementary Colors

a complementary color palette is made using colors that are opposite to each other on color wheel

Double Complementary Color Relationship

A double complementary color palette is a group of color close to each other on the other wheel.

Split Complementary Color Relationship

The split-complementary color scheme is a variation of the complementary color scheme. In addition to the base color, it uses the two colors adjacent to its complement.

Thats all for the basic of Relationships of Colors. There is a lot more resource available on the web for deeper understanding, here is a Youtube Link for more visual guide.

January 2, 2017 - No Comments!

Fundamentals of Design – Color

The Human Eye

human_eye

Lets talk about the human eye. They seem to be pretty little things in our head but they are a very extra ordinary machine and its primary job is to take in light, luckily all color is light. There is a great read behind the science of color, the human eye and the light it can take in, there is a whole light spectrum out there in the world, the part which our eye can see is limited though and can be illustrated in pretty simple diagram.

th1501lightspectrum

as we can see in the diagram above, the colors from left to right have a acronym "RoyGBIV" which stands for "Red, Orange, Yellow, Green, Blue, Indigo and Violet". These lights are visible to human eye, the light before and after these on the spectrum aren't visible and they are called Infrared, Microwave and Radio waves, and so on the right side after the Violet light we have Ultraviolet, X-ray and Gamma Ray.

Here we won't go into much science behind all this, the above is enough for basic but if you really want to dig into the science behind all this its up to you, nonetheless we have are basics covered. Lets jump into another very important topic of Color Modes.

Color Modes

All colors are the friends of their neighbors and the lovers of their opposites. - Marc Chagall

color

Color modes comes in two flavors,  Additive and Subtractive. To understand this, we need to understand this simple line, That is: "No Light is completely Black, Full light is white." 

Additive and Subtractive Mode work very similarly, in Additive color mode, Color add up to white, they are building color until they reach full white.  Where in subtractive color mode they are removing each other colors until they reach full black or no light. How they do this?, simply by mixing colors together.

The Subtractive color mode refers to CMYK Or Cyan, Magenta, Yellow and K as Black.


See how the subtractive colors combine to create other color.

Similarly in Additive Color Mode we have RGB which is Red, Green and Blue.

As we can see the RGB mode is adding up to full light.

 

In the next post we will talk about matching colors, which colors to use and how and when to use, this will gives us a more deep understanding of how all these colors work and how they create interesting pieces of art work.

May 28, 2016 - No Comments!

Basic Design Concepts

Line

When we talk about basics in design, we talk about Line, Shape and Texture. These three elements form the basic of design and the foundation of design.

Lets see some example of lines in drawing.

drawing_with_lines

Above is one of the best example, if you look closely and observe you will realize that its just lines drawn in a such a way which depicts a beautiful landscape line painting.

Lets have a look another example by Van Gogh.

Landscape Line Drawings-018

Lines when used alone, can be used to separate, organize, emphasize, or provide a framework for the page. Alone or as part of a another graphic element, lines can create patterns, set a mood, provide visual texture, create movement, and define shapes as we can see in the above landscape line drawing.

A line is a dot that went for a walk.Paul Klee

So in a nutshell as an element of design, lines can stand alone or be part of another graphic element. They are one of the building blocks of design.

Shape

We have been aware of things like line and shape for a very long time. The idea that lines could be connected and combined to form is really the next logical step. Shapes are essentially multiple lines that are connected to form a whole object but they are way more than that to designers. Shapes can be beautiful, shapes can be ugly and like lines we find shapes everywhere. Lets take a look at some examples.

goemetric_freeform

Next is texture, which adds personality to all the shapes and lines we create.

Texture

If shape is line giving form and to an object, Then texture is giving personality to an object. Texture can make something as simple as rectangle to go from ordinary to extra-ordinary by creating a sense of surface to that object.

Some examples of textures

Stone Wall Texture

Stone Texture wall large rock grey image

 

Man Hole Texture

One of the 1000's of high resolution textures available from Mayang's Free Textures - see http://www.mayang.com/textures/ This texture may not be sold without permission from the authors.

 

Wood Texture - Detailed photo of a beautiful tree bark shot in a London city park.

Detailed photo of a beautiful tree bark shot in a London city park.

 

Spray Texture on Mirror

Spray-Wall-Texture-01

Texture can connects us with shapes and objects in wonderful and powerful ways, If something is rough it may feel some like they don't want to touch it on the other hand something which is furry which may feel people that its cute, texture makes our work come alive. Imagine touching a rugby ball with grainy texture on it, how will it make you feel? at the same time imagine touching a golf ball, its so small yet so hard. Its the texture the outer most part of the object which gives us the feeling of the object.

The Grass Texture

Grass-Image-resize2

Similarly imagine the texture of green grass, the ground is wide and hard yet the texture of the grass on top of it gives us a very smooth feeling.