≠≠

visual communication
VISC 302

 

  :: syllabus :: banned book list
:: p1: workbook :: p2 logotype :: p3: bookcovers :: p4: conference ::

.................................................................
Professor: Andrea Herstowski
Office: 317 Marvin Hall
Office hours: by appointment
email: herstow@ku.edu

Professor: Alex Anderson
Office: 353 Marvin Hall
Office hours: by appointment
email: alexandersoncreative@gmail.com

.................................................................
:: Research
:- Thinking with Type
:- Typotheque
:- Type Cultur
:- Visual Thesaurus
:- Type Base
:- dailydropcap.com
:- designobserver.com
:- formfiftyfive.com
:- friendsoftype.com
:- ministryoftype.co.uk
:- typographica.org
:- welovetypography.com

.................................................................
:: Short films :: Audio
:- films by Hillman Curtis
:- Type Radio

 


 

::::



 

 


 


 



------------------------------------------------------------------------------------
PROJECT TWO: Personal Logotype
------------------------------------------------------------------------------------

The objective
Create a compelling customized logotype using the initials of your name (2 or 3 letters). The logomark must work on its own, work large, small, in print, on screen and and locked up with your name.

A logomark is an identifying mark or symbol that doesn’t contain the business name. Think of the Nike ‘tick’, Shell, WWF, Mercedes or Adidas for examples.

A logotype refers to words or the name of a business that is designed in a special way. Examples include: Pinterest, eBay, Yahoo, Coca-Cola, Google, CNN, Kodak, FedEx...

You are creating a logotype also could be referred to as a monogram.

------------------------------------------------------------------------------------
The Problem
How you do create a original, customized logotype for for yourself. The logotype must be easily recognizable and work at multiple sizes.

Your task is to find interesting ways to combine and customize two or three letters—into one (memorable) typographic mark/logotype.

The solution should rely exclusively on typography.

-----------------------------------------------------------------------------------
The letters must be customized you can’t just use letters in a font. You have to customize them. No hand lettering is allowed for this project. Only perfectly crafted letterforms.

Examples: Barto

*Chances are you will not use this mark when you put your senior portfolio together. It maybe great now but not in the future. This project is based on going through the design process so that when you do have to make a mark this process is second nature.

You must find ways to combine the letters into an original customized monogram. If we find anything on-line or in books that looks like your solution you will fail this project and not pass the review. HOW do you assure that you are not coping? PROCESS you have to do it and you have to show it all. Every step.

-----------------------------------------------------------------------------------
Project Learning Objectives
_ explore the potential of letterform combinations
_ explore how to customized letterforms based on other letterforms
_ explore how to make customized letterforms using a grid
_ understand primary and secondary font combinations
_ understand and create a clear hierarchy when creating a resume

------------------------------------------------------------------------------------
Project Deliverables
PDF Presentation (final presentation and process)
Design a resume and apply your logotype
Applied as your profile image Instagram (circle)+ animated on Instagram (square)
Applied on as your profile image on Behance (it is a circle)

------------------------------------------------------------------------------------Calendar Overview
February 07, Wed: Workbook Refinements + Monogram Sketches
February 12, Mon: Workbook Due: Monogram Sketches + Resume
February 14, Wed: Monogram Refinement + Resume (design)
February 19, Mon: Monogram + Resume refinement + Animation
February 21, Wed: Refine + Bookcover research
February 26, Mon: Due PDF Presentation, Resume, Instagram animation, 2 Profiles

------------------------------------------------------------------------------------Resources
see the list here

………………………………………………………………………………………………………………………………..
February 5 Monday
Finishing up your Workbook. Deadline moved to Monday Feb 12
Print out letters (you can use this to start) and the grids.

Dallas Competition examples:
sophomore portfolio, workbook, icons, packaging
National Student Show Website

Print out your letters it at least 30 fonts/styles at 100pts tall. Try all caps, all lowercase, reg, bold, light, condensed, extended, italic…you need the variety to make 50! label the fonts so you know what you are working with. You need this to sketch from and you may print the letters out a different sizes but be logical: ex. 50pt and 100pt.

Print out the grid here it is! (or make your own)

………………………………………………………………………………………………………………………………..
February 7 Wednesday
_ Finish Workbook. Refining. Catching Errors. (check project page)
_
Intro to Project Two
_ Start Sketching Logotypes (work an hour a day on them)

Review: Classification according to form and construction.
Watch: Aaron Draplin Sketching 
Watch: Jessica Hische Magic of Logotype 
Watch: George Bokhua: chapter 5: Gridding Logo on Paper
Examples: Letterform Combinations
* More videos on the resource page the list here

