Graphic Design 101
-
Upload
sbernalmarcial -
Category
Documents
-
view
107 -
download
0
description
Transcript of Graphic Design 101
![Page 1: Graphic Design 101](https://reader035.fdocuments.in/reader035/viewer/2022062511/54c71d574a7959090e8b46c5/html5/thumbnails/1.jpg)
DesignGraphic
?:
![Page 2: Graphic Design 101](https://reader035.fdocuments.in/reader035/viewer/2022062511/54c71d574a7959090e8b46c5/html5/thumbnails/2.jpg)
:?Graphic Design?
HistoryTypefaces
Rules Principles
![Page 3: Graphic Design 101](https://reader035.fdocuments.in/reader035/viewer/2022062511/54c71d574a7959090e8b46c5/html5/thumbnails/3.jpg)
Graphic Design?History
TypefacesRules
Principles
Webster’s Definition
: the art or profession of using design elements (as typography and images)
to convey information or create an effect;also : a product of this art.
![Page 4: Graphic Design 101](https://reader035.fdocuments.in/reader035/viewer/2022062511/54c71d574a7959090e8b46c5/html5/thumbnails/4.jpg)
What is Graphic Design?
: visually communicating designas an idea, thought, message or meaning,to create, inspire, teach, persuade,inform entertain, enhance or change.
Graphic Design?History
TypefacesRules
Principles
![Page 5: Graphic Design 101](https://reader035.fdocuments.in/reader035/viewer/2022062511/54c71d574a7959090e8b46c5/html5/thumbnails/5.jpg)
Cave Paintings, Lascaux, France 15,000 – 10,000 BC
Petrographic Figures Rock Carving
1st Documented DrawingsGraphic Design?
HistoryTypefaces
Rules Principles
![Page 6: Graphic Design 101](https://reader035.fdocuments.in/reader035/viewer/2022062511/54c71d574a7959090e8b46c5/html5/thumbnails/6.jpg)
Pictographs Symbol for a word or phrase
Invention of WritingGraphic Design?
HistoryTypefaces
Rules Principles
![Page 7: Graphic Design 101](https://reader035.fdocuments.in/reader035/viewer/2022062511/54c71d574a7959090e8b46c5/html5/thumbnails/7.jpg)
Capitalis Monumentalis
Trajan InscriptionGraphic Design?
HistoryTypefaces
Rules Principles
![Page 8: Graphic Design 101](https://reader035.fdocuments.in/reader035/viewer/2022062511/54c71d574a7959090e8b46c5/html5/thumbnails/8.jpg)
Johannes Gutenberg 1398 – 1468
Started The "Printing Revolution”
Beginning of TypographyGraphic Design?
HistoryTypefaces
Rules Principles
![Page 9: Graphic Design 101](https://reader035.fdocuments.in/reader035/viewer/2022062511/54c71d574a7959090e8b46c5/html5/thumbnails/9.jpg)
Graphic Design?History
TypefacesRules
Principles
School of Design
Functionalism & Simplicity
![Page 10: Graphic Design 101](https://reader035.fdocuments.in/reader035/viewer/2022062511/54c71d574a7959090e8b46c5/html5/thumbnails/10.jpg)
Classic Typefaces
Garamond France 1615
Baskerville England 1757
Bodoni Italy 1788
FrutigerGill Sans 1928
Univers 1954
Helvetica Switzerland 1957
Graphic Design?History
TypefacesRules
Principles
![Page 11: Graphic Design 101](https://reader035.fdocuments.in/reader035/viewer/2022062511/54c71d574a7959090e8b46c5/html5/thumbnails/11.jpg)
Helvetica’s Neue LT is DWL’s official typeface.
Neue Haas GroteskHelveticaHelvetica Neue 67 medium condensed
Graphic Design?History
TypefacesRules
Principles
![Page 12: Graphic Design 101](https://reader035.fdocuments.in/reader035/viewer/2022062511/54c71d574a7959090e8b46c5/html5/thumbnails/12.jpg)
Graphic Design?History
TypefacesRules
Principles
![Page 13: Graphic Design 101](https://reader035.fdocuments.in/reader035/viewer/2022062511/54c71d574a7959090e8b46c5/html5/thumbnails/13.jpg)
alpha x-height
meanline
baseline
ascender
descender
Graphic Design?History
TypefacesRules
Principles1
![Page 14: Graphic Design 101](https://reader035.fdocuments.in/reader035/viewer/2022062511/54c71d574a7959090e8b46c5/html5/thumbnails/14.jpg)
leadingbetweenx x-height
Graphic Design?History
TypefacesRules
Principles2
![Page 15: Graphic Design 101](https://reader035.fdocuments.in/reader035/viewer/2022062511/54c71d574a7959090e8b46c5/html5/thumbnails/15.jpg)
Proper typesetting improves readability &is more esthetically pleasing.
kern ginGraphic Design?
HistoryTypefaces
Rules Principles3
![Page 16: Graphic Design 101](https://reader035.fdocuments.in/reader035/viewer/2022062511/54c71d574a7959090e8b46c5/html5/thumbnails/16.jpg)
Proper kerning is OPTICAL & optically measured.
I nCounterformIGraphic Design?
HistoryTypefaces
Rules Principles3
![Page 17: Graphic Design 101](https://reader035.fdocuments.in/reader035/viewer/2022062511/54c71d574a7959090e8b46c5/html5/thumbnails/17.jpg)
Hang punctuation out.
“yesGraphic Design?
HistoryTypefaces
Rules Principles4
![Page 18: Graphic Design 101](https://reader035.fdocuments.in/reader035/viewer/2022062511/54c71d574a7959090e8b46c5/html5/thumbnails/18.jpg)
Em eumquat emolupturemodis dolla cum la sequisdendunt labo. Ehendistibuscipit ea suntibus,voluptiis cusae ut qui cum,nimus aut et re nit, temossuntiam ime qui demwidow.
Graphic Design?History
TypefacesRules
Principles5
![Page 19: Graphic Design 101](https://reader035.fdocuments.in/reader035/viewer/2022062511/54c71d574a7959090e8b46c5/html5/thumbnails/19.jpg)
xxxxxx
Graphic Design?History
TypefacesRules
Principles
Dynamic Planes
![Page 20: Graphic Design 101](https://reader035.fdocuments.in/reader035/viewer/2022062511/54c71d574a7959090e8b46c5/html5/thumbnails/20.jpg)
Graphic Design?History
TypefacesRules
Principles
Space
![Page 21: Graphic Design 101](https://reader035.fdocuments.in/reader035/viewer/2022062511/54c71d574a7959090e8b46c5/html5/thumbnails/21.jpg)
Graphic Design?History
TypefacesRules
Principles
Josef Muller-Brockman
![Page 22: Graphic Design 101](https://reader035.fdocuments.in/reader035/viewer/2022062511/54c71d574a7959090e8b46c5/html5/thumbnails/22.jpg)
Graphic Design?History
TypefacesRules
Principles
Josef Muller-Brockman
![Page 23: Graphic Design 101](https://reader035.fdocuments.in/reader035/viewer/2022062511/54c71d574a7959090e8b46c5/html5/thumbnails/23.jpg)
Graphic Design?History
TypefacesRules
Principles
László Moholy-Nagy
![Page 24: Graphic Design 101](https://reader035.fdocuments.in/reader035/viewer/2022062511/54c71d574a7959090e8b46c5/html5/thumbnails/24.jpg)
Graphic Design?History
TypefacesRules
Principles
László Moholy-Nagy
![Page 25: Graphic Design 101](https://reader035.fdocuments.in/reader035/viewer/2022062511/54c71d574a7959090e8b46c5/html5/thumbnails/25.jpg)
Graphic Design?History
TypefacesRules
Principles
Armin Hofmann
![Page 26: Graphic Design 101](https://reader035.fdocuments.in/reader035/viewer/2022062511/54c71d574a7959090e8b46c5/html5/thumbnails/26.jpg)
Paul RandGraphic Design?
HistoryTypefaces
Rules Principles
![Page 27: Graphic Design 101](https://reader035.fdocuments.in/reader035/viewer/2022062511/54c71d574a7959090e8b46c5/html5/thumbnails/27.jpg)
Saul Bass
Graphic Design?History
TypefacesRules
Principles
![Page 28: Graphic Design 101](https://reader035.fdocuments.in/reader035/viewer/2022062511/54c71d574a7959090e8b46c5/html5/thumbnails/28.jpg)
Andy Warhol
Graphic Design?History
TypefacesRules
Principles
![Page 29: Graphic Design 101](https://reader035.fdocuments.in/reader035/viewer/2022062511/54c71d574a7959090e8b46c5/html5/thumbnails/29.jpg)
Graphic Design?History
TypefacesRules
Principles
![Page 30: Graphic Design 101](https://reader035.fdocuments.in/reader035/viewer/2022062511/54c71d574a7959090e8b46c5/html5/thumbnails/30.jpg)
Graphic Design?History
TypefacesRules
PrinciplesSources
Alston Purvis W., Meggs, Philip B.. Megg's History of Graphic Desgin. Hoboken: John Wiley & Sons, Inc., 2006.
Craig, James. Designing With Type, The Essential Guide to Typography. New York: Watson-Guptill Publications, 2006.
"http://www.merriam-webster.com/dictionary/graphic%20design". 8/11/2010 <http://www.merriam-webster.com/>.
"http://en.wikipedia.org/wiki/Johannes_Gutenberg". 8/11/2010 <www.Wikipedia.org>.
"http://en.wikipedia.org/wiki/Paul_rand". 8/11/2010 <www.Wikipedia.org>.
"http://en.wikipedia.org/wiki/Saul_Bass". 8/11/2010 <www.Wikipedia.org>.