Grids Sketch (due Oct. 17)
On this page:
This is old content
Andrew is not currently teaching IAT-235. This material is left online for reference only.
Instructions
To begin considering wireframe structures and placing content you will be working with grids. Make sure the sketches are no wider than 2". You will be generating layouts for content from P3 including at least:
- A title and one subtitle
- Two images
- Two paragraphs text
Using the content above please make layouts using the grid structures specified below. The size of gutters and margins is up to you:
Sketch two different layout options using a two-column grid for mobile sizes. Remember that content can extend 'below' the device.
Sketch two different layout options using a six-column grid for desktop sizes.
Sketch two different layout options using a four-by-four grid for desktop sizes.
Submission
Once done, please scan or photograph your sketches for submission as one JPG file. You are allowed to use this exercise as part of your project.
Your submission is due to Canvas before midnight on Oct. 17.
Grading rubric
This reading reflection is worth 1% (1 point) of your final grade.
- 0.25 points for submitting a hand-rendered sketch.
- 0.25 points for submitting a readable sketch (clear scan or photograph).
- 0.5 points for following the instructions and completing the requested sketch(es).