Grids - "a series of intersecting horizontal and vertical lines that are used to structure content for the placement of any design element"
In a way, kind of like how a puzzle looks like. Without the little hands and legs sticking out of each piece of puzzle. Or how a bingo layout looks like. Oh, oops those i suppose are examples of grids :P
During PoD class, Miss Lisa explained to us about the Grid Anatomy, Hierarchy used in them, Grid Variations and how to use grids through a slideshow.
There are a few grid variations such as rules of thirds, golden ratio, columns and baseline grid.
→ Rules of thirds is a 3x3 layout of vertical and horizontal lines. Used as a general composition rule in most/all designs
 |
| Rules of third |
→ Golden ratio has a vertical line with something like a 1:3 ratio. Used for website designs
 |
| Golden ratio |
→ Columns are vertical lines with space in between. Used in magazine and newspapers
 |
| Columns |
→ Baseline grid is horizontal lines, like in a notebook. Used also in magazine and newspapers
 |
| Baseline grid |
^ the photos are images i found off google :D
In the Hierarchy, the sizes would go in descending order as:
header >
sub-heading >
body copy
After that, we were told to do an in-class activity using newspaper articles that we were told to bring as examples of grids.
Later, to better understand grids, we did another in-class activity: designing our own gridwork on an a4 paper- one for a magazine article and one for a poster.
♦ my 1st magazine article attempt: a disaster. :( the image and sub-header shouldn't intersect
♦ my poster gridwork. the darker lined sub-header is a correction
♦ my magazine article gridwork. much better than the 1st >_<
Then, we were given an assignment to create 2 variations of each of the grid layouts based on the golden ratio grid, columns and baseline grid. And mount it on black mounting board.