xt Student Resources

The tools below help students learn graphic design, web design, typography, editorial design, and production.

Please view the design lectures. 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.

Jump to History of Graphic Design

Jump to Student Work

Links

design
awards

AIGA Award
Print Award
GDUSA Award
Comm Arts Award
A'Design Award

Links

design
conferences

Graphic Design Conferences
Adobe Summit (March)
ConFig (June)
How Design Live (June)
TypeCon (July)
Adobe Max (October)
AIGA Design Conference (October)
UX/UI Design Conferences
UX360 (January)
Convey UX (February)
Product World (February)
UX Copenhagen (March)
Chi (May)
UXPA (June)
UX London (June)
Pixel Pioneers (June)

Downloads

social
links

Pinterest #thelabds
Instagram #the.labdesignstudio

Tutorials

illustrator,
indesign, UX,
and photoshop
tutorials

Illustrator Tutorials
»Pen Tool Lesson
»Shape Lesson
»Color Lesson
»Pathfinder Activity
InDesign Tutorials
»Resume Lesson
»Drawing Lesson
»Setup Zine
Photoshop Tutorials
»Adjustment Lesson
»Clone Lesson
»Masking Lesson
»PSD Mock-ups
Mock-up World Website
UX Tutorials
»XD Design Lesson
»XD Tutorials
»Figma Tutorials
»Figma Lesson Video
»Replit Tutorial

Tutorials

printing and
binding tutorials

Printing Tutorials
»CSUMB booklet printing lesson
»editorial printing lesson
»editorial cutting lesson
»editorial binding lesson
»booklet page setup lesson
Binding Tutorials
»Saddle Stitch
»Pamphlet Stitch
»Perfect Binding
»Perfect Binding Cover
»Stab Stitch
»PSD Book Mock-ups

Supplies

classroom
supply list

Design Supplies
X-Acto Knife
PVA Glue
Bone Folder
18" Ruler with Rubber Backing
Pencils and Erasers
Sketchbook
Flashdrive
=
Binding Supplies
Waxed Bookbinding Thread/Needle
Bookbinding Awl
Optional: Saddle-stitch Stapler
Paper Supplies
Neenah Papers Website
Neenah Papers List

Lectures

typography

Typography is the art of designing letterforms, alphabets and creating compositions with letters and words. This course explains typographic practices to develop an eye for type and how to use it effectively.

Typography Lectures
Design Process MP4 Lecture
Design Process PDF Lecture

Grid Lecture PDF

Contrast Lecture PDF

Type Lecture PDF

Paragraph Lecture PDF

Color Lecture PDF

Binding MP4 Lecture
Binding PDF Lecture

Grid Lecture MP4
Type History Lecture MP4
Type History Lecture PDF
Paragraph1 Lecture MP4
Paragraph1 Lecture PDF
Type1 Lecture MP4
Type1 Lecture PDF
Type2 Lecture MP4
Type2 Lecture PDF

Lectures

web tools

Introduces students to the tools and methods of web design and production. Students will learn basic HTML, web design tools, Cascading Style Sheets (CSS) and browser compatibility while applying the design principles of information architecture, color, layout, and type.

Web Tool Lectures
Normalize CSS

UX Lecture
»UX Lecture Video

Grid Lecture
»Grid Lecture Video
HTML Intro Lecture
Figma Lesson Video

Type Lecture
»Type Lecture Video
Color Lecture
»Color Lecture Video

HTML5 Lecture
»HTML5 Partial Lecture Video
Exercise Photoshop
»Exercise Photoshop Adjustment Video
HTML1 Lecture
Exercise 4

HTML2-3 Lecture
Exercise 5

HTML4 Lecture
Exercise 7

HTML8 Lecture
HTML17 Lecture
Exercise 5a

HTML10 Lecture
Exercise 11

HTML12 Lecture
Exercise 12
Fonts/Maps Video

HTML11 Lecture
HTML14 Lecture
Exercise 13

HTML13 Lecture
Exercise 14

HTML15 Lecture
Exercise 15

Mobile Lecture
In-Class Review Mobile
Exercise Mobile

HTML16 Lecture
Exercise 13a

HTML6 Lecture
HTML7 Lecture
HTML14 Lecture

HTML9 Lecture
Exercise 9

floating and Positioning Lecture

SEO Lecture

Lectures

design principle
lectures

Design Lectures
Thesis Statement

Design Process Lecture pdf
Typography Lecture pdf
Typography Lecture mp4
Type Poster Lecture mp4
Type Poster Lecture pdf
History MP4 Lecture
History PDF Lecture
History Lecture Two MP4
History Lecture Two PDF

Lectures

history of
graphic design

