GD 220 / Spring 2010

Maryland Institute College of Art / Prof Callie Neylan

CSS Exercise, Part Two (Due May 4).

For your final CSS exercise, create five more compositions using the same text listed in the first part of the assignment. Again, you will be using limited design elements to create effective visual hierarchies.

In addition to using white space as you did before, this time you are allowed to use the following additional elements: type size and style (i.e., bold, all caps, or italic).

So, for this second assignment:

  • 1 Use the base HTML and CSS files you’ve already created.
  • 2 Use only one typeface for all of your compositions. This must be a typeface pulled into the file via Typekit, as Wesley demonstrated in class.
  • 3 You may use no more than three type sizes for your compositions.
  • 4 You may use either bold and/or italic in each composition.
  • 5 All type should be set horizontally, although if you wish to experiment with CSS to set type vertically, you can.
  • 6 Create five compositions that use white space, type scale, and type style to create effective visual hierarchies.
  • 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.

Filed under: Assignments

CSS exercise (due April 27).

Visual Hierarchy + Grid + CSS Exercise
Objectives

  • 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.

Requirements

  • 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)..

_____________

Text
Theatre Exile

Blackbird
by David Harrower
Directed by Joe Canuso

Featuring Pearce Bunting and Juliana Zinkel

February 5 – March 1

Plays and Players Theatre
1714 Delancey Street
215-218-4022
theatreexile.org

“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.

1 By Sunday night (I’m not requiring this, just giving you a chance for interim feedback), post black and white versions of your storyboards. Also, please post links to video or audio clips of your dialogue if you have them.

2 For Tuesday, bring your completely fleshed out storyboards to class, printed on 11×17″ paper. These final versions can have color added, of course.

3 Bring the festival or cultural institution you’ve chosen to create an identity/kit of parts for.

Filed under: Project Three,