1 / 14

Image and Text: session two Agenda

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/

asis
Download Presentation

Image and Text: session two Agenda

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 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?

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

  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 layout 6 column layout

  8. Simple conventions in planning story picture

  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 <TC></TC> to aid layout – Dreamweaver does!

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

More Related