This course will survey graphic design from prehistory through the Industrial Revolution. It will locate graphic design within the history of art and examine connections between social phenomena and development of visual communication. Major styles will be analyzed and compared, and influences identified.

History Lectures
»History Ch 1
c1_32 Symbols
»History Ch 2
c2_Susan Kare
ch2_Evolution Ted Talk
»History Ch 3
ch3_St. John's Bible
ch3_Papyrus
ch3_Parchment
ch3_Paper
»History Ch 4 pdf
History Ch 4 mp4
ch4_Casting Metal
ch4_Printing Press
ch4_Woodcut
ch4_Intaglio
»History ch 5 pdf
History ch 5 mp4
ch5_Mary Bruno
ch5_Mary Bruno
ch5_Amos Paul Kennedy Jr.
ch5_Rick Griffith
»Misc1_Type History
Misc1_Erik Spiekermann
»Misc2_Typography
Misc2_Wim Crouwel
Misc2_Wolfgang Weingart
Misc2_Edward Fella
»Misc3_Typography
Misc3_Tobias Frere-Jones
Misc3_Tobias Frere-Jones and Jonathan Hoefler
Misc3_Marian Bantjes
»History Ch 6-7 pdf
ch6_Lithography
ch7_Steam Press
ch7_American Publishing Posters
»History Ch 8 pdf
ch8_Kelmscott Press
ch8_Jules Chéret
ch8_Henri de Toulouse-Lautrec
ch8_Aubrey Beardsley
ch8_Margaret & Frances Macdonald
ch8_Alphonse Mucha
»History Ch 9 pdf
ch9_Hannah Höch
ch9_Bauhaus 1
ch9_Bauhaus 2
ch9_Filippo Tommaso Marinetti
History Ch 10 pdf
ch10_Plakatstil
ch10_A.M. CASSANDRE
ch10_Alexey Brodovitch
ch10_Alexey Brodovitch
»History Ch 12 pdf
ch12_Phototypesetting
ch12_Paul Rand
ch12_Armin Hofmann
ch12_Saul Bass
»History Ch 13 pdf
ch13_Andy Warhol Life
ch13_Seymour Chwast Life
ch13_Seymour Chwast
ch13_Milton Glaser
ch13_Milton Glaser Last Interview
ch13_Milton Glaser Goals
ch13_Offset Printing 1970s
ch13_Milton Glaser Interview (optional)
»History Ch 14 pdf
ch14_Paula Scher
ch14_Paula Scher/Pentagram
ch14_Paula Scher
ch14_Paula Scher Art/Design
ch14_Pentagram (website)
post1_April Greiman
post1_David Carson Intro
post1_David Carson
post1_Martin Venezky
post1_Michael Bierut Logos
post1_Michael Bierut Designs (website)
post1_April Greiman (website)
post1_David Carson Design (website)
post1_Brody Associates (website)
post1_Neville Brody (optional)
post1_April Greiman (optional)
post1_Michael Bierut Great Logos (optional)
post2_Chip Kidd
post2_Chip Kidd
post2_Rodrigo Corral
post2_Louise Fili AIGA
post2_Louise Fili SVA
post2_Louise Fili Packaging
post2_Shepard Fairey
post2_Shepard Fairey (website)
post2_Shepard Fairey Work (website)
post2_Rodrigo Corral Studio (website)
post2_Louise Fili Ltd (website)
post3_Time, Stefan Sagmeister
post3_Life Lessons, Stefan Sagmeister
post3_Jessica Walsh
post3_Walsh, 40 Days of Dating
post3_Jessica Walsh
post3_Jessica Walsh, Behind the Scene
post3_Timothy Goodman
post3_Timothy Goodman Sharpie
post3_Alex Trochut
post3_Alex Trochut Design (website)
post3_The Happy Show, Stefan Sagmeister (website)
post3_Made you Look, Stefan Sagmeister (website)
post3_&Walsh (website)
post3_Timothy Goodman Design (website)
post3_Jessica Walsh Sva (optional)
post3_Stefan Sagmeister (optional)
post3_Design and Happiness, Stefan Sagmeister (optional)
post4_Jennifer Morla
post4_Michael Vanderbyl
post4_Lisa Congdon
post4_Aries Moross
post4_Lotta Nieminen
post4_Jessica Hische
post4_Morag Myerscough Color
post4_Morla Design (website)
post4_Jennifer Morla (optional)
post4_Michael Vanderbyl (website)
post4_Michael Vanderbyl (optional)
post4_Lisa Congdon Art (website)
post4_Aries Moross (website)
post4_Lotta Nieminen Designs (website)
post4_Lotta Nieminen (Instagram)
post4_Jessica Hische Work (website)
post4_Morag Myerscough Work (website)
post4_Morag Myerscough (website)
theory_Natasha Jen
theory_John Maeda
theory_Volume SF, Eric Heiman and Adam Brodsley (website)
fem_Chimamanda Ngozi Adichie (article)
fem_Women in Design Industry (article)
fem_Typography (article)
fem_Chimamanda Ngozi Adichie
fem_Guerrilla Girls
fem_Marion Bisserier
fem_Barbara Kruger
div_Black Design (article)
div_BAM Black Arts Movement
div_Amos Paul Kennedy Jr.
div_Amiri Baraka
div_Amiri Baraka: Dutchman
div_Gail Anderson
div_Gail Anderson Work (website)
div_Ade Hogue (website)
div_Sophia Yeshi (website)
div_Leandro Assis (website)
div_Dutchman (film)
div_Amos Paul Kennedy Jr. Talk (optional)

