Search This Blog

Monday, May 2, 2011

Directionals

Directionals-of, pertaining to, or indicating direction in space. adapted for determining the direction of signals received, or for transmitting signals in a given direction: a directional antenna. of, pertaining to, or providing guidance or leadership.




Directionals-  also known as sign twirlers, sign spinners, human arrows, and sign holders, are the ideal way to assure that all national advertising efforts direct the masses to your specific locations. Unlike conventional mediums of advertising, sign twirlers-human directionals are twirling their signs directly at thousands whom have already seen the commercials and newspaper/magazine ads. They have longed for your product or service and are only an intersection away.
First and foremost they are animated and alluring. Sign twirlers-human directionals differ from your average sign or billboard which remains placid; their creative nature and animation captivates every set of eyes on the road producing maximum exposure.

Second, millions of dollars invested in research and development and consumer behavior show that the majority of Americans are impulse buyers. Our sign twirlers-human directionals are twirling to thousands of impulse passer-byers. Only an intersection away, thousands are ready to buy and simply need to be pointed in the right direction.

Proximity



PROXIMITY
Where items are placed in relation to each other is another important gestalt consideration. Proximity relationships will generally dominate over similarity relationships. The strongest control is available when the two are used together.
There are four specific types of proximity relationships that will be studied in this lesson: close edge, touch, overlap and combining.
 
 




This sign for a money exchange makes poor uses of close edge proximity.
The $ sign is too close to the word exchange.
Makes you think twice about using their services.


  
Close edge: The general concept for proximity states that the closer items are to one another, the more likely they are to be seen as a group. The amount of space involved is relative.
Look at the example to the left and notice that there are fourteen items that form three groups with one orphan at the bottom right that is not quite part of the group above it. Size is another strong grouping option. Shape is a distant third for forming groups.
This kind of grouping is used extensively with printed type. The example below forms two words -- close and edge. You know it is two words because of the larger space between them.

Close edge

In the example below the same space that was between words in the example above is used between the letters of close and edge. Notice that they still form two words because of the even larger space between them.

C l o s e . e d g e

We read words from left to right but also from top to bottom. Close edge relationships can form groups in any direction. What would you order if you saw this sign in a restaurant window?
FREE . . . .WATER
FOOD .. . .. SOLD
In the example below the letters and the colored backgrounds are in a close edge relationship. The white paper shapes the letters were printed on are not a factor against a white background.

 
 

  
Touch: When items get close enough they touch. They still are two different items but they seem to be attached together. This makes for a stronger gestalt than close edge. Notice in the example to the left that the touching groupings are stronger than the close edge groupings. In the example there are no size differences so the shape relationships are more noticeable.
In the example below the letters and/or their colored backgrounds touch.

 
 
  
Overlap: The strongest gestalt between two items happens when they overlap. Two colors are used in the example to the left to show the overlaps better. When the two items are the same color they seem to form a new, more complex shape. The new shape seems flat.
When the items are different colors the overlap produces the illusion of a shallow space. The overlapped items form a strong group regardless of color.
Notice the grouping hierarchy. The overlapped groups are the strongest. The two color groups are a close second to the all black group. Touching is next then close edge. Shape is probably the weakest gestalt in this example.
In the example below the letters and/or their diferent colored backgrounds all overlap.


All of the above examples of proximity relationships have used simple shapes that are grouped because of where they are placed in relationship to each other. No additional elements are used. 
 
 




  
Combine: It is possible to group various items together by using an external element that acts to combine the items regardless of what other gestalt concepts are being used. The underline used in the previous sentence is such a combining device. Notice that it groups the phrase "external element" and sets it off from the rest of the sentence.
A significant characteristic of combining is that it both groups the items used and sets them apart from the rest of the information around them. This "highlighting" (another combining device) is perhaps the most significant aspect of this concept. It is used with information that the designer wants to call attention to. The quotation marks and brackets in this paragraph serve the same purpose.
There are many ways to combine items. Underlining items, putting boxes around them and putting items against a background (such as a color or a picture) are the most common.

