Course Format ︎

Class sessions will be structured around group critiques, reading discussions, and informal presentations and supported studio time.

Critiques

Critiques will be a central part of this learning environment. Each student should be prepared to present visual progress in stages before the final assignment is submitted. You should also be ready to offer constructive criticism to peers, on both concept and form. With the exception of the final- All critiques will be of work in progress.

Readings + Class Discussion

All assigned readings are required. Students are expected to come to class having read the material prior to class and be prepared to participate in discussion.

Exercises + Project Assignments

In the beginning of each section you will be asked to complete short exercises to familiarize yourself with the each new platform we use. The goal is to think of these platforms as materials that we can then use for assignment- not the goal being to learn the platform. The question at hand will be- how can this software help me execute my goal?

These exercises will be completed both in and out of class. I will provide in-person and recorded tutorials on all platforms for more in-depth training. 3 Larger Projects will be assigned throughout the course.

Presentations + Critique

1. Each student will be required to give 1 class presentation on a historical or contemporary designer, artist or studio. These presentations should be 10 minutes long, and showcase visual documentation of their approach.

2. In critique, you will also be evaluated for your presentation or installation format in addition to the work itself. How you document, compile, and share your work with the class should be just as considered as the final design.

Presentations Description ︎

Over the course of the semester, each of you will give a presentation on a contemporary artist, collective, designer or deisgn firm. Your presentations should be 10 minutes. Please either email me the content if you are sharing it digitally or you can bring a thumb drive to class.

Presentations should include

— Brief biography of the Artist, designer or design group
— Historical or cultural context
— Description of their design methodology, process, or approach
— Description of their contributions to the discipline
— Close reading of at least 3 projects/ peices , with a detailed case study of why the work was noteworthy.
— Presentations should be 10 minutes long and presented visually, prepair to lead a 15-20 minute discussion after

Final Grade ︎

-Class participation
Reading discussion 10%
Critique 10 %

-Project 1 15%

-Project 2 15%

-Project 3 20%

-Exercises 15%

-Presentations 15%

COURSE POLICIES ︎

Attendance

The class is an intensive course that covers a wide territory of technical and conceptual content. Attendance is critical to successful completion of the course. More then three unexcused absenses will result in a letter grade deduction.

Cell Phones/Computer use

Computers and phones are to be used for executing in-class work but not for other tasks.

Project and Exercise Deadlines

All projects and exercises are due on the assigned date. If you are having technical or material difficulties please communicate this to me as early as possible. Late material may not be accepted.

Intellectual Property

Work produced in courses at the Weitzman School of Design is the property of the student. By participating in a course, each student grants the Weitzman School of Design a nonexclusive right and license to use, copy, distribute, display and perform such work in any and all media for educational, programmatic and/or promotional purposes. The School of Design will exercise care with respect to student-created materials submitted in conjunction with a course; however, the School of Design does not assume liability for their loss or damage.² (p. 45 Student Handbook School of Design) Academic Integrity The University Code of Academic Integrity is online at: http://www.upenn.edu/academicintegrity/ai_codeofacademicintegrity.htmli

While there are a wealth of examples of art works that challenge the foundational tenets of authorship, originality, fidelity and authenticity, students should independently familiarize themselves with the Code. Please recognize that the work produced in the course will be considered your own work and thus each artist/student must be prepared to discuss, defend and address their methodologies including any intentional mimicry, reproduction and/or sampling of already existing material.

Individual Accommodation

In compliance with Penn policy and equal access laws, I am available to discuss appropriate academic accommodations that may be required by any students with a disability. Requests for academic accommodations need to be made during the first two weeks of the semester, except under unusual circumstances, to arrange reasonable accommodations. Students must register with Student Disabilities Services (SDS) for disability verification and for determination of reasonable academic accommodations. If something comes up during the semester, reach out to me for a time to meet and we can find a solution together.

Office Hours

Tuesdays 9-6, or upon request. Email to set up a time 2 days in advance minimum.

Week 3 Composition and Form

o Monday , September 9th

Discussion of readings:

Charles Eames interview, What is Design ?
Robert Bringhurtst, First Principles p.17-75
Intro Design Prinicples and Short Exercise ( To be reviewed in class)

Introduce First assignment
Studio time

o Wednesday, September 11th
Figma Demo
   Studio time

   First round of exercises due by end of class
Submit HERE

Week 4 Composition and Form

o Monday, September 16th

Discussion of reading:
Siane Ngai, Zany, Cute, Interesting: Our Aesthetic Categories (Introduction)

Studio time

o Wednesday, September 18th

    Studio time

Week 5 Composition and Form

o Monday, September 23th

Color Theory Lecture
Reference material
Optional Reading: Pamela Fraser, How Color Works

Studio time

o Wednesday, September 25th
Liz Lerman’s Critcal Response Practice
Work in Progress Group Critique: Post progress of project before class

