Thinking with Type web site

20130130-164434.jpg

Great resource for typography. Check out the pages on Letter and Text. Review these for our class this Saturday.

http://www.thinkingwithtype.com/

Advertisements

Project 1

LAYOUT DESIGN 1

TYPE SPECIMEN POSTER

PDF version of assignment – type specimen poster

spiekermann_officinaFont+PosterurlFINALeee2.inddurl-3helvetica-history-cmyk

MATERIALS:

Pencil or Pen

Sketchbook, paper for mechanicals, roughs, comps

Adobe InDesign

DATES:

Begin Sat Jan 26

Due/Critique Sat Feb 9

PROCESS:

Your assignment is to design a poster that introduces your typeface to the world. You should already have started collecting information regarding the designer, when it was designed, where it was designed, and perhaps why it was designed. You will use that information to describe your typeface on the poster in an effort to promote it to the masses. Your poster will be full-color and 11”x17”. You will use Adobe InDesign to create your final lay-out, and perhaps Photoshop and/or Illustrator along the way. Print this out here in the lab on EPSON or other color printer.

Your poster should show all twenty-six alphabetic characters in upper- and lower-case, plus numerals 0-9. It is up to you how they are shown, but they must be on the poster somewhere (remember: the idea is to showcase your font the best way possible).

Your poster should utilize hierarchy as a means of organizing information, and helping the viewer interpret the information on the poster. You can do this with scale, color, balance, and other compositional tools. Look over the class site and .pdf on using the elements and principles of design. Remember some rules of typography on this poster. Pay careful attention to your margins, line-height (or leading), tracking, kerning, and other details.

Finally, you poster should reflect the individuality of your typeface. Use pictures, illustrations, and other visual identifiers that are complementary to the visual characteristics, history, and “personality traits” of your typeface.

RESOURCES:

http://www.behance.net/search?search=Type+Specimen+Poster

http://www.aisleone.net/2009/design/8-ways-to-improve-your-typography/#more-1979

Graphic Design: Elements & Principles

Watch this video featuring Paul Rand discussing these elements and principles…

Paul Rand Retrospective from Jeremy Cox on Vimeo.

Then, download and check out these PDFs regarding layout and design principles (created by super-talented Frank Chimero).

Elements: basic visual components to a composition

Line
Line
 is the basic element that refers to the continuous movement of a point along a surface, such as by a pencil or brush. The edges of shapes and forms also create lines. It is the basic component of a shape drawn on paper. Lines and curves are the basic building blocks of two dimensional shapes like a house’s plan. Every line has length, thickness, and direction. There are curves, horizontal, vertical, diagonal, zigzag, wavy, parallel, dash, and dotted lines.

Shape

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. Shapes can also show perspective by overlapping. They can be geometric or organic. Shapes in house decor and interior design can be used to add interest, style, theme to a design like a door. Shape in interior design depends on the function of the object like a kitchen cabinet door. Natural shapes forming patterns on wood or stone may help increase visual appeal in interior design. In a landscape, natural shapes, such as trees contrast with geometric such as houses.

Texture
Texture is perceived surface quality. In art, there are two types of texture: tactileand implied. Tactile texture (real texture) is the way the surface of an object actual feels. Examples of this include sandpaper, cotton balls, tree bark, fur, etc. Impliedtexture is the way the surface on an object looks like it feels. The texture may look rough, fizzy, gritty, but cannot actually be felt. This type of texture is used by artist when drawing or painting.

Positive and Negative Space
Space is the area provided for a particular purpose. It may have two dimensions (length and width), such as a floor, or it may have three dimensions (length, width, and height). Space includes the background, foreground and middle ground. Space refers to the distances or areas around, between or within components of a piece. There are two type of space: positive and negative space. Positive space refers to the space of a shape representing the subject matter. Negative space refers to the space around and between the subject matter.

Scale
Scale is how big or small something is in relation t o other objects. Scale refers to the process of making size relationships. Unless there is a scale of reference within a design, it is impossible to discern the relative size of objects and the meaning they represent.

Value
Value refers to the relationship between light and dark on a surface or object. It gives objects depth and perception. Value is also referred to as tone.

Principles: general rules on how to use the elements

Balance
Balance occurs when all the design elements are equally distributed through the design. Symmetrical elements are arranged equally on both sides of a composition to suggest a stable or static motion. Asymmetrical elements create a deliberate  imbalance to suggest variety or dynamic movement.

Hierarchy/Emphasis
Emphasis refers to areas of interest that guides the eye into and out of the image through the use of sequence of various levels of focal points, primary focal point, secondary, tertiary, etc. Emphasis/hierarchy may give direction and organization to a design, and avoid subconscious confusion to sometimes improve the design’s visual appeal and style. Emphasis hierarchy or focus is not giving each object in a project equal dominance within a piece of work. Emphasis or dominance of an object can be increased by making the object larger, more sophisticated, more ornate, by placing it in the foreground, or standout visually more than other objects in a project.

Rhythm
The recurrence of elements within a piece: colors, lines, shapes, values, etc. Any element that occurs is generally echoed, often with some variation to maintain interest.

Unity
Unity refers to a sense that everything in a piece of work belongs there, and makes a whole piece. It is achieved by the use of balance, repetition and/or design harmony.

Contrast
Contrast is the occurrence of differing elements, such as colorvalue, size, etc. It creates interest and pulls the attention toward the focal point.

So… what does all this mean for you?

Of course, I want you to ingest these ideas, and keep them in mind when you are making things. In the future, you will create posters, brochures, magazine layouts, etc… and I want you to use these elements and principles to make them look great.

Welcome to ART 186 – Layout Design 1

Understanding what you see
Design is everywhere. We are bombarded daily by type, color, images and layers upon layers of both established and created meaning– we see messages even if we don’t read or fully process them. The ability to visually solve problems is what defines graphic design, and its effectiveness is measured by a designer’s ability to convey the message they seek to send through a variety of channels including logos, posters, advertisements, brochures, etc. In this class we will examine how to think and create digital layout as a graphic designer.

Today’s agenda

Course Overview

  • Introduction, course overview/expectations, procedures/policies.

Layout discussion and examples

Defining Layout

To solve any graphic design problem, a designer must conceive an idea and realize it visually. The designer must create, select, and organize visual elements in order to create effective communication. A layout is the arrangement of type and visuals on a printed page or digital page, and concerns the organization and arrangement of type and visuals on two-dimensional surfaces to create effective communication.

hucklayoutsproject-1-pdf-proof2

Adobe InDesign CS6

  • Tutorial – Review of Adobe InDesign: interface, tools, menus, importing images, type tool