DSGN 100: Prototyping
Type & Grid Assignment
Type & Grid Assignment
This assignment was completed in April 2020 as part of the UC San Diego Course, DSGN100: Prototyping. The course is traditionally a physical studio course, but has been remodeled to be remote due to the restrictions of COVID-19. I thought that this assignment was extremely fun and allowed me to get into the groove of taking a remote design course. Below are all iterations of my project as well as the corresponding instructions.
Learning Goals:
- Develop proficiency with using a grid system to organize content for a screen design
- Understand how font choice and typesetting can affect legibility
- Work iteratively through sketches and multiple layouts under different constraints
- Learn how to give and receive feedback in a constructive way during critique
- Develop proficiency with using a grid system to organize content for a screen design
- Understand how font choice and typesetting can affect legibility
- Work iteratively through sketches and multiple layouts under different constraints
- Learn how to give and receive feedback in a constructive way during critique
Stage 1:
Produce at least ten sketches on paper of different designs using the grid.
Produce at least ten sketches on paper of different designs using the grid.
Sketching roughly on paper is the fastest way to look at a page layout holistically.
Remember, the point of sketching is to explore alternatives quickly.
Remember, the point of sketching is to explore alternatives quickly.
Stage 2:
Create two digital layouts that use one regular 10-point font, no bold, no italic, no color.
Create two digital layouts that use one regular 10-point font, no bold, no italic, no color.
Select one of these fonts for your work:
- Baskerville
- Caslon
- Garamond
- Georgia
- Palatino
- Helvetica
- Franklin Gothic
- Gill Sans
- Verdana
Stage 3:
Create two new digital layouts (should be a different configuration than those created for stage two) that use a single 10-point font again. This time, regular, bold and/or italic can all be used to emphasize different parts of the information. Do not use color.
Create two new digital layouts (should be a different configuration than those created for stage two) that use a single 10-point font again. This time, regular, bold and/or italic can all be used to emphasize different parts of the information. Do not use color.
Stage 4:
Create two more new layouts. You now have the option of selecting up to two typefaces (two at most). Any font size, regular, bold, and italic can all be used to emphasize different parts of the information. Do not use color.
Create two more new layouts. You now have the option of selecting up to two typefaces (two at most). Any font size, regular, bold, and italic can all be used to emphasize different parts of the information. Do not use color.
All digital iterations were made with Adobe InDesign.