Week 5 Digital Image making: within a frame

o Monday, September 30th
Assignment #1 due before class

Discussion of readings:

Susan Sontag, Against Interpration

A.L. Stiner

Derrick Woods-Morrow

Milagros de la Torre

Introduction to Adobe Photoshop, Demo + exercises

o Wednesday, October 2nd
First round of presentations
Studio time

Week 6 Image Making

o Monday, October 7th
Discussion of Reading

Roland Barthes, The Rhetoric of the Image

Introduce second assignment

Studio time

Complete Photoshop exercises by end of class

o Wednesday, October 9th

Studio time

Week 7 Image Making

o Monday, October 14th

Discussion of Readings
The Digital Image and the PleasurePrinciple:
The Consumption of Realism inthe Age of SimulationHamid van Koten
Leo Steinberg, Flatbed picture plane

Studio time

o Wednesday, October 16th

Second round of presentations:
Mekides
Lyean

Studio time

Week 8 Image Making

o Monday, October 21rd

Studio time

o Wednesday, October 23th

Group Critique: Post in progress assignment before class

Week 9 Moving Image and Choreography:Communicating with Time, Motion, and Sound

o Monday, October 28th

Assignment #2 Due before class

Discussion of readings and screenings

Video lnstallation Art:
The Body, the lmage, and the Space-in-Between

o Wednesday, October 30th
Introduction to Adobe Premier and Demo + exercises
Third Round of Presentations:
Yvonne
Sky

Week 10 Moving Image and Choreography

o Monday, November 4th

Complete Premier exercise
Introduce third assignment

Studio time

o Wednesday, November 6th

Forth Round of Presentations:
Lenox
Sphia

Discussion of Readings

Practices of Looking introduction

https://www.thecut.com/2018/05/lil-miquela-digital-avatar-instagram-influencer.html

Studio time

Week 11 Moving Image and Choreography

o Monday, November 11th

Studio time

o Wednesday, November 13th

Fifth Round of Presentations:
Megan
Jose

Studio time

Week 12 (short week!) Moving Image and Choreography

o Monday, November 18th

Discussion of Readings + screenings

Practies of Looking

Ch. 2 p.51-66, 74-86 120-132

Ch.6 240-247

Ch.8 316-322

o Wednesday, November 20th

Final Round of Presentations
Alice
Erin

Stuido Time

Week 13 Moving Image and Choreography

o Monday, November 25th

Jamal J. Elias, Meaning, Modernity, and Shifting Signifiers

Alana Clarke, Exploiting The Web as a Tool for Democracy: New Ways Forward in the Study and Practice of Digital Democracy, World Forum for Democracy

https://forensic-architecture.org/

Studio Time

o Wednesday, November 27th
Thanksgiving break bye!

Week 14 Reviews

o Monday, December 2st

Extended Final Crit

o Wednesday, December 4rd

Extended Final Crit

Week 15 Wrap up and Group Discussion

o Monday, December 9

Final class- group discussion and goodbyes ︎︎︎︎︎

Workflow + File Managment ︎

The importance of good workflow

“Does workflow really matter? Don’t stifle my creativity!”

If this was a thought you were halfway to having when you began this assignment, hopefully the horror stories above will have gone some way to persuading you that, if nothing else, a decent design workflow will save you a lot of embarrassment and awkward conversations.

But more importantly, using solid working practices as a designer will allow you to work more quickly, more efficiently, and to a higher standard. The clarity of a good workflow can even bestow extra clarity on your creative process, too.

Five workflow principles

1. Follow a clear process

Whatever kind of project you’re working on, and no matter how big or small it is, it’s important to follow a rigorous design process.

The design process varies from one design specialism to another, and it can (and should) be adapted to the needs of the individual project or design problem.

2. Take notes

Whether you’re talking to a client, a contractor, or your collaborator, make sure to take a note of important points there and then. These could be instructions, ideas, technical requirements, deadlines — anything.

Keeping notes in a structured way — for example, in the same notebook or notes app, with a date and title for each new note — will help you to go back and find the information you need.

Having a record of meetings, phone calls, and any decisions agreed with others, can also be helpful if there is any disagreement later in the process.

It can sometimes be difficult to take notes at the same time as holding an engaged conversation with a client. If you find this to be the case, you could ask a colleague to join the meeting and note things down, or even ask the client if they would be comfortable with you recording the discussion.

Note that some people will be uncomfortable with being recorded, and even if they agree, it will sometimes mean you get less candid information.

3. Keep all project materials in the same place

When you begin a new project, create a new folder on your computer where you will save everything related to it.

If you also gather paper documents during the project, keep these together, too — we find a simple, reusable folder works well. It’s also a good idea to scan in notes and other materials, so that you have a digital copy and can use them when you’re away from your desk.