Phase 1
Due need to have at least 25 on Monday.
ALL 60 sketches due Wednesday Feb 14 (try to work on these an hour a day every day)

"Looking for opportunities"
Get to know your letters! Classification according to form and construction.

"Getting weird"… Start Sketching:
For this first round of sketches they have to be done by hand. Quick sketches by hand. Working quickly on DIFFEFENT IDEAS -- not the same idea over and over. Use the given font sheets or the grid sheets for all your sketches. You are tracing and manipulating (customizing) the letters based on the font sheets. It should be faster to come up with different ideas by hand. If you work in pencil make sure you trace over your sketches in pen so they are dark enough for everyone to see.

You are expected to create 60 analog (hand drawn/traced) typographic marks. No computer (for this round).

Take risks. There are hundreds of solutions you could do. You are trying to come up with 60 different solutions. Explore. Take risks. Work neatly.. If you work in pencil fill in with a black pen so we can see your ideas clearly.

…………………………………………………………………
prompt 1: 20 sketches (min)
: parts of other letters
You may only the sheets you printed out with your 2 letters in different fonts / styles. You can print off more if you find you are missing styles, sizes...

Questions you need to answer by your sketches
How can you customize the letters into a logotype?
How can you use one letter to create another letter?
How can you make the round letters more square?
How can you make more square letters look round?

Try to make your round letters more rectilinear
Try to make all your straight letters more round
Try combining letters that are from different styles (what is a style?)
Try combining 2 different fonts.
Try combining using different sizes of letters.

…………………………………………………………………
prompt 2: 20 sketches (min): closure principle

Again using the sheets you printed out of your letters in different fonts/styles.

First make several Closure studies. How much of the letter do we need to see? Use the gestalt principle of closure. In this round also look for the form and counterform/ negative space to work out your solution.

Draw several closure studies out on tracing paper so you can layer and quickly sketch.

How can you customize the letters into a logotype?
How can you lock the letters together?
Can they share parts?
Can one letter need the other letter to form itself?

…………………………………………………………………
prompt 3: 20 sketches: using a grid (min)

Using the sheet with grid. You can sketch onto the grid or use tracing paper. If you work in pencil make sure you go back and trace over with pen.

How can you use the grid to construct your letters?
How can you customize the letters into a logotype using the grid to make the letterforms?
How can you use one letter to create another letter?
How can you make letters out of just lines? Single or repeated.
This is where you get to be really weird. Just go for it. Take risks.

If you need to print out more grids? here it is. Or make your own.

Organize all your sketches onto as many 8.5 x 11 sheets (landscape) as you need. Number and Label each sketch. You may have to cut your sheets apart and tape them back onto a sheet to organize them. You will eventually need to scan them all into the computer to put into your PDF Presentation due at the end of the project.

………………………………………………………………………………………………………………………………..
February 12 Monday
Workbook Due: Printed at Jayhawk B/W bound + pdf + and packaged file
You should have a good start on you logotypes
Continue working on Monogram Sketches
Resume: Lecture
Resume Font Studies (see below)

InClass and HOMEWORK
Finish up your 60 different logotypes. Organize them to present in class. Have all your resume content written in a word doc and put it in your google drive folder. *Eventually they all need to be scanned in but for now you don’t have to. Just start scanning when you can.

Take the content below and try 6 different type/style/color studies. *use InDesign not Illustrator for your resume!

*you need 3 - 5 levels of hierarchy. Start with everything at 9pt Reg and change from that starting point. You can use 1 font family or 2 font families. You can try as many fonts as you want (meaning not every study has to use the same font family.

—————————————————————————
TEXT.....

Experience
KU Marketing Communication, Lawrence KS
May 2017 – present
Student Designer
Work with the marking team on the design and production of print and digital content for perspective students of the University of Kansas.

………………………………………………………………………………………………………………………………..
February 14, Wednesday
_ review 60 logotype designs
_ review type studies
_ student example

WATCH presentation video presenting logo

HOMEWORK
— What typeface are you? Try your name in at least 25 diffent ways (fonts, styles, case)
— Put your top monogram 6 ideas into Ilustrator.
— Identify is some way the 3 or so you like best and why.
— Pick your favotate 1 and refine them it least 5 times looking at details. Create Variations.
— Take your favorite 3 and lockup with your name in every way possible at least 10 ways.
— Resume: Design 10 different resume designs (ALL different).

Directions:
What typeface(s) are you?

Put your best 6 logotypes on the computer.

Capture/write down notes on how they are customized and why you think they are the top 6. (should be part of your pdf. Part of the process is you taking notes. Making observations)

From those 6 pick your top 3. Pick the ones you think are the most successful and interesting

Create 5 variations of each of the top 3. *think Draplin
*keep track on what you are doing to customize (make notes)

For each of the top 3 logotypes try 10 different lockups with your name. Do not half ass this step like you did on the airport codes! how do you lock up your name with the logotype. What font works best. Is it all one case? is it all one style? is it as big as your mark? is it small. TAKE your time on this. Think about it. How does the logo and your name now feel like 1 thing? yes you can use shapes, badges, lines. Your mark has to still be the most important element but you can now combine it with a shape, lines...

The variation asks:
How can you make the logotype better? More customize, more consistent or more contrast?

Organize everything while you are working.

Save as a pdf and put on to the pdf google drive.

Print your resumes out black and white so we can see type sizes…

Remember how Draplin works. You are “looking for opportunities. Drag and Duplicate and make changes. Look at the letters and make a decision and then try another. SAVE a lot.

(All of this goes into your pdf Presentation)

………………………………………………………………………………………………………………………………..
February 19, Monday
Monogram context + Resume refinement + Animation

In Class
Review 15 logotypes + 30 locked up with your name + 10 resumes
Pick best mark. Pick best resume and start to refine it.
Test mark on as Behance and Instagram profiles.
Plan animated gif for Instagram and try it out. DIRECTIONS

WATCH presentation video presenting logo

HOMEWORK
Refine final mark
Refine Resume (3 refinements)
Create animated gif (try a few animations before you come up with your final)
Gif size 640px x640pm
READ THE DIRECTIONS !!!!! HERE
(use ezgif.com to convert gif to mp4)
Test on social media! you have to test it before you hand it in.
Start (refine) pdf presentation (don’t wait to start this) see MONDAY Feb 26 for the full list

……………………………………………………………………………………………………………………………….
February 20 TUESDAY Public-Libarary 6pm in the Forum
still on be careful getting to campus!
……………………………………………………………………………………………

February 21 Wednesday
-- Bookjacket Classification
-- Review: Refined Mark, Resume, Animated gifs/.mov files

HOMEWORK
Refine and create deliverables for Logotype project: see MONDAY Feb 26
Use the weekend to go to a bookstore and look at bookjackets and book covers. Take some notes.

(optional)
Start finding 10 examples online (research if you want to get a head start.)
-- BookJacket Project
-- Bookcover Resources

………………………………………………………………………………………………………………………………..
February 26, Monday
Final Resume printed out
Instagram post animated with #2018showupandcare, #kansasdesign
Change your Instagram profile image to your monogram*
Change your Behance profile image to your monogram*
PDF presenation (drop on the server). You will be presenting your pdf in class on Monday
.

Follow this for your pdf presentation
Landscape 11 x 8.5 or WideScreen 1280 by 720 pixels
01. You name and Story or Challenge
*start with the logotype you went with for the final
02. Logo on White
03. Logo spilt screen (on white, on black)
04. Logo on white locked up with your name
05. Logotype on a resume
06. Logo small maybe on your profile
07. Show how your logotype is constructed
08. Storyboard of your animation 3 - 6 frames
09. Next …Logo on White
10. Logo spilt screen (on white, on black)
11. Next …Logo on White
12. Logo spilt screen (on white, on black)
13. All three logos on one screen

Then in the same presenation you need to move onto process organized!

— 60 different logotypes. Organized. Labeled by prompt.
Identify the ones you think are working. Use as many screens as you need to show this step
— Your name at least 25 different ways (fonts, styles, case)
— Best 6 of your 60 put onto the computer (one screen)/identify which 3 you think are the strongest and why.
— Logo 1 refined at least 5 ways
— Logo 1 locked up with your name at least 10 ways (use as many screens as you need to show)
— Logo 2 refined at least 5 ways
— Logo 2 locked up with your name at least 10 ways
— Logo 3 refined at least 5 ways
— Logo 3 locked up with your name at least 10 ways

Animated Gif
Show process of your animated gif/mov (you should have at least 2 different ideas you explored)

Resume process
— Resume content written in a word doc and put it in your google drive folder.
— Resume 6 studies looking for 3 - 5 levels of Hierarchy
— 10 Resume Designs
— 3 Resume Refinements

*You will be able to change your icons/profile images back to your photo or whatever after I grade the project. They are on these social media outlets so we can see if it works small on-screen and in print