Lectures for Students

Please click on the links below to download the files for the class you are enrolled. Please have these downloaded before the start of each class.

College-level courses, such as this one, are designed to require roughly 2–3 hours of outside work for every hour the class meets. This means, in addition to attending class meetings, each student should be working roughly 5–8 hours after each class (10–16 hours a week) to do well in this course.

Missing Class

If you can't make it to class, make sure to download the files for the date of absence. Go through the lectures, see what is due for next class and come prepared. Students are expected to attend each class meeting, on time, fully prepared, and ready to participate. Students who are not fully prepared, who have not shown project progression, or who have not produced enough work, five (5) points will be deducted from the project grade each class period the student is not prepared.

Attendance is a required component of this course and students are expected to attend class for its entirety. Each student is granted three (3) absences for the semester. Each additional absence will result in the drop of one full letter grade in the student’s final grade. Each tardy is counted as ¼ an absence. This means four (4) recorded tardies will count as one (1) absence.

Lecture

Art 378 Web Design I

Date Lecture Link
1/11 UX Lecture
»Adobe XD Tut
HTML&CSS Design and Build Websites
Learning Web Design 4th edition
Khan Academy
1/13 READ ch18
TUT A
Web Lecture pdf
Web Lecture mp4
Grid Lecture pdf
Grid Lecture mp4
due group 1 2 competitors audit / content audit / sitemap /moodboard / sketch
1/20 READ ch1/5
TUT B
Intro to HTML, optional
»Photoshop Lesson
Typography Lecture pdf
Typography Lecture mp4
Font Lecture ppt
Font Lecture mp4
due group 2 2 competitors audit / content audit / sitemap /moodboard / sketch
1/25 READ ch2-4
TUT C
BASIC C
Alignment Lecture
Alignment Lecture mp4
due sketch
1/27 READ ch6/8/11/17
TUT D
BASIC B
More HTML tags, optional
»EXE 5 Markup
»Required HTML
2/1 READ ch10
TUT G
Intro to CSS, optional
CSS text properties, optional
due sketch / markup—open critique
2/3 READ ch12/14/16
TUT H
due no critique
2/8 READ ch13/15
TUT I
CSS layout, optional
»Google
Link Folders
»EXE 12 css
due markup
2/10 TUT J
More CSS selectors, optional
2/15 READ ch7
TUT E
due produce
2/17 READ ch9
BASIC D/E/F
Further learning, optional
Other ways to embed CSS, optional
Optional Exercises
»EXE 15
2/22 READ ch19
»Mobile Lecture
due produce
3/1
due test—open critique
3/3 website due
3/8
due 2 comp. audit / content audit / sitemap / moodboard / sketch
3/15
due sketch
3/22
due markup
4/7 »SEO MP4 Lecture
»SEO PPT Lecture
due produce
4/19
due test
4/26 website due
Finals Week zip your root folder

Lecture

Art 478 Web Design II

Date Lecture Link
1/11 UX Lecture
Learning Web Design 4th edition
»Adobe XD Tut
HTML/JS/jQuery
HTML/JS
1/13 READ ch1
Web Lecture pdf
Web Lecture mp4
Grid Lecture pdf
Grid Lecture mp4
due group 1 2 competitors audit / content audit / sitemap / moodboard/ sketch
1/20 READ ch2-3
»Photoshop Lesson
Typography Lecture pdf
Typography Lecture mp4
Font Lecture ppt
Font Lecture mp4
»Required HTML
due group 2 2 competitors audit / content audit / sitemap / moodboard/ sketch
1/25 READ ch4
Alignment Lecture
Alignment Lecture mp4
due sketch / produce
1/27 READ ch5
2/1 READ ch6
due W4 produce / test—open critique
2/3 mobile site due
2/8 READ ch7
due 2 comp. audit / content audit / moodboard / sitemap / sketch
2/10 READ ch23-24
»Google
2/15 READ ch11
due sketch / markup
2/17 READ ch12
2/22 READ ch13
due markup / produce
2/24 READ ch14
3/1 READ ch15
due test—open critique
3/3 website due
3/8 READ ch16
»EXE 16
due 2 comp. audit / content audit / moodboard / sitemap / sketch
3/10 READ ch17
3/15 READ ch8
due sketch
3/17 READ ch9
3/22 READ ch10
due markup
3/24 READ ch19
4/7 READ ch18
due produce
4/12 »SEO MP4 Lecture
»SEO PPT Lecture
4/19
due test
4/26 website due
Finals Week zip your root folder

Lecture

Graphic Design

Date Lecture Link
9/28 branding critique
10/2 print branding
10/12 poster critique
10/16 print poster
11/9 campaign critique
11/13 print final campaign
12/9 portfolio critique
Saddle Stitch
Pamphlet Stitch
Perfect Binding
Perfect Binding Cover
Stab Stitch
»branding printing lesson
»poster printing lesson
»stitch printing lesson
»glue printing lesson

Lecture

Art 370 Digital Design

