Image and Text: session twoAgenda

• Admin and Assessment– Project One: designed report– Project Two: feature article

• Recap. last week• Layout and Space• Simple layout exercise• Groupwork• What next?

Useful websites

• www.mundidesign/presentation/index2.htnl

• www.studiomotive/counterspace/• www.foothill.fhda.edu/newmedia/

layout/lesson01/index.html• http://www.inf.brad.ac.uk/

~ptallen/home/teach.htm

Layout and the Use of Space

• What is layout?• What can be achieved through layout?• Establish some basic distinctions –

both paper and electronic.• Revisit type – layout and type are

interdependent.• Introduce text and image

correspondence.

Markets and Style

• Format, size and orientation– Tabloid– Broadsheet– Magazine

• News and features– Different relationship to space– Features are a place to rest,

meditate, consider and spend time over

Some distinctions

• Portrait and landscape

• Horizontal and vertical bias

• Balance and Contrast

‘Classic’ Layout Styles

• Static Layout styles (modular)– Guardian, Times, Independent

• Dynamic Layout Styles (freestyle)– Mirror, Mail, Sun

Layout Grids4 column layout 6 column layout

Simple conventions in planning

picture

story

Layout on the web

• Fewer conventions

• Need to plan for size and orientation of screen and browser window

• Layout can become complicated in HTML

• Designers frequently use tables <TC></TC> to aid layout – Dreamweaver does!

Task

• Design a layout for a feature page that includes a headline, body copy and a prominently placed photograph.

• Experiment with different ways of organising the page.

• Do this for a newspaper, a magazine, a website.

• Discuss with your colleagues what the differences are.