image and text: session two agenda
DESCRIPTION
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?. Useful websites. www.mundidesign/presentation/index2.htnl www.studiomotive/counterspace/ - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: Image and Text: session two Agenda](https://reader036.vdocuments.mx/reader036/viewer/2022062322/56814dd3550346895dbb33ea/html5/thumbnails/1.jpg)
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?
![Page 2: Image and Text: session two Agenda](https://reader036.vdocuments.mx/reader036/viewer/2022062322/56814dd3550346895dbb33ea/html5/thumbnails/2.jpg)
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
![Page 3: Image and Text: session two Agenda](https://reader036.vdocuments.mx/reader036/viewer/2022062322/56814dd3550346895dbb33ea/html5/thumbnails/3.jpg)
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.
![Page 4: Image and Text: session two Agenda](https://reader036.vdocuments.mx/reader036/viewer/2022062322/56814dd3550346895dbb33ea/html5/thumbnails/4.jpg)
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
![Page 5: Image and Text: session two Agenda](https://reader036.vdocuments.mx/reader036/viewer/2022062322/56814dd3550346895dbb33ea/html5/thumbnails/5.jpg)
Some distinctions
• Portrait and landscape
• Horizontal and vertical bias
• Balance and Contrast
![Page 6: Image and Text: session two Agenda](https://reader036.vdocuments.mx/reader036/viewer/2022062322/56814dd3550346895dbb33ea/html5/thumbnails/6.jpg)
‘Classic’ Layout Styles
• Static Layout styles (modular)– Guardian, Times, Independent
• Dynamic Layout Styles (freestyle)– Mirror, Mail, Sun
![Page 7: Image and Text: session two Agenda](https://reader036.vdocuments.mx/reader036/viewer/2022062322/56814dd3550346895dbb33ea/html5/thumbnails/7.jpg)
Layout Grids4 column layout 6 column layout
![Page 8: Image and Text: session two Agenda](https://reader036.vdocuments.mx/reader036/viewer/2022062322/56814dd3550346895dbb33ea/html5/thumbnails/8.jpg)
Simple conventions in planning
picture
story
![Page 9: Image and Text: session two Agenda](https://reader036.vdocuments.mx/reader036/viewer/2022062322/56814dd3550346895dbb33ea/html5/thumbnails/9.jpg)
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!
![Page 10: Image and Text: session two Agenda](https://reader036.vdocuments.mx/reader036/viewer/2022062322/56814dd3550346895dbb33ea/html5/thumbnails/10.jpg)
![Page 11: Image and Text: session two Agenda](https://reader036.vdocuments.mx/reader036/viewer/2022062322/56814dd3550346895dbb33ea/html5/thumbnails/11.jpg)
![Page 12: Image and Text: session two Agenda](https://reader036.vdocuments.mx/reader036/viewer/2022062322/56814dd3550346895dbb33ea/html5/thumbnails/12.jpg)
![Page 13: Image and Text: session two Agenda](https://reader036.vdocuments.mx/reader036/viewer/2022062322/56814dd3550346895dbb33ea/html5/thumbnails/13.jpg)
![Page 14: Image and Text: session two Agenda](https://reader036.vdocuments.mx/reader036/viewer/2022062322/56814dd3550346895dbb33ea/html5/thumbnails/14.jpg)
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.