LAYOUT AND DESIGN

An overview

What is Design?

serves as a medium for recording, presenting, ordering and communicating information about a specific intention or function.

Measurements are needed when you combine design and layout Ems and ens (Em = 24pt has a 24pt em., en is equal to

half of one em) Width to height ratios

MEASUREMENTS IN DESIGN

Always has a relation to paper size

ex.: A4 (210mm x 297 mm)

5.1117” (5.1117 inches)

130 millimeters (130 mm)

368.41 pt (368.41 points)

30p8.41(30 picas and 8.41 points)

Proportion

Is the visual or structural relationship between part of an item to the whole, such as the relationship bet. Size of the text boxes to the overall page.

Golden section – for everyday use in standard paper sizes

A quick Review

• Design Principles

- Emphasis - Balance - Contrast - Alignment - Repetition - Flow

LAYOUT

Some Vocabularies and Design Application

Is the arrangement of the elements of the design in relation to the space that it occupies according to an overall design scheme.

GestaltProximityUnityAlignmentContrast

Gestalt – meaning form, configuration, appearance. It is used to describe how a design is not a single element, but a combination of different elements or forms that work together in a particular configuration.

Proximity

Refers to the placement of elements close together so that relationships bet. Them are created

Unity

Joining of disparate elements close together to form an undivided or unbroken completeness that is greater than the sum of the individual elements.

Alignment

Is the visual connection among words, graphics, images, shapes, and lines on a page where their edges or axes line up with each other.

Contrast

Visual elements on a page should look distinctly different from one another.

IMAGERESOLUTION

The higher the resolution; the more pixels in the image.

- measured in pixels per inch (ppi) or dpi. - image made of pixels will only reproduce

correctly at a certain size.

Vectors can be enlarged infinitely without loss of quality or resolution.

Image

Refers to the graphic elements that can bring a design alive.

it is determined by many considerations from target audience to simple aestethics.