Home
Syllabus
E-mail Class
E-mail Craig
Resources
Journal
Discussion
Assignments

Schedule
January
February
March
April
May

Logo, Web-site Banner, and Icon

Second Assignment - due Tuesday, February 19

Submission Directions | Resources

In this second assignment, you'll create a logo, Web-site banner and icon for the Web site of a client (an organization, business, class, etc., or perhaps for yourself). You will produce these four graphics using Photoshop, and may combine non-optically created graphics, photographs, scanned images, text, etc. Though I'm not requiring you actually to work with your client for this assignment, my ideal would be for you actually to give these four images to your client for immediate use on Web sites and possible adaptation to stationary and business cards.

Be sure to read the article on logos from webreference.com and refer to its ideas and techniques in your self commentary.

Your work will be evaluated for how well the four graphics work technically (for Web readiness, speed of loading, readability), creatively (for how it utilizes the principles of design) and rhetorically (for its appropriateness for the client and audience). The three graphics are distinguished by their relative sizes and different uses:

1. The Logo (for the Web)logo example

The logo (for the Web) is a full-sized combination of visual and verbal elements combined to brand the site, appeal to the intended audience, and set the tone for the site. The logo could be used anywhere in the client's Web site where an institutional "signature" was rhetorically appropriate.

2. The Logo (for print)

This version of the Logo (for the Web) would need to be readable and appealing in black and white for use on business cards and stationary.

3. The Banner (for the Web)

This graphic would use the elements of the logo in a banner meant to appear at the top of the home page, or perhaps at the top of all the pages of a site to unify them. An example would be the "Practical Graphics" banner at the top of this page.

4. The Icon (for the Web)

The icon is a small graphic (about 20 pixels square like this star), which could be used by your client throughout the Web site as bullets, end marks to provide visual continuity and continued branding. The icon should visually refer back to a key element (or elements) of the logo--dominant colors, letter, graphic designs--but be identifiable and attractive in this very small size. For more samples, look in the tray at the bottom of your Windows screen at the line-up of programs you have open or available. The icon will probably best be saved in as GIFs.

An important part of this assignment is also writing a self commentary, which will be due at the same time as the logo. The commentary will be your chance to explain how each of these graphics work well technically, creatively and rhetorically.

Submission Directions for the Logo, Banner, Icon

A. Save your images as the following file names. I would suggest saving a version of them on your disk with these names so you'll know which versions you submitted. You will also have the option to give the files these names when you upload them via the drop folder:

1. Logo for the Web:
weblogo.jpg (or .gif)

2. Logo Version for Print:
printlogo.jpg (or .gif)

3. Web Banner:
banner.jpg (or .gif)

4. Icon:
icon..gif

B. When you go to the drop folder, you will be asked for your UMD userid and password, which will enable you to upload your images, one at a time, to the drop folder. If you have questions or problems, please see the directions for using UMD's Web Drop folder or contact the administrator, Barbara Johnson at :bjohnson@d.umn.edu or 726-6862.

<top of page>

Resources for the Logo, Banner, Icon

<top of page>