Wednesday, November 14, 2018

Deck of Cards Based on a Representative Artist or Designer


Design a deck of cards based on the aesthetics and stylistic cues you take from the work of a fine artist or designer chosen from the list below.

You must use Illustrator for this assignment.

You must think about the typeface you use as well as the graphic elements you create in order to communicate to the viewer the visual language of your artist.

You are not using images of the artist's work.  You should reinterpret their aesthetic through your design.

Although you can use any color you like you should develop a limited color palette to make your project more cohesive.

You need to design the packaging for your deck of cards as well.

Below you will find a basic diagram which outlines all of the elements of the deck of cards that you are required to design.  Keep in mind that the King, Queen, and Jack of each suit needs to look different from the King, Queen, and Jack of the other suits.  The Royal "Diamond" family looks different than the royal "Heart" family (see example directly below).  It is NOT enough to simply vary them by color.





Think about how you present your design.  The size of your layout is up to you but make sure that your package design is the same scale as your cards.  For example, if you cut out your package design and put it together and then cut out your cards they should fit in your box perfectly.

Please post 1-3 images from your artist or designer that were specific inspirations for you in your blog.

YOU CANNOT USE THE "IMAGE TRACE" FUNCTION IN ILLUSTRATOR.

YOU HAVE FIVE IN-CLASS PERIODS TO WORK ON THIS PROJECT.  IT SHOULD BE POSTED TO YOUR BLOG BY THE START OF THE CLASS WEDNESDAY DEC. 5TH.  I AM GIVING YOU THIS AMOUNT OF TIME TO WORK ON IT BECAUSE I BELIEVE THIS IS THE AMOUNT OF TIME YOU NEED TO DO A GREAT JOB.  IF YOU DON'T USE THIS TIME WISELY IT IS VERY OBVIOUS WHEN YOU PRESENT YOUR PROJECT.



  

Artists/Designers:

Yusaku Kamekura
Saul Bass
Paul Rand
Wes Wilson
Alexander Rodchenko
El Lissitsky
Alvin Lustig
Milton Glaser
Victor Vasarely
Lucian Bernhard
Paula Scher
Joan Miro
Marcel Duchamp
Cindy Sherman*
Barbara Kruger*
Yayoi Kusama
April Greiman
Mary Blair
Kenny Scharf

*The work of these artists is largely image-based.  If you take YOUR OWN photos you may use them in conjunction with vector-based symbols and typography for this project.

DIAGRAM OF PROJECT REQUIREMENTS:


________________________________________________________________________





UWF STUDENT EXAMPLES:


BY: DAVID WANSING DESIGNER: MILTON GLASER




BY: CASEY HERMAN ARTIST: PAULA SCHER





BY: TANNAH SHUKRI ARTIST: KENNY SCHARF




BY: EMILY KHANDJIAN ARTIST: CINDY SHERMAN

_______________________________________________________________________

FINAL FORMAL PRESENTATION WEDNESDAY DEC. 5TH:
For the final critique you will present your project from the lectern.  You should prepare what you are going to say.  Talk about your design process and overall concept and how you achieved a consistent visual language.

______________________________________________________________________

IMPORTANT DATES & FINAL CLASS REQUIREMENTS:

-You must have all of your files (.ai,.png,.jpg) uploaded to the shared Google Drive folder for this class by Midnight Friday DEC 14th.
-All projects should be posted to your blog by midnight Friday DEC. 14th. Any revisions to previous projects must be posted to your blog by Midnight Friday DEC. 14th.  Please post them in the original post and label them as a revision.
-We will not have class during exam week (DEC. 10th-DEC. 14th) but you will have access to the computer lab during our regularly scheduled class time and for the posted lab hours.







Monday, October 29, 2018

Poster for PechaKucha Night Pensacola

Create an 11" x 17" poster for PechaKucha Pensacola

The copy that MUST appear on the poster is:

PechaKucha Night Pensacola
Volume 10
March 8, 2020
6:00 pm
First City Art Center
1060 North Guillemard St, Pensacola FL 32501
www.facebook.com/pechakuchapensacola

The layout of your copy is very important.  Carefully consider the size of your type and its spacing.  It shouldn't necessarily all be the same size. Consider the visual hierarchy of your typography. Your typography needs to be integrated into your overall design. It should NOT be an afterthought.

IN ADDITION TO THE COPY YOU MUST INCLUDE THE "PECHAKUCHA EMBLEM" SOMEWHERE ON YOUR POSTER. YOU CAN FOLLOW THIS LINK TO THE FILE: 

Pecha Kucha Emblem
(YOU CAN CHANGE THE COLORS AND BACKGROUND SHAPE. DO NOT CHANGE THE FONT.) You can scale it up proportionally but you can't scale it down.

PechaKucha Night logo
(YOU ARE NOT REQUIRED TO USE THIS LOGO BUT YOU CAN.)


Before you begin you should do some research.  Think about who your potential or target audience is. There is information at pechakucha.org.

You can use Photoshop, Illustrator or Indesign to create this poster but make sure that NOTHING APPEARS PIXELATED!!!!!! YOU MAY USE THE IMAGE TRACE FUNCTION IN ILLUSTRATOR IF THE IMAGE YOU ARE USING IS ROYALTY FREE OR AN ORIGINAL IMAGE OR SKETCH.

In accordance with professional practice you must insure that any images you use are legally acquired.  If you are using images from the internet then you must show that there is no copyright infringement by providing a link in your blog post which has information on the copyright free/ royalty free status of your image.  Here is a link to the Creative Commons website which can aid you in this task:

Of course, the easiest way to avoid any problems with copyright infringement is to take the photo yourself.

Your poster needs to intrigue and inform the local community about PechaKucha Pensacola.

Please include any preliminary sketches for your poster in your blog post.

CRITIQUE QUESTIONS TO PREPARE ANSWERS FOR:

1. Can you describe your strategy/approach to this project?
2. What guided you to choose the particular imagery, visual elements, color palette and typefaces that are present in your poster?
3. Why would this appeal to a particular crowd of folks?

You have 3 in-class periods to work on this assignment. This project needs to be posted to your blog by the beginning of class on Wednesday Nov.14th ready for critique.  






Monday, October 15, 2018

This is your life… Autobiographical Info-Graphic


This is your life… Autobiographical Information Graphic

This project is based on a project brief designed by Scott Stowell from the School of Visual Arts, NY, NY.

Using Illustrator or Photoshop create an info-graphic that communicates to any viewer the events of a period of time in your life.

There are no size limitations (except for the limitations of the large-format printer) for this project. Your entire info-graphic does of course need to fit on 1 sheet.

Select a period of time from your life in which you were involved in a series of events.
The time period (long or short) and the events are up to you. Do NOT simply draw a map and show a path of places you have lived.

The idea is to explore how to convey personal information using a public and universal graphic language.  No photographs.  Only graphic elements.  Look at the websites on the class blog for Information Design inspiration.  I will be bringing in some books on Information Design for your reference.  Although I am not going to be giving you any color limitations for this project I would establish a set color palette for yourself.  The colors you use should reinforce the message you are trying to convey.  Just because you can use every color in the rainbow doesn't mean you should.

This is a great project for your portfolio.  You may want to consider this in the preliminary concept development phase of your project.

YOU CAN NOT USE THE "IMAGE TRACE" FUNCTION IN ILLUSTRATOR!!!!!!

DUE:  YOU HAVE 4 IN-CLASS WORK PERIODS TO COMPLETE THIS ASSIGNMENT IT MUST BE POSTED TO YOUR BLOG BY THE BEGINNING OF CLASS MONDAY OCTOBER 29TH.




Classic Information Graphic Examples:










_________________________________________________________________________
STUDENT EXAMPLES:




By: Dylan Nadsady





By: Chris Perrault




By: Sarah Chew

__________________________________________________________________________





By: Carly Haller

