GD 220 / Spring 2010

Maryland Institute College of Art / Prof Callie Neylan

Final Critique Schedule.

Well, here we are. The end of the semester. In order to make critiques more manageable, we’re breaking our final one into six sections. Here’s the schedule for tomorrow night:

Group 01
6:00 – 6:30

Wednesday Trotto
Lauren Atha
Becky Winslow


Group 02
6:30 – 7:00

Paige Rommel
Zoe Zoe Sheen
Justine Smith
Jade Sturms


Group 03
7:00 – 7:30

Alan Morris
Lorraine Nicoletta
Emily Ragle


Group 04
7:30 – 8:00

Sam Kittinger
Emily Long
Katy Mitchell


Group 05
8:00 – 8:30

Logan Eadon
David Carpenter
Rivkah Khanin


Group 06
8:30 – 9:00

Victoria Venditto
Heda Hokschirr
Kamau Collins



Filed under: Uncategorized

CSS exercise (due April 27).

Visual Hierarchy + Grid + CSS Exercise

  • 1 To learn the basics of CSS.*
  • 2 To create effective typographic hierarchies using white space based on a grid structure.

* Set up server space for yourself online; you should get free server space from MICA. These files will need to be turned in as a URL, with the five compositions linked together (I already created this linking structure for you in the bottom of the lesson.html file). You also need to create a free Typekit account before you come to class next week.


  • 1 Use the base HTML and CSS files linked here.
  • 2 Use only one type family for all five of your compositions.
  • 3 Use only one type size for all five of your compositions.
  • 4 All type should be set in Roman.
  • 5 All type should be set horizontally.
  • 6 Create five compositions that use white space to create effective visual hierarchies (You will do this by modifying the position of your div tags).
  • 7 For these compositions, define which elements should be primary in the visual hierarchy, which should be secondary, and which should be tertiary; i.e., what information do you want the viewer to read first, second, then third? Using the same classification for each composition, use white space to create variations on your visual hierarchies.

Here is an example (the numbers are for illustrative purposes only to show what I mean by hierarchy levels)..


Theatre Exile

by David Harrower
Directed by Joe Canuso

Featuring Pearce Bunting and Juliana Zinkel

February 5 – March 1

Plays and Players Theatre
1714 Delancey Street

“Compelling and devastating drama.” – The New York Times

Filed under: Uncategorized

For Tuesday, April 20.

For your kit of parts on Tuesday, you need to have:

1 Three concepts for your logo and or / logotype. Bring in the sketches you used to determine these three concepts.

2 Your kit of parts, with at least five “parts” (see Step One in the Project 04 / Identity System + Kit of Parts).

3 At least five icons created from your parts (see Step Two in the example).

Applying the kit of parts across various media as mentioned in Step Three will be the second part of this assignment.

Filed under: Uncategorized

Due April 13.

For next week, bring your animated dialogue. If your dialogue is really long, you may shorten it, but it should be at least 30-45 seconds long.

These can be posted as an animated gif, a .swf file (this is what you will save as if using Flash), or a Quicktime video. Upload these files to a server and post the link here (you should have your MICA server space activated by now). You may also bring the file to class on a hard drive, as long as you get to class early enough to post to the projector Mac before class.

Also, I updated the project sheet for the kit of parts (see side rail).

Email myself or Wesley with any questions.

Filed under: Assignments, Project Three, Uncategorized

What’s due next week.

Due Saturday, March 27.

The dialogue, description, and keywords you will be using for Project 03 (see under “Requirements” in the project sheet, linked in the column at right).

Submit these as a comment to this blog post. Do not email them to me. If you have problems posting, let me know.


Due Tuesday, March 30.

01 For your final Project Two submission, I want to see iterations on the comps you showed on 3/23, integrating suggestions made during critique, as well as any typographic inspiration you may garner from sites like these that use beautiful typography inspired by publication design:


The Daily Beast

T Magazine

The Bold Italic

Please post these to Flickr and bring printed copies to class for critique.

02 Storyboard sketches for your motion piece. These can just be rough sketches at first, using this template to print out and sketch on. Or, you can just use a sketchbook, manually creating the template.

Here are a couple of storyboarding tutorials and a storyboard template. Like a schematic and wireframes for websites, a storyboard is a planning tool used to create films and for this assignment, motion design. Obviously, your “actors” will be type and words, not people:


Four-Minute Film School: Storyboarding

Filed under: Uncategorized

Pencil 2 Pixel.

Next Wednesday evening, March 31, AIGA Philadelphia is holding this event. If there’s enough interest, maybe we could form a carpool?

Pencil to Pixel Pencil to Pixel: Making the Transition from Print to Interactive
Making the Transition from Print to Interactive

Designing for the interactive world can be very complex. Getting started can feel intimidating when the technology is a moving target. The good news is that if you already design for print, you are armed with many of the skills you will need to not only make the transition, but to give yourself the competitive edge. Discover how you can leverage the fundamental skills you already possess to bring your concepts to life for interactive experiences.

Filed under: Uncategorized

Project Two.

Just posted: your next project sheet (Under the “Project Sheets” link to the right).

To help you prepare for this project, here are some articles to read on wireframing:

The What, When, and Why of Wireframing

The “Boxing Glove” Wireframing Technique

Grey Box Methodology

also, a supplemental reading on service design:

Design Council: What is Service Design?

Filed under: Uncategorized

Post blizzard.

Hey, everyone.

I went through some of the matrices posted Flickr while in Savannah but was then having connectivity issues, plus a delayed flight back to Baltimore due to the snow. But I just went through the remainder that are there, posting where I felt comments were warranted. Part of Tuesday’s class will be working studio time, with your final money designs now due on February 23. However, your rhetoric examples are still due in class this Tuesday, February 16. Be prepared to present your examples, speaking to their specific rhetorical device references.

Also, note that I posted a couple more interesting articles in the “Articles/Resources” section that have to do with money design.

Filed under: Uncategorized


This is the course blog for GD220, Spring 2010 at MICA. My name is Callie. I will be your instructor.

In general, I don’t bite. I might growl, though, if you don’t do your work, if you do your work but it is sloppy, if you send text messages during class, or if you email me the night before class with a lame excuse for why your project isn’t done. If you’re repeatedly late to class, I might growl and bark.

I love design. I eat, breathe, sleep, and dream design. I expect the same from you.

Filed under: Uncategorized