Image series and grid layout.

Introduction

What do you think of when you series ?
Maybe like a soap, or a film series, so it a s group of tv programs shown after each other, say weekly, which follow form one to the next.
How do you know that these series form a series, they have the same title, the same characters, takes place in the same setting, and the story line follows form one program to the next.
Just like webpages, how do we know they belong together, they have the same background colour, the title is placed in the same place on each page, the buttons again are in the same place on each page.

Are these two images a series ?

 
Activities
    Opening: (60 mins)
  • Introduction to the lesson.
  • homework discussion
  • Warming up - Same / Difference

    Work: (120 mins)
  • Student Excersise: Image series
  • Making a Grid / Layout

    Closing (60 mins)
  • Student and trainers: Presentation and discussion.
  • Trainer: closing talk, homework and evaluation
 
Homework discussion Please discuss the previous homework on naviagtion to your place yesterday.  
Warming up
Same / Difference
Choose a partner.
Each pair of students should present three visual things they either have in common with each other or which are very different from each other. An example would be if two people happened to have the same colour shirt on that day. If you have nothing similar or very different, think in terms of poses such as presenting yourselves making the same pose.
 
Assignment I

Image series
Choose one type of object that you can find around and photograph different versions to create a series. You will need to take 6 to 10 photos. Think about the size and angle and light when you are taking the photos. You want to make a series fout of them in Photoshop afterwards.

 
Assignment II

Make a grid and layout
A grid is a framework, a carefully measured, solid structure that forms a foundation on which to build. All elements relate to the grid. Put all the objects you photographed onto one photoshop page. Use guides horizontal and vertical to make your grid. Re-align all objects and resize each object so that it relates and fits into the grid.
Note your objects don't have to remainin only one section, it can take two or more sections. If you add text it should also relate to the grid.
See example for a basic grid idea.

 
Presentation and discussion
Here everyone presents their works and looks at the series, grids and layouts made.  
Closing Talk
Here there is a brief talk about what they thought about the various models of navigation they found within different sites.  
Hand-out There is one handout in this lesson
1. Image series
2. Simple grid
 
Homework This evening take a newspaper and look at the grid that has been used to layou the paper  
Websites

1. Grids are:
http://www.ideabook.com/010_grids/grids.html

2. Newspaper grids
http://jcomm.uoregon.edu/~tbivins/J481/LINKS/grids.html

 
Learning goals

Knowledge* student knows
- that a series of images have visually related elements, such as colour, size, structure, contrast, content
- when they can use series of images and for what purposes
- that each layout has it's own underlying grid
Skills* student can
- make a series of images
- discuss the qualities of different series of images
- both recognise and make grids for layouts
Attitudes* student feels
- a critical approach towards using series of images to communicate

 
Materials    
       
 Nairobits 2004     to top