Saturday, April 30, 2011

Consistency

Consistency
Unity is the goal of all designers. The parts of the letter and especially the decorative strokes should be the same or compatible in style.

What if Stop signs came in pink squares, yellow circles, or green triangles, depending on the changing whims of a town and a few of its residents? Imagine the ensuing traffic jams and accidents. Repeating design elements and consistent use of type and graphics styles within a document shows a reader where to go and helps them navigate safely.

If there was no consistency in our world we could all interpret anything however we wanted to.

Readers gain comfort from having certain elements repeat themselves at consistent intervals or in the same position. It is much easier to flip to the desired page of a magazine if the reader knows that the page number will be in the same location on every page. Specific columns or special sections of a newspaper are more readily recognized, even when they change location, if they look the same from issue to issue.

Readers expect to find page numbers in the same location on each page. When all the text in a given article — even when it spans several pages — has a consistent look, including column width, it enhances readability. Readers often expect to find sidebars, informational text, and other oft-repeated elements in the same place from page to page.

A grid, used consistently on all pages of a multi-page document, makes it easier for the designer to provide the consistent look that readers often expect. A carefully conceived grid system also allows the designer to introduce variations without forsaking readability or consistency. It also speeds layout because it takes the guesswork and "look back to see what we did before" out of where to place elements from one page to the next.

Layout - Balance

BALANCE
Balance is a skill that everyone uses almost all of their waking hours. It is balance that allows you to stand up and walk around. You balance your checkbook and hopefully find a balance between your academic and social life.

Balance in design is similar to these kinds of balance. You have already had to balance between unity and variety, and in the last project balance figure and ground. Your physical sense of balance will play a part in your ability to balance the visual information in a composition.

Visual interest is what you balance in design. Different colors, shapes sizes, etc. create different degrees of interest. It is the distribution of this interest that you need to control. We will study the abstract aspects of balance to make it easier to understand how balance works. Subject matter changes the situation because different objects can call more (or less) attention to themselves because of their content and relationships to other objects in the image.

Balance can also be described as achieving equilibrium. The problem with this definition is that artists rarely want things to be equal. It usually means that no part of the composition calls too much attention to itself at the expense of the rest of the image. This increases unity, but decreases variety, and hence interest.

There are two systems for achieving balance: Symmetry and Asymmetry

SYMMETRY
Symmetry means a mirror image -- one side is the mirror image of the other. Symmetry can occur in any orientation as long as the image is the same on either side of the central axis.


SYMMETRICAL BALANCE
A vertical axis is required to achieve balance with symmetry. Part of the reason is that we have struggled throughout our lives to perfect our balance in order to stand, walk, ride a bike, etc.. To do this we must have exactly the same weight on both sides of our bodies. Our axis of symmetry is vertical and this makes a good model for symmetry in visual information.

Symmetrical balance is also called formal balance because a form is used -- a mirror image about a vertical axis. The results look formal, organized and orderly.

TYPES OF SYMMETRY
Symmetry means that the sides are exact mirror images of each other. This limits symmetry's application to abstract images since objects in the real world are not truly symmetrical. Try folding a leaf down the center and notice that the opposite sides do not exactly correspond with one another. Fine artists rarely use pure symmetry for this reason. It is more applicable to commercial designs.

NEAR SYMMETRY
Near symmetry is based on symmetry but the two halves are not exactly the same. Slight variations will probably not change the balance but there is more potential for variety and hence more interest. When the sides become too different, symmetry ceases to exist and balance must depend on other concepts.

INVERTED SYMMETRY
Inverted symmetry uses symmetry with one half inverted like a playing cards. This is an interesting variation on symmetry but can make for an awkward balance.

BIAXIAL SYMMETRY

A symmetrical composition can have more than one axis of symmetry. Biaxial symmetry uses two axes of symmetry -- vertical and horizontal. These guarantee balance: top and bottom as well as left and right. The top and bottom can be the same as the left and right, or they can be different. The most regular and repetitive image occurs when they are the same.

