Pictures and words

• Integration and Interaction• Techniques and Technology• Framing and Space

Integration

• A continuum with pictures at one extreme and words at the other.

• Words ‘load’ the image with a meaning.

• Ambiguities often used to create visual interest – especially in some feature articles.

• Even more so in advertising.

Interaction

• Traditional relationship is separate

• Blocks or columns of type + illustration

• Combination of modes• Complementary• Juxtaposition

Some examples

• Magazine design– Checkout ads– Compare with stories

• Logos and corporate ID• Drop caps and initial letters• Wrapping• Captions and labels

Layout Styles

• Do you remember the two classic layout styles discussed last week?

• How do they occur in magazines?• Look especially at the difference

between full page ads and articles.• Can you see anything interesting

occurring with the juxtaposition/combination of pictures and words?

Logos

Two drop caps and wrapping text around an object

A rather bizarre page that makes a point

Technology

• DTP or page layout package (Pagemaker).• Vector graphics tool for drawing and

specialist work with type – sometimes useful for complicated layout (Illustrator).

• Bitmap graphics tool for image editing (Photoshop).

• All of these packages are available on the machines in EIMC (try B2.27 Chesham).

Framing and Space

• Framing is an important layout property.

• Picture and word interaction is constrained by framing.

• Type is placed into columns.• Pictures into boxes with

boundaries.• Entire pages are framed.