Student Work

user experience,
user interface,
and print design

Lindsey Brammell is an Assistant Professor of Design and has worked with many students in the design program at Purdue University, Concordia College, and University of North Dakota. All work below was designed in Lindsey's design classes.

Branding Design

Branding Design | Creamery | Concordia College

Branding Design

Branding Design | Zandbroz | Concordia College

Book and Illustration Design

Illustration/Editorial Layout | Filmcisco | UND

Book and Illustration Design

Illustration/Editorial Layout | Filmcisco | UND

Book and Illustration Design

Illustration/Editorial Layout | Red | UND

Book and Illustration Design

Illustration/Editorial Layout | Red | UND

Book and Illustration Design

Illustration/Editorial Layout | Lazy | UND

Book and Illustration Design

Illustration/Editorial Layout | Lazy | UND

Book and Illustration Design

Illustration/Editorial Layout | Lazy | UND

Book and Illustration Design

Illustration/Editorial Layout | Famine | Concordia College

Book and Illustration Design

Illustration/Editorial Layout | Famine | Concordia College

Package Design

Package Design | Beff | Concordia College

Package Design

Package Design | Beff | Concordia College

Package Design

Package Design | Dragon | UND

Package Design

Package Design | Dragon | UND

Package Design

Package Design | Clinton | UND

Package Design

Package Design | Sins | UND

Package Design

Package Design | Poupee | UND

Typography

Typography/Editorial Design | Pink | Concordia College

Typography

Typography/Editorial Design | Pink | Concordia College

Typography

Typography/Editorial Design | Pink | Concordia College

Typography

Typography/Editorial Design | Tinder | Concordia College

Typography

Typography/Editorial Design | Elimination | Concordia College

Typography

Typography/Editorial Design | Elimination | Concordia College

Typography

Typography/Editorial Design | Elimination | Concordia College

Typography

Typography/Editorial Design | Birth | Concordia College

Typography

Typography/Editorial Design | Birth | Concordia College

Typography

Typography/Editorial Design | Repression | Concordia College

Typography

Typography/Editorial Design | Repression | Concordia College

Typography

Typography/Editorial Design | Exercise | UND

Typography

Typography/Editorial Design | Exercise | UND

Poster Design

Poster Design | Exhibit | Concordia College

Poster Design

Poster Design | Illustration | Concordia College

Poster Design

Poster Design | Zoo | Concordia College

Website Design

Website Design | Novak | Concordia College

Website Design

Mobile Design | Records | Concordia College

Website Design

Website Design | Djembe | Concordia College

Website Design

Website Design | Djembe | Concordia College

Website Design

Website Design | Djembe | Concordia College

Website Design

Mobile Design | Anime | Concordia College

Senior Show Design

Senior Thesis | Branding | Concordia College

Senior Show Design

Senior Thesis | Branding | Concordia College

Senior Show Design

Senior Thesis | Branding | Concordia College

Senior Show Design

Senior Thesis | Branding | Concordia College

Senior Show Design

Senior Thesis | Branding | Concordia College

Senior Show Design

Senior Thesis | Photo | Concordia College

Senior Show Design

Senior Thesis | Photo | Concordia College

Senior Show Design

Senior Thesis | Photo | Concordia College

Senior Show Design

Senior Thesis | Photo | Concordia College

Senior Show Design

Senior Thesis | Film | Concordia College

Senior Show Design

Senior Thesis | Film | Concordia College

Senior Show Design

Senior Thesis | Film | Concordia College

Senior Show Design

Senior Thesis | Film | Concordia College

Senior Show Design

Senior Thesis | Film | Concordia College

Senior Show Design

Senior Thesis | Book | Concordia College

Senior Show Design

Senior Thesis | Book | Concordia College

Senior Show Design

Senior Thesis | Book | Concordia College