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

5 Responses

  1. victoria says:

    Callie, I don’t even think the class has a handle on the first five compositions yet…I know I definitely don’t. Wesley basically told me and a lot of other students we had to start from scratch this week. You want us to do five more by Tuesday, letting us know Friday night, on top of the kit of parts redo and environmental application?!

    Wesley said we probably weren’t going to have any new homework since this project turned into such a nightmare…I really don’t understand.

  2. neylano says:

    Well, I’m just wondering why, if everybody is struggling so much with these, no one is taking advantage of our office hours? Becky met with me last week and was able to get a lot clarified this way.

    The five extra compositions are basically just simple iterations to the last five. I’m at the grad studio right now until 6:00 tonight if you want to swing by for help.

  3. neylano says:

    Also, this blog time is set default to PST; just FYI.

  4. victoria says:

    I’m not sure about anyone else, but I thought I actually had a handle on it until Wesley re-explained the CSS div tags to us and told us about uploading to the server / typekit, upon which I realized I was writing too much in html and didn’t really know what I was doing with CSS or div tags.

    Now I have a basic understanding of CSS, but it’s been taking me a ridiculously long time to get everything to work correctly and coincide with the MICA server. I’m completely new to this program, and had I known we’d be working in it so much, I would have bought a guide on how to use it early in the semester, so the stress and frustration of using an unfamiliar program wouldn’t be on my shoulders on top of finals.

    The five compositions are the same iterations, yes, but they’re still at least 25 more div tags, and I don’t really see what more we’d be learning that we didn’t learn in the first five…

    I know the blog is set to PST, but the email you sent us was dated Friday April 30, 5:45PM.

  5. neylano says:

    The point of repeating the exercise was mostly typographic and learning how to create effective visual hierarchies with minimal design elements. That part wasn’t necessarily about the CSS or HTML. It was strictly design-driven.

    If you had come to one of our out-of-class sessions for tutoring (as others did), we could have helped you work through those issues much more quickly. The choice to struggle through on your own was yours to make. Wesley and I went out of our way to make ourselves available for one-on-one help if you needed it. You weren’t at my or Wesley’s sessions.

    Also, there are many, many great online tutorials for CSS. A guidebook wouldn’t have been necessary, especially given that the assignment was fairly simple and I had created all the base files for you. Dreamweaver wasn’t necessary to know for these exercises, either. Which is why I demonstrated how to create the initial files in simple text.

    In the end, each student is ultimately responsible for their own education. It’s unfortunate this project was so frustrating for you, but again, if you were struggling so much, you should have taken advantage of the additional help we offered.

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s

%d bloggers like this: