Grids Sketch (due October 22)
On this page:
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 P2 including the following content:
- Sustainability Project Funding (title for website)
- Unlabelled website navigation
- Greenest City Grants (section title)
- City of Vancouver (organization)
- $50,000 (amount)
- 12-24 months (length)
- October 23 (deadline)
- A link to the grant information
- A short paragraph describing the grant
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 four-column grid for mobile sizes. Remember that content can extend 'below' the device.
Sketch two different layout options using a seven-column grid for desktop sizes. Content can extend below the device.
Sketch two different layout options using a six-by-six grid for desktop sizes. Content can extend below the device.
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 8:00am on October 22.
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).