GRAPHIC DESIGN LOVES YOU
TYPOGRAPHY Typeface Typeface refers to the specific design of an alphabet.
ABCDEFGHIJKLMNO QRSTUVWXYZ abcdef ghijklmno pqrstuvwxyz
Garamond is a serif
TYPOGRAPHY Typeface
ABCDEFGHIJKLMNO P Q R ST U V W XY Z abcdefghijklmno pqrstuvwxyz
Univers is a sans serif
TYPOGRAPHY Type Family & Typestyle Typestyles are the variations within a typeface. All together form a type family.
Univers 39 Thin Ultra Condensed Univers 49 Light Ultra Condensed
Univers 75 Black Univers 75 Black Oblique
Univers 59 Ultra Condensed
Univers 85 Extra Black Univers 85 Extra Black Oblique
Univers 47 Light Condensed Univers 47 Light Condensed Oblique
Univers 53 Extended Oblique
Univers 67 Bold Condensed Univers 67 Bold Condensed Oblique Univers 45 Light Univers 45 Light Oblique Univers 55 Roman Univers 55 Roman Univers 65 Bold Univers 65 Bold Oblique
Univers 63 Bold Extended Univers 63 Bold Extended Oblique Univers 73 Black Extended Univers 73 Black Extended Oblique Univers 93 Extra Black Extended Univers 93 Extra Black Extended Oblique
TYPOGRAPHY Selecting Typefaces
Baskerville Bodoni Caslon Garamond
Franklin Gothic Frutiger Helvetica Univers
TYPOGRAPHY Leading Leading is to add space between the type lines.
Aenean consequat accumsan orci. Nunc eget tortor a lorem sagittis nonummy. Nam venenatis ester sit eget nisl. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed nibh tellus, aliquet at, luctus in, varius hendrerit, libero. Quisque et ante quis urna eleifend commodo. Vivamus rhoncus od mollis magna. Pellentesque ante elit, vehicula nec, sagittis ac, consectetuer nec, nibh. Ut pretium fringilla quam.
Aenean consequat accumsan orci. Nunc eget tortor a lorem sagittis nonummy. Nam venenatis ester sit eget nisl. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed nibh tellus, aliquet at, luctus in, varius hendrerit, libero. Quisque et ante quis urna eleifend commodo. Vivamus rhoncus od mollis magna. Pellentesque ante elit, vehicula nec, sagittis ac, consectetuer nec, nibh. Ut pretium fringilla quam.
TYPOGRAPHY Kerning Kerning is to add space between characters.
Aenean consequat accumsan orci. Nunc eget tortor a lorem sagittis nonummy. Nam venenatis est eget nisl. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed nibh tellus, aliquet at, luctus in, varius hendrerit, libero. Quisque et ante quis urna eleifend commodo. Vivamus rhoncus odio mollis magna. Pellentesque ante elit, vehicula nec, sagittis ac, consectetuer nec, nibh. Ut pretium fringilla quam.
Aenean consequat accumsan orci. Nunc eget tortor a lorem sagittis nonummy. Nam venenatis est eget nisl. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed nibh tellus, aliquet at, luctus in, varius hendrerit, libero. Quisque et ante quis urna eleifend commodo. Vivamus rhoncus odio mollis magna. Pellentesque ante elit, vehicula nec, sagittis ac, consectetuer nec, nibh. Ut pretium fringilla quam.
CONTENT Hierarchy Contrast, color, position and size.
GRIDS A grid is a set of guidelines indicating horizontal and vertical divisions within a page.
Unity Logic Organization Quicker production Consistency
GRIDS
Vivamus sem Quisque et ante quis urna eleifend commodo. Vivamus rhoncus odio mollis magna. Pellentesque ante elit, vehicula nec, sagittis ac, consectetuer nec, rhoncus mollis magna nibh.
Donec vel ipsum vitae erat aliquet placerat. Donec nec dolor in enim fermentum aliquam. Duis luctus, ante nonummy bibendum fermentum, felis dui facilisis diam, nec congue magna ipsum at lorem. Integer pharetra, neque vel egestas rutrum, mi elit malesuada mauris, quis eleifend augue nibh pulvinar sem.
Integer pharetra neque vel luctus felis egestas. Mi mauris quis rutrum augue sem eleifend.
GRIDS
Vivamus sem Quisque et ante quis urna eleifend commodo. Vivamus rhoncus odio mollis magna. Pellentesque ante elit, vehicula nec, sagittis ac, consectetuer nec, rhoncus mollis magna nibh.
Donec vel ipsum vitae erat aliquet placerat. Donec nec dolor in enim fermentum aliquam. Duis luctus, ante nonummy bibendum fermentum, felis dui facilisis diam, nec congue magna ipsum at lorem. Integer pharetra, neque vel egestas rutrum, mi elit malesuada mauris, quis eleifend augue nibh pulvinar sem.
Integer pharetra neque vel luctus felis egestas. Mi mauris quis rutrum augue sem eleifend.
GRIDS
GRIDS
GRIDS
Design Direction
We all know how modern consumers use their phones to communicate with each other. With the technology, they can make calls, email and text each other. But how can new implementations of technology explore how the device communicates for us? And with what technologies?
McPhail 2007
GRIDS
Design Direction
We all know how modern consumers use their phones to communicate with each other. With the technology, they can make calls, email and text each other. But how can new implementations of technology explore how the device communicates for us? And with what technologies?
McPhail 2007
GRIDS
GRIDS SPONSORED PROJECT FALL 07 SCOTT PUCKETT
FOAM SHAPE STUDY THE SHAPE OF THE PHONE NOT ONLY MAKES HANDLING EASIER, BUT ALSO CONFORMS TO THE ARM AND WHEN CONNECTED TO A STRAP, THIS WILL KEEP THE PHONE WELL OUT OF HARMS WAY BUY EASY TO LOCATE DURING A CALL. THE SHAPE ALSO CONFORMS TO THE USERS LEGWHEN THE DEVICE IS PLACED IN A PANTS POCKET.
GRIDS SPONSORED PROJECT FALL 07 SCOTT PUCKETT
FOAM SHAPE STUDY THE SHAPE OF THE PHONE NOT ONLY MAKES HANDLING EASIER, BUT ALSO CONFORMS TO THE ARM AND WHEN CONNECTED TO A STRAP, THIS WILL KEEP THE PHONE WELL OUT OF HARMS WAY BUY EASY TO LOCATE DURING A CALL. THE SHAPE ALSO CONFORMS TO THE USERS LEGWHEN THE DEVICE IS PLACED IN A PANTS POCKET.
EXTRAS Some useful things
Photo Banks
In some websited watermarks can be avoid by getting a personal account. www.gettyimages.com www.corbis.com www.veer.com
Useful websites www.mocoloco.com www.newstoday.com www.dirtymouse.co.uk www.designiskinky.com www.strangebeautiful.net www.notcot.com www.gadgets.boingboing.net www.coolhunting.com
EXTRAS Reading List The Designer’s Lexicon: The Illustrated Dictionary of Design, Printing, and Computer Terms Alastair Campell
Grid Systems in Graphic Design Josef Muller-Brockmann
Typographie Emil Ruder
Graphic Design Manual Armin Hoffmann
The Graphic Artist and his Design Problems Josef Muller-Brockmann
LOVE GRAPHIC DESIGN