Date Lecture Link
1/11 Design Process Lecture pdf
Typography Lecture pdf
Typography Lecture mp4
1/13 Illustrator Basic B: Getting Started
Illustrator Basic C: Tools
due mind-map / personas / 20 logo thumbnails / 4 wireframes
1/20 »Pen Tool Lesson
Illustrator Basic D: Panels
Illustrator Basic E: Selections
due mind-map / personas / 20 logo thumbnails / 4 wireframes
1/25 Illustrator Basic F: Drawing
Illustrator Advanced D: More on Paths
due soft proof
1/27 »Shape Lesson
Illustrator Basic I: Working With Text
Illustrator Advanced E: More on Type
Illustrator Basic H: Working With Color
2/1 Illustrator Basic G: Managing Objects
Illustrator Basic J: Saving
Illustrator Basic A: Recent Features
due branding soft proof
2/3 »Color Lesson
Illustrator Advanced B: Image Trace
Illustrator Advanced C: Symbols
Illustrator Advanced F: Blends
2/8 Photoshop Basic B: Getting Started
Photoshop Basic C: Image Basics
Photoshop Advanced A: Getting Started
Type Poster Lecture mp4
Type Poster Lecture pdf
due branding soft proof / poster 4 wireframes
2/10 »Pathfinder Activity
Photoshop Basic D: Move Tool
Photoshop Basic E: Editing Basics
»branding printing lesson
»poster printing lesson
2/15 logo/branding/poster critique
»Adjustment Lesson
Photoshop Basic F: Layers
Photoshop Basic G: Effects and Filters
2/22 Photoshop Basic H: Fun Tasks
Photoshop Basic I: Exporting
due poster soft proof
2/24 »Clone Lesson
Photoshop Basic J: Useful Features
Photoshop Basic K: Tips and Tricks
3/1 »Masking Lesson
Photoshop Basic A: Recent Features
Photoshop Advanced B: Fun
Photoshop Advanced E: 3D Objects
Photoshop Advanced F: Tricks
Photoshop Advanced G: Masking
Photoshop Advanced H: Wrap Up
due poster soft proof—no critique
3/3 »Resume Lesson
InDesign Basic B: Getting Started
InDesign Basic C: Menus
InDesign Advanced A: Getting Started
Grid Lecture MP4
Grid Lecture PDF
due poster soft proof—no critique
3/8 Paragraph Lecture MP4
Paragraph Lecture PDF
InDesign Basic D: Working with Type
InDesign Advanced B: Typography
InDesign Advanced F: Text
due editorial soft proof
3/10 »Drawing Lesson
InDesign Basic E: Images/Type
InDesign Advanced C: Images
3/15 InDesign Basic F: Color Basics
InDesign Advanced D: Color Theory
Binding MP4 Lecture
Binding PDF Lecture
Saddle Stitch
Pamphlet Stitch
due editorial soft proof
3/17 »PSD Mock-ups
InDesign Basic G: Creating Shapes
InDesign Advanced E: Layers/Objects
InDesign Basic I: Wrapping it Up
InDesign Advanced H: PDF Files
3/22 InDesign Basic H: Tables
InDesign Advanced G: Putting it Together
History MP4 Lecture
History PDF Lecture
due editorial soft proof
3/24 InDesign Basic A: Recent Features
InDesign Advanced I: Touch Workspace
»editorial printing lesson
4/7 poster/book critique
4/12 everything soft proof
4/19 everything soft proof
4/26 everything due
Finals Week everything due in pdf and InDesign format, submit via email

Lecture

Typography in Book Design

Date Lecture Link
1/7 Design Process MP4 Lecture
Design Process PDF Lecture
Thinking with Type
1/12 Binding MP4 Lecture
Binding PDF Lecture
Saddle Stitch
Pamphlet Stitch
Perfect Binding
Perfect Binding Cover
Stab Stitch
InDesign Basic B: Getting Started
InDesign Basic C: Menus
InDesign Advanced A: Getting Started
»Resume Lesson
1/14 Grid Lecture MP4
Grid Lecture PDF
InDesign Basic D: Working with Type
InDesign Advanced B: Typography
InDesign Advanced F: Text
1/19 InDesign Basic E: Images/Type
InDesign Advanced C: Images
»Drawing Lesson
1/21 Paragraph Lecture MP4
Paragraph Lecture PDF
InDesign Basic F: Color Basics
InDesign Advanced D: Color Theory
1/26 InDesign Basic G: Creating Shapes
InDesign Advanced E: Layers/Objects
1/28 Type 1 Lecture MP4
Type 1 Lecture PDF
InDesign Basic I: Wrapping it Up
InDesign Advanced H: PDF Files
2/2 Type 2 Lecture MP4
Type 2 Lecture PDF
»editorial printing lesson
InDesign Basic H: Tables
InDesign Advanced G: Putting it Together
2/4 InDesign Basic A: Recent Features
InDesign Advanced I: Touch Workspace
2/9 Book 1 Critique
2/11 Type History Lecture MP4
Type History Lecture PDF
2/23 History Lecture One MP4
History Lecture One PDF
3/2 History Lecture Two MP4
History Lecture Two PDF
3/11 Book 2 Critique
4/22 Book 3 Critique