| Nairobits
E-learning > Course
'Stars of the Web' > lesson 11 |
| |
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 |
|
|
| |
|
|
|