:: Fall First Year Projects ::
Deliverables, Timelines, & Due Dates
Useful Links
_________________________
— Master Deadline Schedule.ixl
. . . . . . . . . .
_________________________
SECTION :: VHY
> Monday :: Gabriel
Design History
9am Click here :: Join Meeting Passcode: 163145
. . . . . . . . . .
> Tuesday :: Jill
Introduction to Design
9 am Click here :: Join Meeting
Passcode: 644998
. . . . . . . . . .
> Wednesday :: Jason
9 am Click here :: Join Meeting
Passcode: 137397
AND
Creative Suite Check In: 1:00 pm Click here :: Join Meeting
Passcode: 526567
. . . . . . . . . .
> Thursday :: Erik
Interactive 1
9 am Click here :: Join Meeting
. . . . . . . . . .
> Friday :: Marc
New Media Mornings
9 am Click here :: PDF file of Zoom Links
_________________________
SECTION :: VH2
> Monday :: Jason
Creative Suite :: Illustrator
9 am Click here :: Join Meeting
Passcode: 440085
AND
Creative Suite Check In: 1:00 pm Click here :: Join Meeting
Passcode: 233260
. . . . . . . . . .
> Tuesday :: Gabriel
Design History
9am Click here :: Join Meeting Passcode: 163145
. . . . . . . . . .
> Wednesday :: Erik
Interactive 1
9 am Click here :: Join Meeting
. . . . . . . . . .
> Thursday :: Jill
Introduction to Design
9 am Click here :: Join Meeting
Passcode: 336488
. . . . . . . . . .
> Friday :: Marc
New Media Mornings
9 am Click here :: PDF file of Zoom Links
- Make Tutor Appointments
- How to log into a school computer.pdf
- Printing to the Classroom B&W Printer.pdf
- Printing to the color HPs.pdf
- Printing to the Docucolor.pdf
Syllabus.pdf
_________________________
Read before class:
_________________________
Download before class:
_________________________
Lecture for class:
_________________________
Resources for after class:
_________________________
Homework for this week:
_________________________
Bring to class next week:
The week of Sept 29th
Today’s Topic:
Illustrator Adobe Basics: Tools, palettes, menus, art board set up. Graphic Design overview: Basic concepts of space, weight, shape, line, color.
_________________________
Download & Watch:
— (75 min) Basic Elements video
_________________________
Lecture For Class:
— (21.01 min) Introduction to Adobe Illustrator
— (9.37 min) Intro to Adobe Illustrator: Interface and navigation
— (9.31 min) Intro to Adobe Illustrator: Panels, Workspaces and Artboards
_________________________
Resources For Homework:
_________________________
Homework:
Graphic Translations :: Infographics
We’ll start working on Project 1 next week in class.
_________________________
Due Next Week:
Tuesday’s Class: Your finished Road Map to show and share next week.
Monday’s Class’s Road Map will be finished for show and share Oct 12th.
Today’s Topic:
Because the quarter begins on a Tuesday, I designed the syllabus so that this first class is an easy introduction into the curriculum. Since there is no Monday class this first week, Monday’s class will receive this introduction as a recorded video. We will go over the syllabus and review an outline of the midterm project. The midterm project will be done in groups—groups will be assigned during this introduction. There will also be a presentation explaining Outside Project 1.
_________________________
Design Histories Introduction Video:
— (6.06 min) Click here for Gabriel Stromberg
_________________________
Homework/ Due Next Week:
— Click here to download the MidTerm Groups for this project
Week 1– 4: Research
Use this time for research and investigation. Work to accumulate as much information as possible on your period. Seek out multiple sources. You must use at least three sources to derive your information — you can use both online and analog references.
_________________________
Homework Watch:
— (7.51 min) Saki Mafundikwa: Ingenuity and elegance in ancient African alphabets
_________________________
Homework Read:
— Excerpt from Afrikan Alphabets, Saki Mafundikwa.pdf
_________________________
— Syllabus Link to a Google Doc
Today’s Topic:
Welcome. What to expect. Introductions & icebreakers. A deeper explanation of Project 1. Introductory lecture on HTML / CSS, images for the web, UX research, Personas / User Stories.
_________________________
Download For Class:
— Project Descriptions
— Yale HTML files
— Grading Rubric
— Step by Step Instructions
_________________________
Lecture For Class:
Passcode: 6uyQ!QG2
— Click Here for Lecture Notes: For Week 1
_________________________
Resource After Class:
_________________________
Homework:
Project 1: Despite being an Ivy League school with an acclaimed Art department, the website for Yale’s School of Art shows up on multiple lists when you search for “Worst website design” http://art.yale.edu/ .
However, the site is also an open-source, organic platform for student expression.
If they approached you and asked you to redesign it, where would you begin? Since you’ve probably been in a similar situation recently, you could start with the axiom, “User stories generate features…” What are some common tasks a user might be trying to accomplish on the site? What needs to be included on the front page? How would you balance aesthetics and usability? How would you build this with HTML/CSS? How would you make it responsive? Additionally, you will need to defend your design decisions on a linear scale from “Vapor Wave” to “Ivy League”. Where 100% “Vapor Wave” would mean keeping all the crazy qualities of the existing site and 100% “Ivy League” would mean making it look conservative and traditional. While there is no right answer, your description should be inline with your visuals.
_________________________
Due Next Week:
– A site audit which describes everything that’s not working
– A list of ten+ user stories
– An annotated wireframe for the desktop
– A style tile. Colors, fonts, textures, photo, or illustration styles.
Syllabus.pdf
_________________________
Read before class:
_________________________
Download before class:
_________________________
Lecture for class:
_________________________
Resources for after class:
_________________________
Homework for this week:
_________________________
Bring to class next week:
Download For Class:
— Morning Lectures Schedule.pdf
(this was also posted in General Info Slack Channel)
The week of Oct 5th
Today’s Topic:
Creating containers, shapes and line. Tool overview and page set up. In class: Begin sketching for 1st project. Review sketches, provide feedback
_________________________
Lecture For Class:
— (23.37 min) Basic Shape Tools
— (17.01 min) Basic Line Tools
_________________________
Homework / Due next week:
Sketches/Ideas
Due:
Please submit the letter detailed in the introductory email.
Today’s Topic:
The Power of Language
This survey of the evolution of written language systems examines contributions from multiple cultures and civilizations. Beginning with prehistoric examples, we will discuss the function that language serves and the investigate the ways in which language systems impact the history and legacy of a culture. There will be a focus on the connection between the visual embodiment of writing systems and the values, beliefs, and technologies within which they develop.
_________________________
Class Lecture:
— The Power of Language Lecture Slides.pdf
_________________________
Homework / Due next week:
Week 1– 4: Research
Use this time for research and investigation. Work to accumulate as much information as possible on your period. Seek out multiple sources. You must use at least three sources to derive your information — you can use both online and analog references.
_________________________
Homework Watch:
— (35.10 min) F* The Stereotype: Revitalizing Indigenous Perspective in Design, Sadie Red Wing
— (4.23 min) How Korea crafted a better alphabet - History of Writing Systems #11
_________________________
Homework Read:
— The History of Type Reading.pdf
— Excerpt from Anatomy of a Typeface, Alexander S. Lawson.pdf
_________________________
Watch by Week 4:
_________________________
Today’s Topic:
The magic of FLEXBOX, CSS Box Model, Margin and Padding, Style Tiles, Borders / Radius, Backgrounds + Gradients
_________________________
Lecture For Class:
_________________________
Resources After Class:
— Building the responsive navbar in 10 minutes (video)
— Building the responsive HTML wireframe in 10 minutes (video)
_________________________
Homework / Due next week:
– HTML wireframe with actual content; mobile-first, or single column and desktop, navigation, Google fonts
The week of Oct 12th
Today’s Topic:
Creating shapes using the Pathfinder Panel, strokes fills, Stroke Panel, Appearance Panel. Edit corners and corner widgets, change shapes with the Direct Selection Tool. Smart Guides and Shape Builder In class:Review sketches, provide feedback
_________________________
Lecture For Class:
— (19.58 min) Intro to Adobe Illustrator: Transform Panel
— (11.02 min) Direct Selection Tool and Join Paths in Illustrator
— (20.58 min) Learn Corner Widgets in Adobe Illustrator
— (10.32 min) Shape Builder Tool in Illustrator
— (26.08 min) Pathfinder Tool
_________________________
Homework:
Continue to work on Project 1 Graphic Translations :: Infographics
_________________________
Due next week:
Work-in-progress Project 1
Today’s Topic:
The Printed Word
We will first review the factors that laid the groundwork for the genesis of printing and movable type during the late middle ages including the development of technologies in China which were imported into Europe. We will then explore the evolution of the printed letterform and discuss how printing became a tool for progress and innovation.
_________________________
Class Lecture:
— The History of Type Lecture Slides.pdf
_________________________
Homework / Due next week:
Week 1—4: Research
Use this time for research and investigation. Work to accumulate as much information as possible on your period. Seek out multiple sources. You must use at least three sources to derive your information — you can use both online and analog references.
Outside Project 1:
Homework Watch:
_________________________
Homework Read:
— Colors/Pink: Not so Sweet After All, David Byrne
— Read this lecture notes for class: The Catalyst of Industry 2.pdf
Study For Your Test Next Week
Today’s topic:
Mobile First, HTML Wireframes, Lists for Navigation, Google Fonts, Typography, Responsive Frameworks, Media Queries
_________________________
Lecture For Class:
— Lecture Notes: Week 3
— (10 min) Lecture on images & responsive logo
_________________________
Resources After Class:
_________________________
Homework / Bring next week:
– First real critique will be next week, 50% finished. Desktop and mobile views. (Responsive logo, Hero Image, media queries, images. Background vs. foreground images.)
The week of Oct 19th
Today’s Topic:
Layers Panel, creating and editing clipping masks, creating compound shapes, using the Layers Panel to find and sort content. Select Same command to find object with similar attributes. Scale corners and scale line weights.
_________________________
Lecture For Class:
— (22.03 min) Clipping Mask or Draw Inside? Which one works best in Illustrator.
— (30.53 min) Layers Panel
— (18.44 min) Appearance Panel
— (6.38 min) Expand and Expand Appearance in Illustrator
— Infographics Presentation.pdf
_________________________
Homework:
Complete Project 1 Graphic Translations :: Infographics
Graphic Translation :: Object or Animal
_________________________
Due Next Week:
Project 1 :: Handed in by 9 am
Test Is Today
Today’s Topic:
The Catalyst of Industry
There will be a survey of the technological innovations that came out of the industrial revolution. We will discuss how these developments impacted culture and design in the Victorian era and generated counter movements throughout Europe, Asia, and the US.
_________________________
Lecture For Class:
— Accompanying text for next week's lecture: The Lens of Colonialism.pdf
_________________________
Homework / Due next week:
Week 4—6: Creative Brief Development
Finish your research and investigation. Begin the construction of the printed creative brief for review during week 6.
Rough Mock up for the Midterm Projects:
_________________________
Today’s Topic:
Positioning, Sticky header, Z-index, Opacity vs. RGBA, Box-shadow / text-shadow, CSS generators
_________________________
Important Links:
Wednesday Zoom: https://zoom.us/j/98110937966
Thursday Zoom: https://zoom.us/j/92761566828
Lecture Notes: https://bit.ly/2S96HBz
Syllabus: https://bit.ly/3hZNfS9
_________________________
Homework / Due next week:
– Next week your project should be almost finished and we’ll be having crits.
The week of Oct 26th
Today’s Topic:
PROJECT #1 DUE : CRITIQUE
Project naming, required content, file formats and delivery of file: https://www.dropbox.com/s/3vv49tvl5qpabdq/Project%20naming%2C%20contents%20and%20file%20formats.mov?dl=0;
Pencil Tool, Width Shape Tool, Curvature Tool In class: Sketch out examples graphic translation
_________________________
Lecture For Class:
— (13.32 min) Learn the Curvature Tool in Illustrator
— (18.15 min) Width Shape Tool
Ai template for the icon layouts:
Make sure your Illustrator is updated to the 2021 version or these will NOT show up. If you do not see the rectangles with the drop shadows, you are not on the most current version. Open this file IN illustrator, don't double-click on it:
_________________________
Homework:
Work on Project 2 Graphic Translation :: Object or Animal
_________________________
Due Next Week:
Work-in-progress check in for Project 2
Outside Project 1 Due
— Tuesday's class: Click here for your Google Docs
— Thursday's class: Click here for your Google Docs
_________________________
Today’s Topic:
The Lens of Colonialism
We will examine the emergence of colonialism in the 1400’s and discuss how conquest and political dominance shaped the European perspective. There will be a specific focus on works from Japan and numerous African countries that became the foundational catalyst for the modernist movement in Europe during the late 1800’s and early 1900’s.
_________________________
Lecture For Class:
— The Lens of Colonialism 2.pdf
— Timeline Japanese History.pdf
_________________________
Homework / Due next week:
Week 4—6: Creative Brief Development
This time should be dedicated to the construction of the printed creative brief for review during week 6. Creative brief should be completed for next week's class.
_________________________
Watch:
_________________________
Start Outside Project 2
_________________________
Today’s Topic:
Forms, SVG, Slideshow, Hamburger menu, Dev tools, Browser and device testing, File size and Validation, Skits for UX
_________________________
Important Links:
Wednesday Zoom: https://zoom.us/j/98110937966
Thursday Zoom: https://zoom.us/j/92761566828
Lecture Notes: https://bit.ly/2S96HBz
Syllabus: https://bit.ly/3hZNfS9
_________________________
Homework / Due next week:
Project 1 will be due next week.
The week of Nov 2nd
Today’s Topic:
All about the Pen Tool. In class: Project using the Pen Tool
_________________________
Lecture For Class:
— Link Coming
_________________________
Resources After Class:
_________________________
Homework:
Complete Project 2 Graphic Translation :: Object or Animal
Recipe Infographic with icons
_________________________
Due Next Week:
Project 2 :: Handed in by 9 am
Today’s Topic:
I will check in with every group to evaluate their progress and address any questions or concerns.
The rest of this class will be dedicated to finishing up your midterm projects.
_________________________
Lecture For Class:
— Link Coming
_________________________
Homework / Due next week:
Work towards your presentations happening Week 8. Each group will give a 15 to 20 minute presentation.
_________________________
Work on Outside Project 2
_________________________
Project 1 Is Due.
*Day after the election*
I suspect the election results will be contested. The class will be informal and I will provide an extension as needed.
_________________________
– No Lecture
Discussing the election results or I will improvise… Presentations of projects if possible
_________________________
Important Links:
Wednesday Zoom: https://zoom.us/j/98110937966
Thursday Zoom: https://zoom.us/j/92761566828
Lecture Notes: https://bit.ly/2S96HBz
Syllabus: https://bit.ly/3hZNfS9
_________________________
Homework:
Project 2: Working in teams of 2 or 3, you will be creating a mobile app prototype and building a responsive landing page designed for its marketing purposes.
Before beginning your design process, you should do some user research and determine what features people are looking for.
My description is meant as a starting point, but your research should refine these features. You will also make up new brand names to replace these generic descriptions.
Choose one:
1. Bank for Tweens:
Banking/Debit Card/Financial management for children ages 10 – 14. This is a new Financial institution that is a subsidiary of some giant-mega-corporate bank. The goal is to develop good financial skills for young people while allowing some involvement from parents.
What are the primary tasks? (Checking balance, making a deposit, sending money, etc). Can parents deposit money like a digital allowance? Can the bank include snippets of content to encourage good financial habits? How important is a physical location with tellers in the age of Venmo and Square? Can the app halt transactions at a balance of $50 (or whatever) to prevent an overdraft?
2. Concierge/AI travel App
Why is booking travel (air/car/hotel) still so time-consuming? Haven’t we already surrendered all of our personal information to our robot overlords? If Chrome auto-fill can store my address and credit card data, surely it knows that my family of four frequently flies to the SF bay area and needs a rental car and hotel for 2 nights. Surely it can scan my browser history and know that I’m always looking for cheap flights to Iceland and Indonesia. Is it possible that an AI assistant can learn enough about your travel patterns and desires that it could be predictive and offer suggestions for routine travel and great deals for vacations as they are discovered?
Some form of initial onboarding would be required, but the system could get smarter as you provided it with more information. Wouldn’t it be great if all your preferences and details were stored in one sort of “digital passport” so that when you were presented with some sort of perfect package that you could just click “book it” (or edit details if imperfect). Assume your audience is affluent professionals, early adopters, frequent travelers, ages 24 – 50. Balance the desire for convenience with the need for privacy. Don’t spam them with hundreds of junk travel deals.
3. Everyone needs fashion advice. Pick a demographic, and have them answer some questions about themselves and their clothing interests (create a profile). Then provide them with a feed of fashion recommendations and allow a series of actions (like, heart, share, save for later, etc) which refines the feed so the algorithm gets smarter over time (thumbs up, down; swipe left, etc) and ultimately becomes a recommendation engine which only displays content which the user is interested in purchasing. Provide notifications for price drops, flash sales, or free shipping. Store payment and address info so purchases can be completed with one click
Make it frictionless so the user never leaves the app. Consider loyalty points for frequent purchases or “influencer” status for writing about what you purchased or fashion trends. Make it Social. Make it become a brand.
_________________________
Due Next Week:
– Summary of Research. What we know, what we intend to build. (5 –10 slides)
– Persona or empathy map
Video link of recorded class: TBD Password: TBD
Resources for after class:
Articles:
Homework for this week—
The week of Nov 9th* Wednesday Holiday
Today’s Topic:
PROJECT #2 DUE : CRITIQUE
Rotate, Shear, Scale and Reflect Tools. Basic colors. In class: Sketch out icons for Recipe Infographic
_________________________
Lecture For Class:
— Link Coming
_________________________
Resources After Class:
_________________________
Homework:
Work on Project 3 Recipe Infographic with icons
_________________________
Due Next Week:
Work-in-progress Project 3
Today’s Topic:
Capitalism and Globalization
This lecture will focus on how modernism emerged in Europe during the twenties and thirties and evolved from a series of avant garde movements within art and design to a dynamic visual language used for marketing the new goods and services of a global post-war economy.
_________________________
Lecture For Class:
— Link Coming
_________________________
Watch:
— No, a film by Pablo Larraín
_________________________
Read:
— The Original Influencer, History Today
_________________________
Homework / Due next week:
Work towards your presentations happening Week 8. Each group will give a 15 to 20 minute presentation.
_________________________
Today’s Topic:
Empathy, Design Thinking, Blueprint Framework, More HTML/CSS
_________________________
Important Links:
Wednesday Zoom: https://zoom.us/j/98110937966
Thursday Zoom: https://zoom.us/j/92761566828
Lecture Notes: https://bit.ly/2S96HBz
Syllabus: https://bit.ly/3hZNfS9
_________________________
Homework / Due next week:
– Sketches or wireframes and task flow for 5-7 screens of the mobile App. Wireframe for website.
The week of Nov 16th
Today’s Topic:
Blend Tool and Live Paint Tools In class: Sketch out icons for Recipe Infographic
_________________________
Lecture For Class:
— Link Coming
_________________________
Resources After Class:
_________________________
Homework:
Work on Project 3 Recipe Infographic with icons
_________________________
Due Next Week:
Work-in-progress Project 3
Today’s Topic:
Midterm Presentations
This class will be dedicated to midterm presentations and the completion of outside project number 2.
Each group will give a 15 to 20 minute presentation.
_________________________
Lecture For Class:
— Link Coming
_________________________
Homework / Due next week:
Complete Outside Project 2
_________________________
Today’s topic:
Atomic Design, Mental Models, UI Kits / Design Systems, Familiarity vs. Originality
_________________________
Important Links:
Wednesday Zoom: https://zoom.us/j/98110937966
Thursday Zoom: https://zoom.us/j/92761566828
Lecture Notes: https://bit.ly/2S96HBz
Syllabus: https://bit.ly/3hZNfS9
_________________________
Homework / Due Next Week:
– A functional mobile prototype using Adobe XD or Figma (5 – 7 screens). Start coding website.
The week of Nov 23rd* Holidays :: Th/F
Today’s Topic:
File formats, save for web and mobile devices, Asset Panel and exporting files.
_________________________
Lecture For Class:
— Link Coming
_________________________
Resources After Class:
_________________________
Homework:
Work on Project 3 Recipe Infographic with icons
_________________________
Due Next Week:
Project 3 :: Handed in by 9 am
Outside Project 2 Due
_________________________
Today’s Topic:
Marketing, Media, & Modernism
In the wake of the destruction of World War 2, many cultures used the visual language of modernism as a tool for signifying legitimacy and prosperity. We will investigate the role of modernism in the construction of the global postwar identity.
_________________________
Lecture For Class:
— Link Coming
_________________________
Test 2:
_________________________
Listen:
— 99% Invisible Episode 264: Mexico 68
_________________________
Homework / Due next week:
_________________________
Today’s topic:
Small group meetings all day
_________________________
Important Links:
Wednesday Zoom: https://zoom.us/j/98110937966
Thursday Zoom: https://zoom.us/j/92761566828
Lecture Notes: https://bit.ly/2S96HBz
Syllabus: https://bit.ly/3hZNfS9
_________________________
Homework / Due Next Week:
– Mobile app is almost finished; Landing page is 50% finished.
The week of Nov 30th
Today’s Topic:
PROJECT #3 DUE : CRITIQUE
Create a grid, follow Swiss design principles.
_________________________
Lecture For Class:
— Link Coming
_________________________
Resources After Class:
_________________________
Homework:
Single Line Icons with Partner Participation
_________________________
Due Next Week:
Project 4 :: Handed in by 9 am
Today’s Topic:
Propaganda and Protest
We will review how design can be used as a force for transformation and connection in both positive and negative ways. There will be a specific focus on different ways that design has been an element in collective action.
_________________________
Lecture For Class:
— Link Coming
_________________________
Watch:
— How to Survive a Plague, documentary by David France
_________________________
Homework / Due next week:
_________________________
Today’s topic:
Laws of UX
_________________________
Important Links:
Wednesday Zoom: https://zoom.us/j/98110937966
Thursday Zoom: https://zoom.us/j/92761566828
Lecture Notes: https://bit.ly/2S96HBz
Syllabus: https://bit.ly/3hZNfS9
_________________________
Homework / Due Next Week:
– Finished app and landing page. Final Presentations will be next week.
The week of Dec 7th
Today’s Topic:
PROJECT #4 DUE : CRITIQUE
Hand in Project 4
Today’s Topic:
Postmodernism and Digital Culture
A look at the history and evolution of technologies used in the practice and production of works of graphic design beginning with the postmodern movement. We will review how specific technologies relate to specific visual approaches and conventions. This class will end with a discussion of future developing technologies and how these new ways of working will effect our practice.
_________________________
Lecture For Class:
— Link Coming
_________________________
Read:
— First Things First Manifesto, Ken Garland
_________________________
Read:
— Do You Want Typography or Do You Want the Truth, Mike Devine
_________________________
Watch:
— Jerome Harris Lecture
_________________________
Homework / Due Next Week:
_________________________
Project 2 is Due.
Final Presentations
will be today.
Discussion of Winter Quarter
_________________________
Winter Reading List
_________________________
Read before class:
_________________________
Download before class:
_________________________
Lecture for class:
_________________________
Resources for after class:
_________________________
Homework for this week:
_________________________
Bring to class next week:
The week of Dec 14th
_________________________
No Class During Finals
Finals
Outside Project 3 Due
_________________________
Test 3
_________________________
No Class During Finals
Please remember to fill out your evaluations for your classes. You should be receiving Evaluation invitations in your email.