Session recording
Quick Project 1 recap
Before we move on, let’s briefly discuss your first projects from last week. Overall, these were really great—but we wanted to pull out some points here:
-
Code plagiarism, uh oh
Yeah. It’s against our class policies. This is the last we want to mention it.
-
Response to Issue/feedback
Some of you didn’t resolve the code Issue tasks we left (or other feedback). Would you ignore a bulleted to-do list from your boss, at work?
-
Readability fundamentals
Tons of great, expressive type! But in this, we lost sight of the basics—many projects had base paragraph text that was too small, and line lengths that were too long. Put yourself in the mind of your user: is this comfortable to read?
-
Attention to detail
In a movie, you don’t want to see a reflection of the cameraman in a mirror. In design, you don’t want to see typos or misused punctuation. It just takes you out of the work.
-
Presentation/deck overemphasis
Many of you spent too much of your time in your presentations/decks/scripts. Mind the energy in the room. When in doubt: show, don’t tell!
-
Smaller commits, more comments
We’d like to see better code hygiene. Commit smaller changes much more often, and with more useful messages. And comment your code!
-
Ask questions earlier and more often
Some of you reached out to us, but not much to each other. We want to see a lot more activity in the Slack channel. Everyone is going through the same stuff!
Reading discussion
We’ll again start our new unit, There is no perfect layout, with a discussion of the readings from last week:
Further reading
Over our second unit, you should again complete these additional readings on your own schedule. We expect you to use and reference these in your work:
-
Investigations on Gestalt Principles
Max Wertheimer, 1923 -
Grid Systems in Graphic Design
Josef MĂĽller-Brockmann, 1981 -
The Diminishing Marginal Value of Aesthetics
Toby Shorin, 2017
Our second project
And we’ll go through the details of your next project:
Responsive design!
Today’s main topic is responsive design, which hinges on the use of media queries:
For next week
-
Connect with your partner for Project 2: Spread. Together, decide on the text you’ll use and add it to this list:
-
Read your selection and discuss it with your partner!
-
Then sketch collaboratively with your partner to develop three directions for your design. Do this together! Submit your Figma links for these, as well: