https://twitter.com/typographicsnyc?lang=en
Select tweet for Typographics 18 feed and give you impression
Type talk typographics
Leave a reply
Author Archives: John De Santis
Type In Motion TypeTalk
https://www.instagram.com/zach.lieberman/?hl=en
http://dia.tv/
Zach Lieberman’s New App Turns Type into a 3D Object
https://eyeondesign.aiga.org/zach-liebermans-new-app-turns-type-into-a-3d-object/
Bodoni Manual 1818-2018 200th Birthday
Giambattista Bodoni
Manuale Tipografico
Bicentennial
A masterwork of design and typography
Complete Online Volume 1 • Complete Online Volume 2
After 200 years Bodoni’s aesthetic sense serves as a guide to all typographers.
His fame became comparable to that of today’s rock star. Visitors flocked to his print works on the banks of the river Parma, wanting a glimpse of him working in his studio.
Benjamin Franklin, a printer himself, wrote a fan letter. In 1805, even emperor Napoleon and empress Josephine visited the city and asked to see him.
The manual compiles Bodoni’s lifetime of work and his first successful modern typefaces. Bodoni’s typefaces emanate warmth and humanity; they are still used to evoke elegance and strength.
Margherita Dall’Aglio Bodoni five years after Bodoni died, published the Manuale typografico of 1818, the specimen book to end all specimen books.
Published in two volumes, it was over 600 pages long and contained 265 pages of roman characters, “imperceptibly declining in size, romans, italics, and script types, and the series of 125 capital letters; 181 pages of Greek and Oriental characters; 1036 decorations and 31 borders; followed in the last 20 pages by symbols, ciphers, numerals, and musical examples
“Manuale-Tipografico1.jpg” by Giambattista Bodoni is in the Public Domain
Giambattista Bodoni February 16, 1740 [1813 iwas an Italian typographer, type-designer, compositor, printer and publisher in Parma.
He first took the type-designs of Pierre Simon Fournier as his exemplars, but afterwards became an admirer of the more modelled types of John Baskerville; and he and Firmin Didot evolved a style of type called ‘New Face’, in which the letters are cut in such a way as to produce a strong contrast between the thick and thin parts of their body. Bodoni designed many type-faces, each one in a large range of type sizes.
There have been several modern revivals of his type-faces, all called Bodoni. They are often used as display faces.
His fame became comparable to that of today’s rock star. Visitors flocked to his print works on the banks of the river Parma, wanting a glimpse of him working in his studio.[9] Benjamin Franklin, a printer himself, wrote a fan letter. In 1805, even the emperor Napoleon and empress Josephine visited the city and asked to see him; alas, that very day Bodoni was confined to bed with a disastrous attack of gout, a disease that was to plague him until the end of his life.
Giambattista Bodoni
Manuale Tipografico Bicentennial
Parma, 1818. 13 1/8 inches x 9 inches, 2 volumes:
Princeton University Collection
The Morgan Library
Stanford University Library
“Giambattista Bodoni” is licensed under CC BY-SA 4.0
Save
Save
Save
Save
Save
Save
Save
Save
Save
Type Games
Online Typography Games
What Typeface Are You?
“type dating” game, learn how to pair typefaces.
Kern Type
A game to achieve readable text by kerning. Move the letters, score depends on how close you are to a typographer’s solution.
Shape Type
Shape Type is an addictive letter shaping game
Lubalin 100
The Herb Lubalin Study Center of Design and Typography
Opened in 1985, the Study Center was created preserve an educate about Herb Lubalin’s vast body of work.
Center website
Theater Type posters
https://www.commarts.com/exhibit/shakespeare-s-globe-theatre-identity
https://openlab.citytech.cuny.edu/desantis-typographic-design3-2427-d212-fall2018/2018/03/12/course-socials/
Save
Creative Brief
Creative Brief
This is a creative Brief document to be used as part of the design process for all projects and assignments for this course
First Day Course set up
- Accept membership sent to your City Tech email for course OpenLab
OpenLab Guide
Request Membership here - Make new post with your name and favorite typeface
Name post “Lastname_Firstname_first day” give it category “first day”
go to site: https://www.dafont.com/ Search your font, input your name make screen grab of page name it “”Lastname_Firstname_first day.jpg :
Insert your favorite typeface name and add jpg of a screen grab from site
publish your post to site
EXAMPLE HERE - Go to City Tech library site register your library card number
- Register for online reading Ebooks
- Google Drive
InDesign Step by Step Guide
Assignment 1- Project 1
Your Logotype Branding
Creative brief
Design personal logotype to promote your brand. It will consist of only typography no other elements.
Design Process:
Creative Brief – Develop a creative brief that outlines goals & objectives and audience.
Research & Discovery – Create a project folder with research, sketches reference and related items. Create electronic casebook file with sketches, show research, reference etc.
Sketching and Conceptualizing – Do a brainstorming activity generating ideas for design concept. Using research, graphic and conceptual sources, begin designing.
Design Process/Rough Draft – Create a minimum of five thumbnail concepts. Choose the best concept and create a tighter draft.
Critique – Class critiques of concepts will lead to final design solution.
Final Presentation – Students will present final concepts printouts mounted for final critiques. They will explain concept as related to research and design choices.
Final Project Presentation:
Print and mount final version of project
Create digital versions uploaded to class site.
Present concepts.
Explain research and concept as related to research and design choices.
Students will be evaluated for their skills in:
Concept, design execution, presentation, production and following the project guidelines.
Assignment 1:
1. Concept sketches
– Work on your logotype design, bring in a minimum of five concept sketches
– You should try and sketch ideas, work in black and white
– Select one tight sketch/concept to develop and print out larger. We will review them in class
– Bring in project physical folder with sketches, any research and reference related to logotype concepts
2. Type Research:
Bring in print outs (two each) of good and bad logotype designs.
3. Select Two Contrasting Fonts
Set your first and last name bring in print out one version
Logotype design principles
SIMPLICITY
Remember, less is more.
This is one thing to keep in mind when creating a logo. Design focused, clear concept. Make it simple and clean. Do not include extra typographic furniture and unnecessary elements. The best logos possess a few elements integral to the core concept.
APPROPRIATENESS
Target audiences should play important role in creating your logo.
Your logo needs to be appropriate for its purpose.
For example, the Fedex logo, it works for its audience but would it work for a restaurant?
MEMORABILITY
A logo is more than a design. It should be your identity, and symbolize you. It is your brand in design. If a logo is forgotten, you are forgotten. Trends come and go.Your logo should stand out and stand the test of time.
VERSATILITY
Your logo should remain functional and adapt:
Your logo should retain concept when used in different ways.
Reference
Logotype Branding Design
Logotypes
–
Online Reading
Trademarks & Symbols Volume 1: Alphabetical Designs by Yasaburo Kuwayama
–
Related Video
–
Type Selection Tools
http://www.myfontbook.com/app/#
–
Online tutorials
_
Other Reference
FINAL Deliverable
Presentation
Present your layout and description. Explain your work; research and concept as related to research and your design choices.
Required for Project Presentation
1 Output mounted on board.
2. Written Project Brief Two Copies: Create a written description of your project. Mount to back of matt board.
3. Your physical job folder with all related materials: brief, concept sketches, reference etc.
4. Uploads to Class site
A. Create blog post with category: Project 1
Name the post “lastname firstname project 1”
B. Insert a digital file of project layout saved as a .jpg
Name layout file: “lastname_firstname_p1.jpg”
C. Your digital casebook file with all related materials: page one; brief description page two; final layout, then, concept sketches, reference etc. Document does not have to be a designed document but should reflect your design process. Must be saved as a PDF.
Name casebook file: “lastname_firstname_pcb_1.PDF”
Production
Production Materials
1. Print out of your project mounted on board.
It can be output on 8.5×11
2. Black mat board or gator board 15×20
Xacto knife
Metal edge ruler
Spray mount
3. Written Project Brief, Two Copies. Create a written description on your project. Include your name, project name, goals , concept and explain your solution Print out 8.5×11. Mount to back of mat board and have one extra print out.
4. Your Job folder with layout, brief description, concept sketches, design work, research and reference.
Fonts
www.1001freefonts.com
http://www.fontspace.com/
Font Identification
WhatTheFont →
Upload an image it tells you the name of the font
https://www.myfonts.com/WhatTheFont/
Typewolf →
Typography inspiration.
https://www.typewolf.com/
Typographica
http://typographica.org/
typetoken
http://www.typetoken.net/
Incredible Types →
http://incredibletypes.com/
collection of nice typography, mostly print work.
Assignment 5-Project 2
Project 2:
Typographic Poster
Brooklyn Historical Society, DUMBO Target: Local New Yorker’s
Goal: Increase attendance at programs and exhibits
Develop a poster for BHS, It should consist of typography as the main design element.
Students who meet all final requirements and specifications to this project will be placed in the
Project OpenLab site
DUE NEXT WEEK
Layout
Refine your layout and concept bring in TWO initial layout options 11×17 size
Printout
Bring print outs and any native files
Creative brief
Poster design will be discussed. A successful poster communicates its message directly and powerfully through visual impact, an intriguing message, typography, color, graphic image and text combinations.
Reference
Class Pintrest Pages
http://pin.it/JHpyjiL
Typography Poster Designs
http://pin.it/KfNiRfK
https://www.typographicposters.com/posters?q=posters
Brooklyn Historical Society
http://pin.it/6nUFbNi
http://www.brooklynhistory.org/
Poster Design
A successful poster communicates its message directly and powerfully through visual impact, an intriguing message, typography, color, graphic image and text combinations.
Posters that get lost in the crowd or fail to communicate their message are usually ones that try to say too much, do not have at least one eye-grabbing feature or look too much like everything else.
Design Process
– You should try and sketch ideas
– Select one tight sketch/concept to develop and print out larger. We will review them in class
– Bring in any native files to work on in class, project physical folder with sketches, any research and reference related concepts.
The following techniques can help the creative process.
I. Creative Brief
Complete a creative brief that outlines the following:
a. Description of the company
b. Goals & objectives
c. Audience
II. Research & Discovery
Reference: Do online research
Get a job folder to place all research, sketches reference and related items.
Create electronic casebook file with sketches, show research, reference etc. Can be a PDF or Word doc.
III. Sketching and Conceptualizing
Do a brainstorming activity and idea to generate ideas for your design concept. Using your research, graphic and conceptual sources, begin designing.
Create a minimum of 5 thumbnail concepts. These should be quick sketches that highlight a concept/idea.
IV. Rough Draft
Choose the best concept from your thumbnail drawings and create a tighter draft layout 11×17
Bring print outs and native files to class.
Critique –
Class critiques of concepts will lead to final design solution.
Production
Final size will be 11×17. Can be 4/C or black and white
Final deliverable
Students who meet all final requirements and specification to this project will be placed in the Project OpenLab site
Final version of your poster assignment.
You will fully refine your concept, print out mount and present to the class.
If you would like to send me something to review or there are any questions email me.
You will be graded on:
presentation, typography, design, technique and following below instructions
A. Required for Project Presentation
Presentation
Present your layout and description. Explain your work; research and concept and your design choices.
I. Output Final Size 11×17 can be color or black & white mounted on 15×20 black board.
II. Written Project Brief Two Copies: Create a written description of your project. Mount to back of board.
III. Your physical job folder with all related materials: brief, concept sketches, reference etc.
B. Uploads To Class Openlab Site:
I. Create Blog Post With Category Project 2
Name Project Post: “lastname firstname project 2”
II. Insert Single Image File Of Final Layout Saved as .jpg
Name Layout File: “lastname_firstname_p2.jpg”
III. Insert Your Digital Casebook. Must be saved as PDF. This is a file with all related materials: page one; brief description page two; final layout, then, concept sketches, reference etc. Document does not have to be a designed document but should reflect your design process.
Name Casebook File: “lastname_firstname_pcb_2.PDF”
C. Production Materials
I. Color print out of your project mounted on board. Final Size 11×17 can be color or black and white.
II. Black matt board 15×20
Xacto knife
Metal edge ruler
Spray mount
III. Written Project Brief, Two Copies. Create a written description on your project. Include your name, project name, goals , concept and explain your solution Print out 8.5×11. Mount to back of matt board and have one extra print out.
IV. Your Job folder with layout, brief description, concept sketches, design work, research and reference.
Assignment 7-Project 3
2427 Eats Restaurant Guide Book Design
Multi Page Document Design
Design, print and mockup a 20 page booklet plus cover.
Design a 5.5”x 8.5” page booklet using InDesign.
Can be BW or 4/
No Imaging, Just Typography
You will write copy, set up master pages, guides, type style sheets and printer spreads.
Due Next Week
Parts A, B
A. Step 1: Write Your Review Copy:
Each person in class will submit restaurant review text for one page of the booklet.
Your review copy: About 100-150 words; you can include type of place, menu, favorite dishes, drinks, etc.; Location decor service, or any other comments you would like. Save as txt file named “ your last name_firstname_ eats.txt”
Drive folder> Project 3 2427 Eats> 2427 Eats Text files
I will compile all reviews into one master text file for class to use.
If you do not submit copy next week your grade will be reduced for this project .
B. Step 2: Start Inside Page Design:
1. Come up with an initial inside page layout for one restaurant review page.
Use the grid templates provided to sketch initial layouts
2. Set up a 5.5”x 8.5” inside page document with InDesign.
Set up with facing pages, 20 pages. Name pages files: last_name_first_name_2427eats_P.ind”
Bring File to Class
Sample layouts
desantis_john_2427eats_Book
desantis_john_2427eats_P
|desantis_John_2427eats_Cover
Imposition layouts
desantis_John_2427eats_Cover_imp
desantis_john_2427eats_Pages_imp
___________
Book Content
1. Front Cover:
“2427 Eats”
Restaurant Reviews by
COMD 2427, Typographic Design III
Fall 18
“Your Name”
2. Inside Front Cover:
3. Title page:
“2427 Eats”
Restaurant Reviews by
COMD 2427, Typographic Design III
Fall 18
Designed by “Your Name””
4. Review Pages
Copy:
Write a short review of your favorite restaurant.
Your review copy: About 100-150 words; you can include type of place, menu, favorite dishes, drinks, etc.; Location decor service, or any other comments you would like. Save as txt file named “ your last name_firstname_ eats.txt”
Place in Google Drive folder> Project 3 2427 Eats> 2427 Eats Text files
I will compile all reviews into one master text file for class to use.
You will design front cover and master page layout for inside pages then flow in the master text file with text from each classmate.
5. Inside Back Cover
6. Back Cover
Copy:
Write a short review of your favorite restaurant.
Your review copy: About 100-150 words; you can include type of place, menu, favorite dishes, drinks, etc.; Location decor service, or any other comments you would like. Save as txt file named “ your last name_firstname_ eats.txt”
Place in Google Drive folder> Project 3 2427 Eats> 2427 Eats Text files
Production Note:
You are responsible for your own restaurant text review file format text and correct content. For any missing reviews you will create a Notes Page
Headline “Notes’ with horizontal rules on pages
Name of restaurant
Address
Phone
Website
by Your Name
Review text
SAMPLE
Barolo
398 West Broadway
New York, NY 10012
212.226.1102
www.nybarolo.com
by John De Santis
Barolo Restaurant transports you to the Barolo wine region of northern Italy. Walk down West Broadway in Soho past the boutiques and art galleries, until you get to the entrance of Ristorante Barolo. As soon as you enter you leave SOHO behind.
Paolo Secondo, the owner of Barolo Restaurant, is from Genoa, Italy. He opened his first restaurant in New York, I Tre Merli in 1989. Buoyed by the success of Tre Merli, Secondo opened Barolo and several other restaurants. If you want to visit Italy with out the air fare try Barolo. Every dish is completely authentic as is the service. No Chicken Parmigiano here!
Design/Production Process
Step 1: Write your review copy:
About 100-150 words; you can include type of place, menu, favorite dishes, drinks, etc.; Location decor service, or any other comments you would like.
Step 2: Start inside page design/sketches :
5.5”x8.5” page using InDesign. Name pages files: last_name_first_name_2427eats_P.ind”
Step 3: Develop master pages; review page layout, create style sheets
Step 4: Cover Design name cover file: last_name_first_name_2427eats_C.ind
Step 5: Import copy, apply style sheets
Step 6: Set up page imposition/ print outs
Step 7: Assemble book mockup.
Materials:
8.5×11 paper, if you want to do a bleed you will have to output to 11×17 with crop marks and trim down.
Metal ruler, Exacto knife, staples, awl, needle or something to make pin hole in paper, some kind of burnisher. All available at: W C Art & Drafting Supply Co
351 Jay St, Brooklyn, NY 11201
Class Google drive Folder
Reference
Class Pintrest Pages
http://pin.it/JuuDSwi
Book Design
http://pin.it/UNyJBlG
Saddle Stitch Mockups
http://pin.it/oP8pFXA
Page Layout And Grid
http://pin.it/IPT_ihg
Page Layout And Grid
Page Design Layout
Page Layout/Harmony
Thinking With Type: GRID
Books on Ipad
Typography Proportion Online
InDesign User Guide:
InDesign Multi page Doc Set Up
InDesign Change Doc Set Up
InDesign Page Numbering
InDesign Style Sheet Resources
Set Existing Text to Style Sheet
Printing /Page Set Up/ Imposition
Print Booklet:
Print Booklet
Print Booklet
Print Booklet
Print two sided
Prepress
Preflight 1
Preflight 2
Basic Guide to Prepress
Package files
Preflight Prepress
Typography Glossary
Real World Type Michael Bierut Yale Posters
Assignment 4-Project 2
Project 2:
Typographic Poster
Brooklyn Historical Society, DUMBO
Typography Poster Concepts
Target: Local New Yorkers
Goal: Increase attendance at programs and exhibits Develop a poster for BHS, It should consist of typography as the main design element.
Students who meet all final requirements and specification to this project will be placed in the Project OpenLab site
DUE Next Week
Research
Look at course Pinterest boards / reference links
Concepts
Present a minimum of 4 thumbnail concepts. These should be quick sketches that highlight a concept/idea.
Size of each sketch should be no smaller than 5x7
Choose the best concept from your thumbnail drawings and create a initial draft layout 8×11
Bring print outs and any native files
Poster design will be discussed. A successful poster communicates its message directly and powerfully through visual impact, an intriguing message, typography, color, graphic image and text combinations.
Reference
Class Pintrest Pages
http://pin.it/JHpyjiL
Typography Poster Designs
http://pin.it/KfNiRfK
https://www.typographicposters.com/posters?q=posters
Brooklyn Historical Society
http://pin.it/6nUFbNi
http://www.brooklynhistory.org/
Poster Design
A successful poster communicates its message directly and powerfully through visual impact, an intriguing message, typography, color, graphic image and text combinations.
Posters that get lost in the crowd or fail to communicate their message are usually ones that try to say too much, do not have at least one eye-grabbing feature or look too much like everything else.
Design Process
– You should try and sketch ideas
– Select one tight sketch/concept to develop and print out larger. We will review them in class
– Bring in any native files to work on in class, project physical folder with sketches, any research and reference related concepts.
The following techniques can help the creative process.
I. Creative Brief
Complete a creative brief that outlines the following:
a. Description of the company
b. Goals & objectives
c. Audience
II. Research & Discovery
Reference: Do online research
Get a job folder to place all research, sketches reference and related items.
Create electronic casebook file with sketches, show research, reference etc. Can be a PDF or Word doc.
III. Sketching and Conceptualizing
Do a brainstorming activity and idea to generate ideas for your design concept. Using your research, graphic and conceptual sources, begin designing.
Create a minimum of 5 thumbnail concepts. These should be quick sketches that highlight a concept/idea.
IV. Rough Draft
Choose the best concept from your thumbnail drawings and create a tighter draft layout 11×17
Bring print outs and native files to class.
Critique –
Class critiques of concepts will lead to final design solution.
Production
Final size will be 11×17. Can be 4/C or black and white
Final deliverable
Students who meet all final requirements and specification to this project will be placed in the Project OpenLab site
Final version of your poster assignment.
You will fully refine your concept, print out mount and present to the class.
If you would like to send me something to review or there are any questions email me.
You will be graded on:
presentation, typography, design, technique and following below instructions
A. Required for Project Presentation
Presentation
Present your layout and description. Explain your work; research and concept and your design choices.
I. Output Final Size 11×17 can be color or black & white mounted on 15×20 black board.
II. Written Project Brief Two Copies: Create a written description of your project. Mount to back of board.
III. Your physical job folder with all related materials: brief, concept sketches, reference etc.
B. Uploads To Class Openlab Site:
I. Create Blog Post With Category Project 2
Name Project Post: “lastname firstname project 2”
II. Insert Single Image File Of Final Layout Saved as .jpg
Name Layout File: “lastname_firstname_p2.jpg”
III. Insert Your Digital Casebook. Must be saved as PDF. This is a file with all related materials: page one; brief description page two; final layout, then, concept sketches, reference etc. Document does not have to be a designed document but should reflect your design process.
Name Casebook File: “lastname_firstname_pcb_2.PDF”
C. Production Materials
I. Color print out of your project mounted on board. Final Size 11×17 can be color or black and white.
II. Black matt board 15×20
Xacto knife
Metal edge ruler
Spray mount
III. Written Project Brief, Two Copies. Create a written description on your project. Include your name, project name, goals , concept and explain your solution Print out 8.5×11. Mount to back of matt board and have one extra print out.
IV. Your Job folder with layout, brief description, concept sketches, design work, research and reference.
Assignment 3 Project 1-2
Due Next Week
PART 1 Project 1: Final Presentation
PART 2 Introduction
Project 2: Typographic Poster
Brooklyn Historical Society, DUMBO
_____________
PART 1 Project 1: Final Presentation
Produce a final version of your logotype assignment.
You will fully refine your concept, print out mount and present to the class.
You will be graded on concept, design execution, presentation, and following the project presentation guidelines. If you would like to send me something to review or if there are any questions email me.
You will be graded on:
Presentation, typography, design, technique and following below instructions.
FINAL Deliverable
Presentation
Present your layout and description. Explain your work; research and concept as related to research and your design choices.
Required for Project Presentation
1 Output mounted on board.
2. Written Project Brief Two Copies: Create a written description of your project. Mount to back of matt board.
3. Your physical job folder with all related materials: brief, concept sketches, reference etc.
4. Uploads to Class site
A. Create blog post with category: Project 1
Name the post “lastname firstname project 1”
B. Insert a digital file of project layout saved as a .jpg
Name layout file: “lastname_firstname_p1.jpg”
C. Your digital casebook file with all related materials: page one; brief description page two; final layout, then, concept sketches, reference etc. Document does not have to be a designed document but should reflect your design process. Must be saved as a PDF.
Name casebook file: “lastname_firstname_pcb_1.PDF”
Production
Production Materials
1. Print out of your project mounted on board.
It can be output on 8.5×11
2. Black mat board or gator board 15×20
Xacto knife
Metal edge ruler
Spray mount
3. Written Project Brief, Two Copies. Create a written description on your project. Include your name, project name, goals , concept and explain your solution Print out 8.5×11. Mount to back of mat board and have one extra print out.
4. Your Job folder with layout, brief description, concept sketches, design work, research and reference.
Course Pinterest folders
Logotype Branding Design
Logotypes
–
Online Reading
Trademarks & Symbols Volume 1: Alphabetical Designs by Yasaburo Kuwayama
–
Related Video
–
Type Selection Tools
http://www.myfontbook.com/app/#
–
Online tutorials
_
Other Reference
_________
PART 2
Project 2: Typographic Poster
Brooklyn Historical Society, DUMBO
Typographic Poster Initial Research
Students who meet all final requirements and specifications to this project will be placed in the Project OpenLab site
Part A Poster Critique
1. Select one Typographic poster from Below:
https://www.typographicposters.com/posters?q=posters
2. Draft short review of the work you select. Post it to the course site in a new post.
3. Create OpenLab post with tagged category Project 2 Assignment 3
Name layout file: “lastname firstname P2-1”
Insert a single image poster saved as a .jpg named
“lastname_firstname_p2-1.jpg”
Start with the principles of typography, design and composition.
Second think about the poster’s purpose, goals, and audience. Is the message clear.
Third think of design as poster, is it effective, is will it stop the viewer?
Principles: Identify any uses of scale, contrast, repetition or pattern
Contrast: Typography can be achieved in many different ways. Does it lack or utilize contrast?
Identify if there is any use of grid
Hierarchy: Where is the emphasize on which words or letters?
Does the typography stands on its own, as the main design element?
Legibility: Is the type legible? Does it convey a message.
Use of Fonts: Does font used fit concept?
Part B
Initial Research Brooklyn Historical Society
Do research. Look at course Pinterest boards /or museum site.
Select one piece of communications designed for the society create new post
Insert a jpg into post on OpenLab you created for Part A
Creative brief_CUNY_2427
Reference Class Pintrest Pages
Brooklyn Historical Society
http://pin.it/6nUFbNi
http://www.brooklynhistory.org/
Reference Class Pintrest Pages
http://pin.it/JHpyjiL
Typography Poster Designs
http://pin.it/KfNiRfK
https://www.typographicposters.com/posters?q=posters
Assignment 2-Project1
Assignment 2:
Due Next Week
Two concepts
1. Two different refined concepts of your logotype
– Work on your logotype design, bring in two different refined concepts printed out. They should be refined not sketches. We will review them in class
2. Bring in your project physical folder, native files to work in class
Include sketches, any research and reference related to logotype concepts.
Design Process:
Creative Brief – Develop a creative brief that outlines goals & objectives and audience.
Research & Discovery – Create a project folder with research, sketches reference and related items. Create electronic casebook file with sketches, show research, reference etc.
Sketching and Conceptualizing – Do a brainstorming activity generating ideas for design concept. Using research, graphic and conceptual sources, begin designing.
Design Process/Rough Draft – Create a minimum of five thumbnail concepts. Choose the best concept and create a tighter draft.
Critique – Class critiques of concepts will lead to final design solution.
Final Presentation – Students will present final concepts printouts mounted for final critiques. They will explain concept as related to research and design choices.
Final Project Presentation:
Print and mount final version of project
Create digital versions uploaded to class site.
Present concepts.
Explain research and concept as related to research and design choices.
Students will be evaluated for their skills in:
Concept, design execution, presentation, production and following the project guidelines.
Logotype design principles
SIMPLICITY
Remember, less is more.
This is one thing to keep in mind when creating a logo. Design focused, clear concept. Make it simple and clean. Do not include extra typographic furniture and unnecessary elements. The best logos possess a few elements integral to the core concept.
APPROPRIATENESS
Target audiences should play important role in creating your logo.
Your logo needs to be appropriate for its purpose.
For example, the Fedex logo, it works for its audience but would it work for a restaurant?
MEMORABILITY
A logo is more than a design. It should be your identity, and symbolize you. It is your brand in design. If a logo is forgotten, you are forgotten. Trends come and go.Your logo should stand out and stand the test of time.
VERSATILITY
Your logo should remain functional and adapt:
Your logo should retain concept when used in different ways.
Reference
Logotype Branding Design
Logotypes
–
Online Reading
Trademarks & Symbols Volume 1: Alphabetical Designs by Yasaburo Kuwayama
–
Related Video
–
Type Selection Tools
http://www.myfontbook.com/app/#
–
Online tutorials
_
Other Reference
FINAL Deliverable
Presentation
Present your layout and description. Explain your work; research and concept as related to research and your design choices.
Required for Project Presentation
1 Output mounted on board.
2. Written Project Brief Two Copies: Create a written description of your project. Mount to back of matt board.
3. Your physical job folder with all related materials: brief, concept sketches, reference etc.
4. Uploads to Class site
A. Create blog post with category: Project 1
Name the post “lastname firstname project 1”
B. Insert a digital file of project layout saved as a .jpg
Name layout file: “lastname_firstname_p1.jpg”
C. Your digital casebook file with all related materials: page one; brief description page two; final layout, then, concept sketches, reference etc. Document does not have to be a designed document but should reflect your design process. Must be saved as a PDF.
Name casebook file: “lastname_firstname_pcb_1.PDF”
Production
Production Materials
1. Print out of your project mounted on board.
It can be output on 8.5×11
2. Black mat board or gator board 15×20
Xacto knife
Metal edge ruler
Spray mount
3. Written Project Brief, Two Copies. Create a written description on your project. Include your name, project name, goals , concept and explain your solution Print out 8.5×11. Mount to back of mat board and have one extra print out.
4. Your Job folder with layout, brief description, concept sketches, design work, research and reference.
Fonts
Video Resources
Design Videos
Spiekerman
Digital Type
Pronounce typefaces
Bolted Book
Story of Futura
John Baskerville
Most Beautiful Type
Bierut think design
Art and copy
Milton Glaser
Why Man Creates, 1968
bass on titles
Design is One
Helvetica
Vignelli
Two Minutes
Dieter ram
Design and thinking
Videos You Should Watch
10 Design related videos
Golden Ratio
No logo
Design Thinking
Design & Thinking
PBS Graphic Design
Graphic means
Type Guru Video list
Exit through the gift shop
Netflix
The Art of Design
Readings
Register with ProQuest
City Tech Library online reading access
Adrian Frutiger – Schriften : The Complete Works, edited by Heidrun Osterer, et al.,
Walter de Gruyter GmbH, 2012. Chapter Univers pgs.-88-117
Tondreau, Beth. Layout Essentials : 100 Design Principles for Using Grids,
Rockport Publishers, 2008
Evamy, Michael. Logotype,
Laurence King Publishing, 2012
Lupton, Ellen. Thinking with Type : A Critical Guide for Designers, Writers, Editors, and Students, Princeton Architectural Press, 2010.
Art Of The Printed Book 1455 1955. Pierpont Morgan Library,
The Bolted Book (Depero Futurista): Facsimile Edition
Fortunato Depero Published by Thames & Hudson Ltd, 2017
Massimo Vignelli. The Vignelli Canon.
Lars Muller, 2015
Strizver, Ilene. Type Rules. Enhanced Edition.
Wiley, 2014
Matthew Butterick Butterick’s Practical Typography
Lupton, Ellen. Thinking with Type Online Companion
Ellen Lupton’s Classification System
Read the following on Thinking with Type:
Letter Fountain, published by TASCHEN
Suggested Texts Copies on Reserve in City Tech Library:
The Elements of Typographic Style: Version 4.0:
20th Anniversary Edition 4 Anv Edition
by Robert Bringhurst
Hartley and Marks Publishers; (2013)
ISBN-10: 0881792128 • ISBN-13: 978-0881792126
Typographic Design: Form and Communication,
Rob Carter, Philip B. Meggs, Ben Day, Sandra Maxa,
Mark Sanders 2014 • ISBN: 978-1-118-71576-5
Stop Stealing Sheep & Find Out How Type Works →
Erik Spiekermann
Thinking with Type: A Critical Guide for Designers,
Writers, and Editors by Ellen Lupton
ISBN-10: 1568989695 •ISBN-13: 9781568989693
Use your library ID number as your barcode. Unless you previously changed it, your password is also your library barcode.
If you have problems logging in, please visit the circulation desk or call 718-260-5470.
____________
Other Texts
Making and Breaking the Grid: A Graphic Design Layout Workshop Paperback
by Timothy Samara Rockport Publishers
ISBN-10: 1592531253 • ISBN-13: 978-1592531257
Stop Stealing Sheep & Find Out How Type Works
Erik Spiekermann
ISBN-13: 978-0201703399 • ISBN-10: 0201703394
Designing with Type
by James Craig, Rene Korol Scala
ISBN-13: 978-0823014132 • ISBN-10: 0823014134
http://trademarksandsymbols.com/
Trademarks & Symbols
Volume 1: Alphabetical Designs
by Yasaburo Kuwayama
ISBN-10: 0442245637 • ISBN-13: 978-0442245634
Trade Marks & Symbols
Vol. 2: Symbolical Designs
by Yasaburo Kuwayama
ISBN: 9780442245634
Used Book Sites
http://www.valorebooks.com/
https://www.alibris.com/
http://www.strandbooks.com/
https://www.abebooks.com/
Save
Save
Save
Save
Save
Save
Project 2
Typographic Poster
Brooklyn Historical Society, DUMBO
Target: Local New Yorker’s
Goal: Increase attendance at programs and exhibits
Develop a poster for BHS, It should consist of typography as the main design element.
Do research. Look at course Pinterest boards / reference links
Poster design will be discussed. A successful poster communicates its message directly and powerfully through visual impact, an intriguing message, typography, color, graphic image and text combinations.
Poster Design
A successful poster communicates its message directly and powerfully through visual impact, an intriguing message, typography, color, graphic image and text combinations.
Posters that get lost in the crowd or fail to communicate their message are usually ones that try to say too much, do not have at least one eye-grabbing feature or look too much like everything else.
Project Site
Initial Research
Part A. Poster Critique
1. Select one poster from:
TYPOG Typography Poster:
or Typographicposters.com
2. Draft short review
Post it to the course site in a new post.
3. Create OpenLab post
Name layout file: “lastname firstname P2a”
Category Project 2
Insert a single image poster saved as a .jpg named
“lastname_firstname_p2a.jpg”
Start with the principles of typography, design and composition.
Second think about the poster’s purpose, goals, and audience. Is the message clear.
Third think of design as poster, is it effective, is will it stop the viewer?
Elements: Line, shape, form, color, space, texture
Principles: Identify any uses of scale, contrast, repetition or pattern
Contrast: Typography lives off contrast. It can be achieved in many different ways. Using contrary fonts or colors. Does it lack contrast?
Grid: Identify if there is any use of grid
Hierarchy: Is the emphasize on the right words or letters?
Does main type form an “image” or design element, only on second glance you can see text?
Legibility: Typography helps convey message.
Does the typography stands on its own, as the main design element? Is the type legible
Use of Fonts: Does font used fit concept or what is said?
Part B Initial Research
Do research. Look at course Pinterest boards /or museum site. Select one piece of communications designed for museum Insert a jpg into post on OpenLab you created for Part 1
Reference
Rocco Picatello FIT Poster Series
Brooklyn Historical Society
Pinterest Brooklyn Historical Society
Design Process
– You should try and sketch ideas
– Select one tight sketch/concept to develop and print out larger. We will review them in class
– Bring in project physical folder with sketches, any research and reference related to logotype concepts.
Design a minimum of 4 thumbnail concepts. These should be quick sketches that highlight a concept/idea.
Size of each sketch should be no smaller than 5×7
Choose the best concept from your thumbnail drawings and create a initial draft layout 8×11 Bring print outs and any native files
The following techniques can help the creative process.
I. Creative Brief
Complete a creative brief that outlines the following:
a. Description of the company
b. Goals & objectives
c. Audience
II. Research & Discovery
Reference: Do online research
Get a job folder to place all research, sketches reference and related items.
Create electronic casebook file with sketches, show research, reference etc. Can be a PDF or Word doc.
III. Sketching and Conceptualizing
Do a brainstorming activity and idea to generate ideas for your design concept. Using your research, graphic and conceptual sources, begin designing.
Create a minimum of 5 thumbnail concepts. These should be quick sketches that highlight a concept/idea.
IV. Rough Draft
Choose the best concept from your thumbnail drawings and create a tighter draft layout 11×17
Bring print outs and native files to class.
V. Production
Final size will be 11×17. Can be 4/C or black and white
FINAL Deliverable
Present your layout and description. Explain your work; research and concept as related to research and your design choices.
Required for Project Presentation
1 Output mounted on board.
2. Written Project Brief Two Copies: Create a written description of your project. Mount to back of matt board.
3. Your physical job folder with all related materials: brief, concept sketches, reference etc.
4. Uploads to Class site
A. Create blog post with category: Project 2
Name the post “lastname firstname project 2”
B. Insert a digital file of project layout saved as a .jpg
Name layout file: “lastname_firstname_p2.jpg”
C. Your digital casebook file with all related materials: page one; brief description page two; final layout, then, concept sketches, reference etc. Document does not have to be a designed document but should reflect your design process. Must be saved as a PDF.
Name casebook file: “lastname_firstname_pcb_2.PDF”
Production Materials
1. 11×17 print out. Black mat board or gator board 15×20
Xacto knife
Metal edge ruler
Spray mount
2. Written Project Brief, Two Copies. Create a written description on your project. Include your name, project name, goals , concept and explain your solution Print out 8.5×11. Mount to back of matt board and have one extra print out.
3. Your Job folder with layout, brief description, concept sketches, design work, research and reference.
Save
Save
