9 Quadrants of Picture Plane

Thirds Grid for Design Analysis

RULE OF THIRDS CHART

INTERVIEWS WITH NOTABLE DESIGNERS & WEB ADDRESSES

VISUAL COMMUNICATION HISTORY,

INTERVIEWS WITH NOTABLE DESIGNERS & WEB ADDRESSES

PROFESSOR GROAT

Overview of Graphic Design History:

http://www.youtube.com/watch?v=ENVWYDxkuAY

http://www.youtube.com/watch?v=t5m58XxFrxk

http://www.designhistory.org/

Interview with Steve Jobs, Apple CEO, on Paul Rand:

http://www.youtube.com/watch?v=xb8idEf-Iak&feature=related

Paul Rand

http://www.paul-rand.com/

Portfolio of Work:
http://www.paul-rand.com/gallery.shtml

Interview with Paul Rand:

http://www.paul-rand.com/video_miggsInterview_1991.shtml

Milton Glaser

http://www.miltonglaser.com/

http://www.youtube.com/watch?v=Ca3SxrD9hW0

http://www.youtube.com/watch?v=1fDiFxcCHVc&feature=related

http://www.miltonglaser.com/pages/milton/mg_index.html

Neville Brody

http://www.researchstudios.com/home/006-neville-brody/NEVILLE_home.php

Erik Spiekermann

http://spiekermannpartners.com/en

Gert Dumbar
http://www.studiodumbar.com/main.php

Tibor Kalman
http://en.wikipedia.org/wiki/Tibor_Kalman

dj stout

http://pentagram.com/en/partners/dj-stout.php

David Carson

www.davidcarson.com

http://www.davidcarson.com/design/print.html

April Greiman

http://www.madeinspace.la/home/

The Art Director's Club

http://www.adcglobal.org/archive/hof/

DESIGN HISTORY LINKS

http://www.youtube.com/watch?v=b0VPVbFY4Kg

http://www.youtube.com/watch?v=xb8idEf-Iak&feature=related

http://www.youtube.com/watch?v=34wF3u5C1U4

http://www.designhistory.org/weblinks.html

http://www.mkgraphic.com/basic.html

http://en.wikipedia.org/wiki/Graphic_design

Art Nouveau Design

http://www.youtube.com/watch?v=-8PgPvVQcSo

Timeline :: for Graphic Design History

A. Beginning of the Industrial Design: Great Britian and Germany 1820 - Industrial Revolution :: early 19th century; patternmaker = designer 1849 - Journal of Design - by Henry Cole; design should encompass more than applied ornament; knowledge of manufacturing processes and materials. 1851 - Great Exhibition - decorative extravagance of Victorian design - Crystal Palace 1860 - Arts and Crafts Movement - John Ruskin, William Morris, Gustav Stickley, thought machine production degrading to both workers and consumers. 1903 - Wiener Werkstatle - Viennese group; similar to Arts and Crafts Movement. 1901 - Frank Lloyd Wright - 'The Art and Craft of the Machine'; basic principles of modern industrial design; future designers create prototypes for machine production. 1907 - Deutscher Werkbund - Hermann Muthesius... 1910 - AEG (German General Electric); Peter Behrens, denounce Art Nouveau for a spare abstract neoclassicism; products, lighting fixtures, fans, advertising, graphics, and the firm's overall 'corporate image'. 1919 - Bauhaus - Walter Gropius, union of art and industry; other figures: Herbert Bayer, Marcel Breuer, Ludwig Mies van der Rohe, Laszio Moholy-Nagy, and Wilhelm Wagenfeld- [1933 - disbanded by Nazi] B. Design Profession: USA 1929 - US comsumer society emerges: commercial artist, advertising, illustrators 1940 - Design business practice common; independent consultants 1939 - New York World's Fair - visual coherence and social harmony; Utopian dream C. Postwar Europe 1944 - Council of Industrial Design; stifled creativity 1947 - Swiss design: Armin Hofmann, Emil Ruder, Kunstgewerbeschule Basel 1960 - Pop art; Pentagram Design: Colin Forbes, Theo Crosby 1953 - Bauhaus tradition to Hochschule für Gestaltung at Uml. Max Bill and Tomas Maldonado; Dieter Rams at Braun AG. 1960 - Scandinavian designer: Alvar Aalto 1961 - Italian designer: Ettore Sottsass, Memphis group 1968 - Post-Modernism: Wolfgang Weingart, Steff Geissbuhler, Odermatt & Tissi D. Comtemporary American Graphic Design 1950 - MOMA, promote good design, refugees Gropius, Mies, Breuer; New Bauhaus, Chicago, ID-IIT; Yale University: Alvin Eisenman, Paul Rand, Herbert Matter, Norman Ives 1960 - The New York School: Paul Rand, Alexey Brodovich, Henry Wolf, Herb Lubalin, George Lois 1970 - Corporate graphics: Olivetti, CBS, CIBA, IBM, Chase, Mobil, Mexico Olympic 1979 - New Wave: April Greiman, Kenneth Hiebert, Paula Scher 1980 - Micro processor (1984 - Apple Computer, MacWrite, MacPaint) 1993 - Internet: Mosiac -> Netscape

FORM MATCHING CONTENT IN TYPOGRAPHICAL DESIGN

Graphic Design History Slide Show

Typographical Design Conception Through Thumbails and Grid

PHOTOSHOP TUTORIAL LINKS

The blog at the link below is a work in progress, and is an evolving archive of some of the strongest photoshop video tutorials on the Internet.

http://www.photoshopinstruction.blogspot.com

PROJECT #1 - TYPOGRAPHICAL DESIGN - COMMUNICATING THE SUSTAINABLE IDEAL

Art 125—Introduction to Computer Imagery

Professor Groat

COMMUNICATING THE SUSTAINABLE IDEAL

-------------------------------------------------------------------------------------------------------------------------

Design is the method of putting form and content together. Design, just as art, has multiple

definitions; there is no single definition. Design can be art. Design can be aesthetics. Design

is so simple, that's why it is so complicated. –Paul Rand, American Designer 1914-1996

------------------------------------------------------------------------------------------------------

Your assignment is to research sustainability on an international scale. After you have completed your research, design two typographical artworks, involving only type, which are intended to elicit discussion relating to the critical nature of this current issue. One design must be based on bilateral symmetry and the other must be asymmetrical in form. The artworks will be circulated via world-wide-web for millions of people to respond to. There may be some of you who believe that this movement is less critical than others and perceive it as merely sociopolitical propaganda, and perhaps would like to express your

perspective differently. You are the fine artist; therefore you are free to express your unique viewpoint! However, the “forms” of your designs must meet specific criteria that conform to what’s been deemed as successful visual communication.

Visual Communication Objective:

The objective of the designs is to elicit (or provoke) global discussion regarding the critical nature of the sustainable movement, through using both the Internet and traditional print media. The designs should entice the viewer to consider both the social significances and unique relationships between the five concepts.

Design Specifications—“The Project Criteria!”:

The Designs must:

• Be created within a square format – 8.5”x 8.5”
• Include five (5) words or unique concepts.
• Be based on a single, or two different themes, meaning, the symmetrical design can include the exact same words or concepts that the asymmetrical design contains.
• Be created using only grayscale.
• Implement all classical design principles.
• Be created using the “rule of thirds.”

Classical Design Principles

Primary Principles: Unity, Variety, Hierarchy, Proportion

Support Principles: Scale, Balance, Rhythm, Repetition, Proximity

Elements of Art & Design

Shape, Space, Point, Line, Size, Color, Texture, Typography

What’s required for each design:

• First Round Thumbnails: 10 (ten) 2 inch by 2 inch thumbnails.
• Second Round Thumbnails: 10 (ten) 2 inch by 2 inch thumbnails.
• 4”x4” Rough, created using black marker.
• 8.5”x 8.5” comprehensive
• Be mounted on black foam board with a 3 inch boarder.
• Second round thumbnails, rough and final comp must be scanned and uploaded to your own blog.
• Comprehensive must be placed on course blog!

Graded on

• How well you address the needs of the project!
• Completing the evaluation form, and including all of that you have written, directly below the comprehensive on your blog!

COMMUNICATING THE SUSTAINABLE IDEAL -- ASYMMETRICAL DESIGN

COMMUNICATING THE SUSTAINABLE IDEAL -- SYMMETRICAL BALANCE

Art 125 Introduction To Computer Imagery - Sylabus, Fall 2008, Professor Groat

Introduction To Computer Imagery

Art/Com 125

Professor Hall Groat | Fall 2008

Meeting Times and Days

Monday & Wednesday – 2-3:50

Location: AT 217

OFFICE HOURS:

Monday & Wednesdays 12:30-2PM

OFFICE LOCATION: Art Annex, Rm.#101

Phone: 778-5612 | E-mail: Groat_H@sunybroome.edu

Course Description

The study of Visual Communication theory relating to applied arts fields such as, advertising and editorial design, animation, gaming, and web design. Students are introduced to Adobe Photoshop CS2 on Machintosh Computers, and learn how to develop initial thumbnail sketches into final digital comprehensives. Other topics include digital photography, scanning, image manipulation, color correction, typography, blogging and graphic design history.

Learning Outcomes

Art/Com 125

Introduction to Computer Imagery (Visual Communication I)

Students will be able to:

§ Apply classical design theory to page layout, typographical composition and image manipulation.

§ Employ knowledge regarding various vector, raster and page layout digital software.

§ Articulate verbally and in written form the inherent process for conceiving a visual communication piece, such as a poster, print media advertisement or program cover.

§ Recognize significant cotemporary and historic graphic designers that were integral to the development of several design movements.

§ Describe verbally and in written form distinguishing characteristics relating to several design movements.

§ Investigate various professions relating to various visual communication fields, such as editorial design, advertising design, corporate design, book design, music/record design, information design, animation.

Time Frame

August 25 Introduction / Course Overview / Requirements / Biographies / Course Supplies

___________________________________________________________________________

August 27 Project #1

Typographical Design – “Sustainability”

___________________________________________________________________________

September 1 No School—Labor Day

__________________________________________________________________________

September 3 Project #1

Typographical Design – “Sustainability”

___________________________________________________________________________

September 8 Project #1

Typographical Design – “Sustainability”

___________________________________________________________________________

September 10 Project #1

Typographical Design – “Sustainability”

___________________________________________________________________________

September 15 Project #1

Typographical Design – “Sustainability”

___________________________________________________________________________

September 17 Project #1

Typographical Design – “Sustainability”

___________________________________________________________________________

September 22 Project #1

Typographical Design – “Sustainability”

___________________________________________________________________________

September 24 Project #1 Due

Critic #1

___________________________________________________________________________

September 29 Project #2 Begin

Commemorate Stamp Design – Historic Preservation

Local Historic Landmark Building

__________________________________________________________________

October 1 Commemorate Stamp Design

__________________________________________________________________

October 6 Commemorate Stamp Design

___________________________________________________________________________

October 10 Commemorate Stamp Design

___________________________________________________________________________

October 8 Commemorate Stamp Design

___________________________________________________________________________

October 13 NO CLASS – MID SEMESTER BREAK

___________________________________________________________________________

October 15 Commemorate Stamp Design

___________________________________________________________________________

October 20 Commemorate Stamp Design

___________________________________________________________________________

October 22 Project #2 Due

Critic #2

__________________________________________________________________________

October 27 Project #3 Begin

Sustainable Energy Poster Design

___________________________________________________________________________

October 29 Sustainable Energy Poster Design

___________________________________________________________________________

November 3 Sustainable Energy Poster Design

___________________________________________________________________________

November 5 Sustainable Energy Poster Design

__________________________________________________________________________

November 10 Sustainable Energy Poster Design

___________________________________________________________________________

November 12 Sustainable Energy Poster Design

___________________________________________________________________________

November 17 Project #3 Due

Critic #3

________________________________________________________________________

November 19 Project #4 Begin

Hypothetical Product for Removing Carbon from atmosphere

___________________________________________________________________________

November 24 Project #4

__________________________________________________________________

November 26 NO CLASS – Thanksgiving

_________________________________________________________________________

December 1 Project #4

___________________________________________________________________________

December 3 Project #4

___________________________________________________________________________

December 8 Project #4

___________________________________________________________________________

December 10 Project #4

__________________________________________________________

December 15 FINAL CRITIQUE

Course Format

The course will be comprised of selected readings, discussions, traditional studio work, digital studio work, and critiques. At the beginning of each class a reading will be assigned that directly relates to the current graphic project.

Extra Credit Projects

These projects are for students who are ahead or would like to raise their overall grade in the course. Extra credit projects need to be mounted and include all production information. Up to five bonus points can be added to one’s grade. Students must submit a written proposal that outlines a concept prior to beginning an extra credit project.

Billboard Design Book Jacket Design Brochure Design

Business Card Designs Business Reply Card Design CD Cover Design

Digital Painting Environmental Sign Design Magazine Cover Design

Telephone Book Cover. Des. Movie Banner Design Product Decal Design

Package Design Postcard Design Poster Design

Stamp Design Print Media Ad Letter Head Design

Series of Logo Designs Signature Booklet Des. HTML Web Page Design

Comic Page Layout Your Own Project Proposal Coffee Mug Sleeve

Assessment and Grading

25 % Critiques & Class Participation

(Contributing thoughts during class discussions & critiques)

75 % Projects / Digital Portfolio on Blog

Attendance

Attendance is mandatory. If you are not in class you will miss out on valuable knowledge. The content presented each class is a stepping-stone to what will be will be taught during next class. If you miss more than two classes your grade will be dropped an entire letter grade—unless you have a legitimate excuse. (Attendance will be taken each time class meets)

Plagerism

If it is determined that you have created designs that are not your own designs you will receive an automatic “F” for the course.

Materials and Supplies

Purchased at Office Max, Ames, AC Moore

Digital Camera with USB Cable

18” Ruler with metal edge

Sketch Pad (for sketches, roughs and comps)

8.5x11 Graph Paper

Mounting Tape (preferably acid free type)

Flash Storage Disk / Jump Drive 1 Gigabyte or greater is most ideal (that plugs into USB port)

Black Ink Felt Tip Pen & Soft Lead Pencil

Art 125 Reading Schedule and Links -- Professor Groat

READING SCHEDULE

PROFESSOR GROAT

ART 125 – FALL 2008

August 25

DESIGN PROCESS

http://en.wikipedia.org/wiki/Design#Design_as_a_process

SUSTAINABILITY:

http://en.wikipedia.org/wiki/Sustainability

BLOG:

http://en.wikipedia.org/wiki/Blog

___________________________________________________________________________

August 27

FONT

http://en.wikipedia.org/wiki/Font

TYPOGRAPHY:

http://en.wikipedia.org/wiki/Typography

LIST OF TYPEFACES:

http://en.wikipedia.org/wiki/List_of_typefaces

___________________________________________________________________________

September 1 No School—Labor Day

__________________________________________________________________________

September 3

“RULE OF THIRDS”

http://en.wikipedia.org/wiki/Rule_of_thirds

GRID

http://en.wikipedia.org/wiki/Grid_%28page_layout%29

DESIGN PRINCIPLES

http://en.wikipedia.org/wiki/Design_principles_and_elements#Principles_of_design

http://char.txa.cornell.edu/language/principl/principl.htm

http://char.txa.cornell.edu/language/element/element.htm

http://gort.ucsd.edu/preseduc/design.htm

___________________________________________________________________________

September 8

GRAPHIC DESIGN

http://en.wikipedia.org/wiki/Graphic_design

http://en.wikipedia.org/wiki/Category:Graphic_design

TYPE SETTING:

http://en.wikipedia.org/wiki/Typesetting

LETTER SPACING

http://en.wikipedia.org/wiki/Tracking_(typography)

_________________________________________________________________________

September 10

PAGE LAYOUT

http://en.wikipedia.org/wiki/Page_layout

COMPREHENSIVE LAYOUT

http://en.wikipedia.org/wiki/Comprehensive_layout

THUMBNAIL SKETCHES

http://en.wikipedia.org/wiki/Thumbnail#Thumbnail_Sketches

AMERICAN INSTITUTE OF GRAPHIC ARTS

http://en.wikipedia.org/wiki/AIGA

http://www.aiga.org/

___________________________________________________________________________

September 15

COMMUNICATION DESIGN

http://en.wikipedia.org/wiki/Communication_design

___________________________________________________________________________

September 17

KERNING

http://en.wikipedia.org/wiki/Kerning

LEADING

http://en.wikipedia.org/wiki/Leading

___________________________________________________________________________

September 22

LIGATURE

http://en.wikipedia.org/wiki/Typographical_ligature

FILE FORMATS

http://en.wikipedia.org/wiki/File_format

___________________________________________________________________________

September 24

POSTAGE STAMP DESIGN

http://en.wikipedia.org/wiki/Postage_stamp_design

___________________________________________________________________________

September 29

STAMP TEXTUAL ELEMENTS

http://en.wikipedia.org/wiki/Postage_stamp_design#Textual_elements

__________________________________________________________________________

October 1

STAMP DESIGN PROCESS

http://en.wikipedia.org/wiki/Postage_stamp_design#Design_process

__________________________________________________________________

October 6

HOW TO SUGGEST A POSTAGE STAMP DESIGN TO THE USPS

http://www.govspot.com/ask/suggestastamp.htm

___________________________________________________________________________

October 10

NATIONAL POSTAL MUSEUM

http://www.postalmuseum.si.edu/

STAMP DESIGNS

http://www.arago.si.edu/

___________________________________________________________________________

October 8

HISTORY OF GRAPHIC DESIGN:

http://en.wikipedia.org/wiki/Graphic_design#History_of_graphic_design

___________________________________________________________________________

October 13

GRAPHIC DESIGN OCCUPATIONS:

http://en.wikipedia.org/wiki/Graphic_design_occupations

__________________________________________________________________________

October 15

GRAPHIC DESIGN CAREER INFORMATION:

http://www.adigitaldreamer.com/

http://www.gdusa.com/

http://www.allgraphicdesign.com/

__________________________________________________________________________

October 20

INTERNATIONAL TYPOGRAPHIC STYLE:

http://en.wikipedia.org/wiki/International_Typographic_Style

MILTON GLASER:

http://en.wikipedia.org/wiki/Milton_Glaser

PAUL RAND:

http://en.wikipedia.org/wiki/Paul_rand

_________________________________________________________________________

October 22

ART NOUVEAU:

http://en.wikipedia.org/wiki/Art_Nouveau

__________________________________________________________________________

October 27

POSTER:

http://en.wikipedia.org/wiki/Poster

POSTER HISTORY:

http://www.internationalposter.com/about-poster-art/a-brief-history-of.aspx

POSTER DESIGN PROCESS

http://www.owlnet.rice.edu/~cainproj/designing.html

___________________________________________________________________________

October 29

POSTER HISTORY:

http://en.wikipedia.org/wiki/Poster#Poster_history

NOTABLE POSTER ARTISTS:

http://en.wikipedia.org/wiki/Poster#Notable_poster_artists

INTERNATIONAL POSTER GALLERY:

http://www.internationalposter.com/

POSTER GALLERY:

http://lib.colostate.edu/posters/gallery.html

___________________________________________________________________________

November 3

FILM POSTERS:

http://en.wikipedia.org/wiki/Film_poster

___________________________________________________________________________

November 5

SUSTAINABLE GRAPHIC DESIGN

http://en.wikipedia.org/wiki/Sustainable_graphic_design

__________________________________________________________________________

November 10

GRAPHIC DESIGN PORTFOLIOS

http://graphicdesign.about.com/od/buildingaportfolio/a/portfolio_types.htm

___________________________________________________________________________

November 12

STARTING A GRAPHIC DESIGN BUSINESS

http://desktoppub.about.com/od/freelancedesign/Freelance_Graphic_Design_and_Desktop_Publishing.htm

___________________________________________________________________________

November 17

EARTH CHALLENGE 25 MILLION DOLLAR CONTEST:

http://www.virginearth.com/

Eye To Eye: Gore And Branson

http://www.youtube.com/watch?v=TYIcMBvzrqE&feature=related

Energy Research Highlights

http://www.youtube.com/watch?v=DnvV8LSvJ1k

How to Save the Planet -- with Carbon Dioxide

http://www.youtube.com/watch?v=OGFOlfgm3BE

________________________________________________________________________

November 19

ADVERTISING:

http://en.wikipedia.org/wiki/Advertising

___________________________________________________________________________

November 24

PACKAGING:

http://en.wikipedia.org/wiki/Packaging

PRODUCT DEVELOPMENT:

http://en.wikipedia.org/wiki/New_product_development#The_process

__________________________________________________________________

November 26 NO CLASS – Thanksgiving

_________________________________________________________________________

December 1

PACKAGE DEVELOPMENT CONSIDERATIONS:

http://en.wikipedia.org/wiki/Packaging#Package_development_considerations

PACKAGING SHELF LIFE:

http://en.wikipedia.org/wiki/Shelf_life

___________________________________________________________________________

December 3

SUSTAINABLE PACKAGING:

http://en.wikipedia.org/wiki/Sustainable_packaging

___________________________________________________________________________

December 9

PACKAGE DESIGN BLOG:

http://www.thedieline.com/

___________________________________________________________________________

December 11

GRAPHIC DESIGN COMPETITIONS:

http://www.graphiccompetitions.com/

HOW MAGAZINE:

http://www.howdesign.com/competitions/

GRAPHIC DESIGN BASICS:

http://www.graphicdesignbasics.com/

__________________________________________________________

December 15

FINAL CRITIQUE