More than two axes are possible. Snow flakes and kaleidoscopes have three axes of symmetry.

Radial symmetry is a related concept and can use any number of axes since the image seems to radiate out from the center, like a star.

ASYMMETRY
Asymmetry, also known as informal balance.

ASYMMETRICAL BALANCE
Asymmetry means without symmetry. That by itself has nothing to do with balance. It just means that there are no mirror images in a composition. The term, however, is usually used to describe a kind of balance that does not rely on symmetry: asymmetrical balance. There is no simple formula for achieving balance in asymmetrical balance so the designer must sense whether or not the composition is balanced. This is where your sense of balance really comes into play.

The composition either looks like it is balance or it does not. Where does your attention goes when you look at an image? If it seems to wander around more or less evenly, there is probab
ly balance. If you seem to always come back to the same area, and that is not the center of the composition, then the balance is suspect.

Layout - Shapes

In visual literacy there is layout - a part of layout is shapes.
A shape is defined as an area that stands out from the space next to or around it due to a defined or implied boundary, or because of differences of value, color, or texture.


Reading shapes, we tend to dissect them into simpler forms based on geometrical units. Most people can immediately perceive the total area of a circle, a square, a triangle, an oval, or a rhombus, without difficulty. If we were shown an image for a couple of seconds, we probably would not be able to remember it in all the details, but we would have a general grasp of it's basic form. We can say that the geometric basis of shapes provides us with an elementary vocabulary, an alphabet of the shape language. It helps us to dissect, analyze, and structure the world.

Besides that intellectual perception, restricting our view of the outside world to things of practical interest and immediate necessity, we have a spontaneous vision of shape, the capacity to be surprised, enchanted, or impressed by it's visual phenomena. We respond to them emotionally. They hold for us their own expressive meaning and character.

Different shapes tell us different stories. The endless variations and interplays are stimulating our curiosity constantly. The sensory perception of shape is probably connected with the deepest levels of our perception of the world. It is universal, and can be understood beyond the limits of the cultural identity.

Circle - calm, pacific, assured, natural, optimistic. example: the sun

Square - dull, straight forward, honest, lacking imagination, stable, less natural than the circle. example: a box

Triangle - action, agitation, conflict, tension, and aspiration. example: the Pyramids, arrowheads

Shapes are in every part of a person's life. We can see a square in a window, a circle in the moon, a triangle in the roof of a house and even octagon in a stop sign.

Shapes serve many purposes in visual images. Value, texture, and color help us see different shapes.

Color Scheme


     Color scheme is another example of visual literacy in today's world.  Color scheme is an arrangement or combination of colors.  When people think of color scheme they usually thing about interior decorating or painting their house.  With a color scheme you can set the mood, attract attention,or make a statement.  A real like example of color scheme is when I wanted to redecorate my room last summer I decided I wanted the theme to be somewhat like a beach.  So, this meant that my color scheme would be blues, tans, and other colors that reminded me of the beach or complimented the other colors to make my room attractive.  Visual literacy means that the picture can be easily read by someone and a color scheme really makes this possible.  Having a color scheme can visually help someone understand what mood you were in or going for and what things naturally represent. 

To learn more about color schemes click here!

The Color Wheel

 

      An example of Visual Literacy in today's world is the color wheel.  A color wheel is a circle with different colored sectors used to show the relationship between colors.  Let me explain a little better.  The color wheel becomes a visual aid in helping us understand the principles of color.  The color wheel starts with three primary colors and then creates secondary colors by mixing them together.  The color wheel can be visually helpful and can contribute to the meaning of the whole.  The color wheel can visually help young children or adults learn how to mix colors and which colors can be made easily by mixing.  A real life example of how I use the color wheel would be that one day while I was painting I ran out of orange paint.  I had to make a color wheel to visually help me choose which colors I needed to mix.  I chose red and yellow and it worked out awesome!  Below is a video to help you understand the color wheel a little more.