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.
Top Related