1. Image and Text: session two Agenda Admin and Assessment –Project One: designed report –Project Two: feature article Recap. last week Layout and Space Simple layout exercise Groupwork What next?

2. Useful websites www.mundidesign/presentation/index2.htnl www.studiomotive/counterspace/ www.foothill.fhda.edu/newmedia/layout/less on01/index.html http://www.inf.brad.ac.uk/~ptallen/home/t each.htm

3. 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.

4. 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

5. Some distinctions Portrait and landscape Horizontal and vertical bias Balance and Contrast

6. ‘Classic’ Layout Styles Static Layout styles (modular) –Guardian, Times, Independent Dynamic Layout Styles (freestyle) –Mirror, Mail, Sun

7. Layout Grids 4 column layout6 column layout

8. Simple conventions in planning picture story

9. 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 to aid layout – Dreamweaver does!

14. 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.