If you’re using cloud-based software like Figma, you can organise your files there too — either by creating a folder within the app, or by using the same keyword in the all the filenames relating to the project. Doing this makes it easy to search for that keyword and find all your project files.

4. Invest time in managing your design files

Although it is boring, and can feel a lot like busywork, there is genuine value in keeping your design files neat and tidy.

This means both having a consistent system for naming files, and observing good practices for organising the work within each file.

It will help not only the quality of your work, but also colleagues and clients who might need to access and understand your files.

5. Back up, back up, back up

Finally, back up all your work as often as possible, ideally in more than one place.

To back up files that you keep on your computer, you can sync them to a cloud storage service like iCloud or Google Drive. You can also back them up to an external hard drive, which we recommend you encrypt and store separately from your computer.

For cloud services, backup options vary between different tools. In the case of Figma, you are able to download any project as a .fig file by selecting the “File” menu, then the “Save as .fig” option.

5 file management tips

1. Name your files consistently

There are many systems you can use to name your files. The most important thing is that you choose one system, and use it consistently.

We like to include a date in the filename itself, because “date modified” or “date created” can become unreliable when files are moved between different drives and computers.

We also like to structure dates like this: YYYY-MM-DD (for example, 2020-10-30), and then put that at the start of the filename. This means that sorting alphabetically by filename will give you a reliable chronological list of files. Here’s an example:

2020-09-07BaselineProjectBrief.pdf
2020-09-11BaselineMeetingNotes.pdf
2020-10-03BaselineMoodboards.sketch
2020-10-04BaselineMoodboards v2.sketch

2. Name and group objects and layers

Most design software, including Figma, Sketch, Photoshop, Illustrator, and InDesign, uses objects and layers like text, shapes, and images. Each layer has a name, which usually defaults to something like “Rectangle 1”, “Text layer”, etc.

Here are two simple steps you can take to keep your file organised and understandable.

Keep elements grouped. When you create a visual or logical group within a design, it’s usually a good idea to group those elements together in the software, too. To create a group in Figma, select the objects you want to group together, and then press command G on Mac, or control G on PC.

Selecting multiple elements in Figma

Multiple elements after being grouped in Figma
Give groups and frames meaningful names. Particularly in large files, having thousands of groups called “Group” and hundreds of frames named “Frame” can become pretty baffling — so give all your groups and frames names that describe their content or explain their function. To rename anything in Figma, select it, and then press command R on Mac, or control R on PC. You can then type in the new name.

3. Save file versions regularly

In Figma, periodically saving versions of your work can be as simple as duplicating the frame you’re working on, so that you can look back at previous iterations.

Alternatively, you can select the File menu, and then click “Save to version history”. In other software, you can simply make a copy of the file you’re working on, and add a version number to the file name.

How you do this will depend on the software you’re using. For example, Figma has the option to “save to version history”, which will allow you to go back to that version without having to save a separate file.

However, with more traditional software like Photoshop, Illustrator, and InDesign, to save a separate version, you’ll need to create a duplicate file.

We recommend doing this any time you make significant changes. Keeping these versions can also be helpful for documenting your process, whether that’s for presentation to a client, or for inclusion in a case study for your portfolio.

When saving a version of a file, we recommend including both an updated date and a version number in the file name, for example:

2020-11-02 ArtsMagazinev3.indd
2020-10-27 ArtsMagazinev2.indd
2020-10-24 ArtsMagazinev1.indd

4. Be careful when inserting images

Pasting a lot of photos or other raster images into a design file can create very large file sizes, which can make your computer run slowly or, for cloud services like Figma, result in slow load and save times.

In Figma, Sketch, and Adobe XD, aim to avoid pasting in too many photos. Generally you’ll be using these packages for interface design, so it’s unlikely you’ll need to use a lot of photos.

In Photoshop, creating a lot of raster layers in the same file can cause problems because of the way Photoshop manages computer memory. For example, if you create an animated GIF with lots of frames in Photoshop, you can encounter “scratch disks are full” errors. (We’ll come back to creating GIFs in Photoshop later in the course.)

Following these steps means that InDesign + Photoshop creates a “link” to the image file, instead of saving the image inside your InDesign file. This will prevent your file getting too big, and it will also help printers when you send your file away for print.

5. Use styles, components, and page masters

Most design software allows you to create styles, components, and templates for design elements that repeat. For example, you can set up a text style for headings. Doing this means that if you want to change the heading font, for example, you only need to edit the style once, and all the headings in your document will be updated automatically.

Similarly, in tools like Figma, you can create “components” that allow you to repeat a group of elements — say, a button design — and just make changes to the master copy to update it throughout a design. And in InDesign, you can use “page masters” to maintain consistent layouts from one page to the next.

In conclusion...

Although typing filenames and naming layers can be boring and feel like needless admin, good file management has tangible benefits to you, your colleagues, and clients. Start as you mean to go an, and adopt these practices today!