graphic design for marketing professionals
Post on 19-Oct-2014
898 views
DESCRIPTION
A crash course on graphic design for marketing communication and visual design.TRANSCRIPT
![Page 1: Graphic design for marketing professionals](https://reader034.vdocuments.mx/reader034/viewer/2022051411/5443926fafaf9fac098b45a3/html5/thumbnails/1.jpg)
for Marketing Professionals
© Jason Tham | 320.310.9654 | www.jasontham.com
GRAPHICDESIGN
![Page 2: Graphic design for marketing professionals](https://reader034.vdocuments.mx/reader034/viewer/2022051411/5443926fafaf9fac098b45a3/html5/thumbnails/2.jpg)
ContentGraphic Design as Visual Comm.TypographyC.R.A.P LayoutImpact and Visual Hierarchy
![Page 3: Graphic design for marketing professionals](https://reader034.vdocuments.mx/reader034/viewer/2022051411/5443926fafaf9fac098b45a3/html5/thumbnails/3.jpg)
Faster. Stronger. Longer.
WHYDESIGN
Visual Communication
![Page 4: Graphic design for marketing professionals](https://reader034.vdocuments.mx/reader034/viewer/2022051411/5443926fafaf9fac098b45a3/html5/thumbnails/4.jpg)
Illustrate information / Create effects / Increase recognition
![Page 5: Graphic design for marketing professionals](https://reader034.vdocuments.mx/reader034/viewer/2022051411/5443926fafaf9fac098b45a3/html5/thumbnails/5.jpg)
HOW DOWE
READ
Typography
Fonts matter.
![Page 6: Graphic design for marketing professionals](https://reader034.vdocuments.mx/reader034/viewer/2022051411/5443926fafaf9fac098b45a3/html5/thumbnails/6.jpg)
Serif / San Serif
w w
![Page 7: Graphic design for marketing professionals](https://reader034.vdocuments.mx/reader034/viewer/2022051411/5443926fafaf9fac098b45a3/html5/thumbnails/7.jpg)
Serif / San Serif
As we move from print media to digital media, we are teaching our eyes and brains to process letter types in new ways: the digital screen is made up of millions of dots known as pixels, and our eyes are lazy – they prefer to process as little stimulation as possible – and as such, our brains tell us that it is more pleasing to read san serif fonts on screen as they are composed with less pixels compared to serif fonts.
As we move from print media to digital media, we are teaching our eyes and brains to process letter types in new ways: the digital screen is made up of millions of dots known as pixels, and our eyes are lazy – they prefer to process as little stimulation as possible – and as such, our brains tell us that it is more pleasing to read san serif fonts on screen as they are composed with less pixels compared to serif fonts.
![Page 8: Graphic design for marketing professionals](https://reader034.vdocuments.mx/reader034/viewer/2022051411/5443926fafaf9fac098b45a3/html5/thumbnails/8.jpg)
Leading (spaces between lines) / Justification (flushing left, right, or center)
Your fonts also interact with your object layouts.
While design your prototype, play around with text justification to find one that will give you and your readers the maximum visual impact.
We will touch on visual hierarchy in just a bit.
Your fonts also interact with your object layouts.
While design your prototype, play around with text
justification to find one that will give
you and your readers the
maximum visual impact.
We will touch on visual hierarchy in
just a bit.
Your fonts also interact with your
object layouts.
While design your prototype, play
around with text justification to find
one that will give you and your
readers the maximum visual
impact.
We will touch on visual hierarchy in
just a bit.
![Page 9: Graphic design for marketing professionals](https://reader034.vdocuments.mx/reader034/viewer/2022051411/5443926fafaf9fac098b45a3/html5/thumbnails/9.jpg)
C.R.A.PLAYOUT
Typography
The key to impactful designs.
![Page 10: Graphic design for marketing professionals](https://reader034.vdocuments.mx/reader034/viewer/2022051411/5443926fafaf9fac098b45a3/html5/thumbnails/10.jpg)
How we read
How Do We Read?
Here is an example of the flow of reading. Our eyes move from top to bottom, left to right, while processing information on a medium.
Why so? Because we are trained to read that way. The things in our daily life reinforces this reading “habit.”
I should probably add, this is not applicable to Chinese readings.
![Page 11: Graphic design for marketing professionals](https://reader034.vdocuments.mx/reader034/viewer/2022051411/5443926fafaf9fac098b45a3/html5/thumbnails/11.jpg)
How we read
How Do We Read?
Here is an example of the flow of reading. Our eyes move from top to bottom, left to right, while processing information on a medium.
Why so? Because we are trained to read that way. The things in our daily life reinforces this reading “habit.”
I should probably add, this is not applicable to Chinese readings.
start
end
![Page 12: Graphic design for marketing professionals](https://reader034.vdocuments.mx/reader034/viewer/2022051411/5443926fafaf9fac098b45a3/html5/thumbnails/12.jpg)
How we read
How Do We Read?
Here is an example of the flow of reading. Our eyes move from top to bottom, left to right, while processing information on a medium.
Why so? Because we are trained to read that way. The things in our daily life reinforces this reading “habit.”
I should probably add, this is not applicable to Chinese readings.
start
end
SF
![Page 13: Graphic design for marketing professionals](https://reader034.vdocuments.mx/reader034/viewer/2022051411/5443926fafaf9fac098b45a3/html5/thumbnails/13.jpg)
How we read
end
start
![Page 14: Graphic design for marketing professionals](https://reader034.vdocuments.mx/reader034/viewer/2022051411/5443926fafaf9fac098b45a3/html5/thumbnails/14.jpg)
ContrastRepetitionAlignmentProximity
![Page 15: Graphic design for marketing professionals](https://reader034.vdocuments.mx/reader034/viewer/2022051411/5443926fafaf9fac098b45a3/html5/thumbnails/15.jpg)
Contrast – Difference between content, headline, body copy, and other objects.
![Page 16: Graphic design for marketing professionals](https://reader034.vdocuments.mx/reader034/viewer/2022051411/5443926fafaf9fac098b45a3/html5/thumbnails/16.jpg)
Contrast
Rise Up & Thrive
A Concert for the Thriving
![Page 17: Graphic design for marketing professionals](https://reader034.vdocuments.mx/reader034/viewer/2022051411/5443926fafaf9fac098b45a3/html5/thumbnails/17.jpg)
ContrastRepetitionAlignmentProximity
![Page 18: Graphic design for marketing professionals](https://reader034.vdocuments.mx/reader034/viewer/2022051411/5443926fafaf9fac098b45a3/html5/thumbnails/18.jpg)
Repetition: Consistent color, shape, spatial relationship, weight – a sense of unity.
![Page 19: Graphic design for marketing professionals](https://reader034.vdocuments.mx/reader034/viewer/2022051411/5443926fafaf9fac098b45a3/html5/thumbnails/19.jpg)
Repetition: Consistent color, shape, spatial relationship, weight – a sense of unity.
![Page 20: Graphic design for marketing professionals](https://reader034.vdocuments.mx/reader034/viewer/2022051411/5443926fafaf9fac098b45a3/html5/thumbnails/20.jpg)
Repetition: Consistent color, shape, spatial relationship, weight – a sense of unity.
![Page 21: Graphic design for marketing professionals](https://reader034.vdocuments.mx/reader034/viewer/2022051411/5443926fafaf9fac098b45a3/html5/thumbnails/21.jpg)
ContrastRepetitionAlignmentProximity
![Page 22: Graphic design for marketing professionals](https://reader034.vdocuments.mx/reader034/viewer/2022051411/5443926fafaf9fac098b45a3/html5/thumbnails/22.jpg)
Alignment: Non-arbitrary placement; lined-up, clean, tidy.
![Page 23: Graphic design for marketing professionals](https://reader034.vdocuments.mx/reader034/viewer/2022051411/5443926fafaf9fac098b45a3/html5/thumbnails/23.jpg)
Alignment: Non-arbitrary placement; lined-up, clean, tidy.
![Page 24: Graphic design for marketing professionals](https://reader034.vdocuments.mx/reader034/viewer/2022051411/5443926fafaf9fac098b45a3/html5/thumbnails/24.jpg)
Alignment: Non-arbitrary placement; lined-up, clean, tidy.
![Page 25: Graphic design for marketing professionals](https://reader034.vdocuments.mx/reader034/viewer/2022051411/5443926fafaf9fac098b45a3/html5/thumbnails/25.jpg)
Alignment: Non-arbitrary placement; lined-up, clean, tidy.
![Page 26: Graphic design for marketing professionals](https://reader034.vdocuments.mx/reader034/viewer/2022051411/5443926fafaf9fac098b45a3/html5/thumbnails/26.jpg)
Alignment: Non-arbitrary placement; lined-up, clean, tidy.
![Page 27: Graphic design for marketing professionals](https://reader034.vdocuments.mx/reader034/viewer/2022051411/5443926fafaf9fac098b45a3/html5/thumbnails/27.jpg)
Alignment: Non-arbitrary placement; lined-up, clean, tidy.
![Page 28: Graphic design for marketing professionals](https://reader034.vdocuments.mx/reader034/viewer/2022051411/5443926fafaf9fac098b45a3/html5/thumbnails/28.jpg)
Alignment: Non-arbitrary placement; lined-up, clean, tidy.
![Page 29: Graphic design for marketing professionals](https://reader034.vdocuments.mx/reader034/viewer/2022051411/5443926fafaf9fac098b45a3/html5/thumbnails/29.jpg)
Alignment: Non-arbitrary placement; lined-up, clean, tidy.
F
![Page 30: Graphic design for marketing professionals](https://reader034.vdocuments.mx/reader034/viewer/2022051411/5443926fafaf9fac098b45a3/html5/thumbnails/30.jpg)
ContrastRepetitionAlignmentProximity
![Page 31: Graphic design for marketing professionals](https://reader034.vdocuments.mx/reader034/viewer/2022051411/5443926fafaf9fac098b45a3/html5/thumbnails/31.jpg)
Proximity: Spacing between objects and copy – organizing visual units.
![Page 32: Graphic design for marketing professionals](https://reader034.vdocuments.mx/reader034/viewer/2022051411/5443926fafaf9fac098b45a3/html5/thumbnails/32.jpg)
Proximity: Spacing between objects and copy – organizing visual units.
![Page 33: Graphic design for marketing professionals](https://reader034.vdocuments.mx/reader034/viewer/2022051411/5443926fafaf9fac098b45a3/html5/thumbnails/33.jpg)
Proximity: Spacing between objects and copy – organizing visual units.
![Page 34: Graphic design for marketing professionals](https://reader034.vdocuments.mx/reader034/viewer/2022051411/5443926fafaf9fac098b45a3/html5/thumbnails/34.jpg)
Proximity: Spacing between objects and copy – organizing visual units.
![Page 35: Graphic design for marketing professionals](https://reader034.vdocuments.mx/reader034/viewer/2022051411/5443926fafaf9fac098b45a3/html5/thumbnails/35.jpg)
VISUALIMPACT
Impact & Hierarchy
Which is more important and which is not.
![Page 36: Graphic design for marketing professionals](https://reader034.vdocuments.mx/reader034/viewer/2022051411/5443926fafaf9fac098b45a3/html5/thumbnails/36.jpg)
Myth: Put more details on the page, more information gets communicated.Reality: You need to battle for attention. Less is more.
Most clients are greedy. They want to editorialize the ads and get the most of their bucks. But the fact is no one cares! But bombarding the page with lots of visual elements and copy is a suicidal act… it turns your readers away.
As a designer, your task is to get rid of the clutter and emphasize only the essential information. Grab your readers at first look.
But for more info:http://www.website.com
Your readers look at this.
Then they skim this.Maybe this too.
Now, get them there:survivethrive.net
![Page 37: Graphic design for marketing professionals](https://reader034.vdocuments.mx/reader034/viewer/2022051411/5443926fafaf9fac098b45a3/html5/thumbnails/37.jpg)
Myth: Put more details on the page, more information gets communicated.Reality: You need to battle for attention. Less is more.
![Page 38: Graphic design for marketing professionals](https://reader034.vdocuments.mx/reader034/viewer/2022051411/5443926fafaf9fac098b45a3/html5/thumbnails/38.jpg)
RecapGraphic Design as Visual Comm.TypographyC.R.A.P LayoutImpact and Visual Hierarchy
![Page 39: Graphic design for marketing professionals](https://reader034.vdocuments.mx/reader034/viewer/2022051411/5443926fafaf9fac098b45a3/html5/thumbnails/39.jpg)
© Jason Tham | 320.310.9654 | www.jasontham.com
THANKYOU