________________________________________________________________________

 By: Sara Jiron

     ________________________________________________________________________





 By: Tannah Shukri


________________________________________________________________________




By: Bailey Webb



By: Emalee Barr

Wednesday, September 19, 2018

PROJECT 2 - Teach a Martian to Tie a Shoe

"Teach a Martian to Tie a Shoe" or "Pictographic Instructions Without Any Numbers or Text"
PART 1: Using Illustrator create a set of pictographic instructions using an ORIGINAL unifying illustration style that you developed an understanding of when you created your "Icon Set".

Project Constraints:
-Your composition will be 11"x17".

-No words, letters, or numbers can be used in the project.
-Your composition should have a consistent visual language.
-You have NO color restrictions but I HIGHLY recommend that you develop a limited color palette. You should use color as a tool to help the viewer understand your instructions. Just because you can use every color in the rainbow doesn't mean you should. Your color decisions should be thoughtful and show intention.

-Although you will decide the topic of your instructions you MUST stay away from pop-culture and fantasy.  Try to find a unique topic.  Do not choose "How to Tie a Tie".  It is overdone. 
-You may use reference photos to aid you but you may not trace existing illustrations or clip art from the internet.  This is plagiarism. YOU CAN NOT USE THE "IMAGE TRACE" FUNCTION IN ILLUSTRATOR!!!!!!!!!!

PART 2: You MUST get feedback from a colleague/friend on your design. Paraphrase and post this feedback and your consequent actions (or lack thereof) to your blog.  If you make changes to your instructions based on feedback save the original and the revised version of your project and post both to your blog.

YOU HAVE THREE IN-CLASS PERIODS TO WORK ON THIS ASSIGNMENT. THE CRITIQUE WILL BE ON THE CLASS FOLLOWING THE THREE IN-CLASS PERIODS (WED. OCT. 10th) SO IT SHOULD BE POSTED TO YOUR BLOG BY THE BEGINNING OF CLASS. Your 
11 x 17 document should be posted to your blog in .png format.

IT GOES WITHOUT SAYING THAT YOU SHOULD NOT COPY EXAMPLES OF THIS PROJECT FROM THE INTERNET.  THIS IS PLAGIARISM.  USE YOUR OWN ORIGINAL IDEAS.
The following link is from the site titled "A Short Introduction to Graphic Design History".  There is a page on terms for symbols that includes a definition of the pictogram.

Wednesday, August 29, 2018

PROJECT 1 - ICON SET

Icon - a sign (graphic symbol) whose form suggests its meaning
___________________________________________________


CHOOSE FROM ONE OF THE FOLLOWING TYPEFACES:

Baskerville
*Blackletter 
Bodoni Bodoni DL
Century Schoolbook
Cooper Black (referred to as "Cooper Standard")
Didot
*Fraktur
Futura
Garamond
Gill Sans
Helvetica
Optima
Peignot Piegnot DL
Rockwell 
Times New Roman

Typefaces with an asterisk * in front of them are not part of the standard fonts loaded in Illustrator.  Students in the past have found free versions of them and then loaded them on their computer.  Keep in mind that if you switch computers you will need to load that font on your new computer or make sure to "package" your file.

Research the history of your typeface.

Use the alphabet (converted to outlines in Illustrator) to create a set of 8 icons/ pictograms based upon objects, architecture, or industrial/ product design from the time period when your typeface was created. Analyze your typeface's shape, proportions, and characteristics.  We should be able to see your typeface in your icons.

Cut up with the knife tool and reassemble or use the Pathfinder window.

Your icons should work together as a system in the same way that the different letters of your typeface work together.


Your icons should also relate to one another in terms of level of detail and scale.

The Rules:
-Your icons can only be black.
-Do not make icons/pictograms of company logos or two dimensional artifacts.
-Do not change the letters scale individually.  You can only change the scale of your letters as a unit.  For instance, you can NOT use pieces of both a 5 point and a 72 point letter in your icons.  Pick one size for all icons.
-Do not skew or distort the letters.
-Do not fill in the counters (the spaces inside the letters).
-Do not change the underlying path of the letters.
-You can reflect/mirror elements in your composition.
-You may assign a single color other than white to the background of your entire layout if it supports your overall concept.

