Multimedia 463  ::  Graphic Design for Multimedia

Assignments


Mon, Oct. 14 – Logos II

Summary

We'll break up into teams, look at 4 examples of logo redesigns, and discuss our thoughts.

Case Studies

Read the articles, analyze the imagery, and skim through the comments to look for insights.

Reading

Back to top


Wed, Oct. 9 – Logos I

Summary

The logo is the face of any brand — the very first impression — so its design is extremely important. Like any line of work that involves a set of specific skills, logo design requires plenty of practice and experience for it to be successful; knowledge is definitely power for any graphic designer.

The Process

Assignment: Design Challenge #2

Choose a company and redesign their logo. Submit both the final artwork and a photo or scan of your sketches. Be ready to present your logo and discuss it. Due Wed., Oct. 16.

Back to top


Mon, Oct. 7 – Brand Identity Design

Summary

A logo is not your brand, nor is it your identity. Logo design, identity design and branding all have different roles, that together, form a perceived image for a business or product. Many people believe a brand only consists of a few elements – some colours, some fonts, a logo, a slogan and maybe some music added in too. In reality, it is much more complicated than that. You might say that a brand is a "corporate image".

What is brand? – The perceived emotional corporate image as a whole.
What is identity? – The visual aspects that form part of the overall brand.
What is a logo? – A logo identifies a business in its simplest form via the use of a mark or icon.

Reading

Back to top


Wed, Oct. 2 – Layout and Composition II

Summary

On the web we typically deal with a lot of information, and in order to make that information easy to digest we need to lay it out in a logical manner. Using grid-based design can help us logically position elements on the page and save time by giving us a guide.

Resources
Reading
Assignment

For Monday, Oct. 7. Bring in an example of a logo you like, and one you don't like. Be prepared to show them and talk about why you chose them.

Back to top


Mon, Sep. 30 – Layout and Composition I

Summary

Page elements must not, of course, be designed or organized haphazardly. Content must be intelligently composed, and composition is defined by the information hierarchy, which is defined with, you guessed it: contrast.

In a layout, contrast helps lead the reader's eye into and through your layout. Each component of the page, graphic, textual, or interactive, has a job to do, and each of those jobs falls within a hierarchy that's specific to the project at hand. Furthermore, each component is but a piece of the overall project message and objective. With creative uses of contrast, you can influence user choices and compel specific actions.

Types of contrast:

Basic layouts:

In-class Activity

Design a single visual composition for a Norway tourism ad. 8.5" x 11" @ 72dpi. Find an image from Google or another source.

Reading

Back to top


Wed, Sep. 25 – Typography II

In-class Activity

Project 1 (Event promo): Whitewater Rafting event

Project 2 (Nike ad): Somehow we've come to believe that greatness is only for the chosen few. The truth is, greatness is for us all. This is not about lowering expectations – it's about raising them for every last one of us. Greatness is not in one special place, and it's not in one special person. Greatness is wherever somebody is trying to find it. Find your greatness.

Reading
Assignment: Design Challenge #1

Due Monday.

Back to top


Mon, Sep. 23 – Typography I

Summary

Developing your own skills in typography will take time and it can be one of the hardest things to get right. It is best to get a solid understanding of the basics as soon as possible in your education and career. Good typography comes from paying attention to tiny details as this can make the difference between graphic design work that is just acceptable or very good. However, there is more to it than just choosing typefaces and making copy look good – it is also about making things legible and readable (some of most basic functions of good typography) as well as making layouts look aesthetically pleasing.

Guidelines for choosing typefaces:

Download the Typography slides

Reading
Assignment: Design Challenge #1

Choose 5 words. Using only the characters of the words, illustrate the meaning of each word. You can skew or distort the characters, but you cannot draw any other shapes/lines. You can also use other words to help make the point. Use only black text, no color. Due Monday, Sep. 30. View examples

Back to top


Wed, Sep. 18 – Color Theory 101

Summary

If you are involved in the creation or design of visual documents, an understanding of color will help when incorporating it into your own designs. Choices regarding color often seem rather mystical, as many people seem to base decisions on nothing other than "it looks right." Obviously, we want to avoid this type of decision making, so learning why some colors work well together and others do not is crucial in creating an effective design.

Color Schemes
Color Tools
Reading

Back to top


Mon, Sep. 16 – Web vs. Print

Summary

Designing for web and designing for print share many similarities. Both follow the elements and principles of art (unity, space, color, value, movement, flow, and so on) as well as the elements and principles of design (typography, simplicity, hierarchy, information, focus, aesthetics, and so on).

The main difference between designing for the web and designing in print is user interaction. In print, you usually only need to design one page and draw the user's attention to what is important. In web, you need to design a whole site and not only draw the user's attention, but get them to stay and peruse your website. The poster is static and its viewer passive, but the webpage is dynamic and interacts with its user.

The implications of this element of interactivity are far-reaching — which is why "web design" is not a single field, but actually made up of many disciplines that specialize in different things:

Reading

Back to top


Wed, Sep. 11 – Designing for Your Audience

Summary

User centered design is an approach that tkes into consideration who our audience is, what their behaviors are, and what it's like to use a website from their perspective. Rather than design according to our own personal preferences and experience, we want to create soething that is as easy to use as possible for the intended audience. Some of these principles include:

"Usability" is a quality attribute that assesses how easy user interfaces are to use. The word "usability" also refers to methods for improving ease-of-use during the design process. Usability is defined by 5 quality components:

Reading

Back to top


Mon, Sep. 9 – The Design Process

Summary

Commercial graphic design serves business objectives - it's not fine art. You'll never start with a white piece of paper because you have to consider the message to be communicated, the audience you communicate it to, and any number of constraints imposed by the medium you're working in and the client's existing brand identity.

A good graphic design process is structured around ensuring the client gets the highest quality solution and service appropriate to their business, marketing or communication problem. There are four major steps involved in graphic design:

  1. The Brief
  2. Brainstorming/Sketching/Wireframing
  3. Artwork
  4. Production
Documents
Reading

Back to top


Wed, Sep. 4 — Course Introduction

Summary

Course overview and format, syllabus. Details on semester project will be available next week. Bring a pencil, pen, and some paper to each class for sketches and notes. You might want a sketch book or some graph paper - it's up to you. The calendar of topics may shift around a little bit in order to focus on certain areas.

Assignment

Fill out this questionnaire

Reading
Review Reading

Back to top