This website has information on Pictograms (and the history of graphic design): http://www.designhistory.org


PRESENT YOUR FINALIZED ICONS, the name of your typeface and it's alphabet lower and uppercase ON AN 11 X 17 DOCUMENT.  THINK ABOUT HOW YOU PRESENT YOUR ICONS.  DO YOU WANT A BORDER?  WHERE WILL YOU POSITION THE ALPHABET ON YOUR PAGE?  THIS IS IMPORTANT.

DUE:  You have 4 class periods to work on your icons.  Your icons must be posted to your blog by the beginning of the class Wednesday Sept. 19th.  We will critique your projects at this time.


EXAMPLES:





By: Mary Britton





by: David Wansing



by: Morgan Lewis



by: Alexandria Fritsch



by: Joanna Forrester




by: Kassidy Renick


_________________________________________________________________________



By: Stefani Taylor

______________________________________________________________________










(note: this project is an expansion of Ellen Lupton's class project "Helvetica Nation" for Graphic Design II at the Maryland Institute College of Art)
The project's concepts include:
Working with restraints
Conveying ideas through minimal means
Relationships between contemporary design across disciplines
Relating parts of a set as development of a style


Monday, August 27, 2018

GRAPHIC DESIGN STUDIO 1 - FALL 2018

email: aruddick@uwf.edu




portion of NYC Subway Map - by Massimo Vignelli



IN CLASS ASSIGNMENT FOR FIRST DAY OF CLASS:

1. Create a blog using Blogger (you should log in using your UWF email and password). YOU MUST USE THE "SIMPLE" TEMPLATE!
After you create your blog click on the "view blog" button and copy the web address of your blog and email me the link. Email: aruddick@uwf.edu IN THE SUBJECT OF YOUR EMAIL PLEASE WRITE "GRAPHIC DESIGN STUDIO 1 blog link".

2. Create a folder in your Google Drive account specific to this class and share it with me.  Name the folder "your last nameGRA3102C".  You can access your google drive account from your UWF email.  Look in the upper right hand corner for the tiny grid of 9 squares and click it and select "Drive"  See below.




Monday, April 9, 2018

TIMELINE



FINAL DATA VISUALIZATION/ INFORMATION DESIGN PROJECT

TIMELINE:
The minimum number of timeline entries/increments is 20.
This is due, posted to your blog, by the beginning of class Thursday April 26th ready for your final presentation.


FINAL FORMAL PRESENTATION:
For the final critique you will present your project from the lectern.  You should prepare what you are going to say.  Talk about your design process and overall concept and how you achieved a consistent visual language.
You are going to decide the content of your timeline so make sure the topic interests you. In this project you are not simply tracing the work of another artist or designer. For instance, if your timeline topic includes characters from from an animated series or comic book you need to figure out a way to make them your own work and not the work of the original artist/designer.
For this assignment you are not using photos you must create all of your icons/elements/illustrations in illustrator or photoshop.
AS USUAL YOU CANNOT USE THE "IMAGE TRACE" FUNCTION IN ILLUSTRATOR!

IMPORTANT DATES & FINAL CLASS REQUIREMENTS:

-You must have all of your files (.ai,.png,.jpg) uploaded to the shared Google Drive folder for this class by Midnight Friday May 4th.
-All projects should be posted to your blog by midnight Friday May 4th. Any revisions to previous projects must be posted to your blog by Midnight Friday May 4th.  Please post them in the original post and label them as a revision.
-We will not have class during exam week (April 30th-May 4th) but you will have access to the computer lab during our regularly scheduled class time and for the posted lab hours.



Example from Leah Hathcote:



Example from Chris Edgar:


Example from Emmalee Barr:



Example from Joori Lee:


Example from Melodee Bemis: