SlideShare a Scribd company logo
When used with purpose, fonts can make your
designs stand out, convey your message clearly
and get your text to jump off the page. Beginners,
try these five tips to enhance your designs.
Remember, mastering text is a crucial factor for
visual success!
Typographic hierarchy refers to the
order that text is read. The eye is
naturally drawn to large or dominant
elements, so choose the largest font size
for your title, followed by your subtitle,
then your body text.
Choosing fonts with high contrast is a great
rule-of-thumb for striking titles and subtitles.
The fonts above contrast each other
by featuring different styles – upper case and
lower case lines of text. The font Anton has
been used for the headline „weekender‟, and
Julians Sans One for the subtitle.
Here contrast has been created by using
different font weights – the font Raleway Heavy
has been used for the title, and Raleway Regular
for the subtitle.
The contrast is also emphasised by making the
size of the two fonts very different. In many
cases, the more contrasted the fonts are, the
more they will complement each other!
Font readability is especially important for longer sections
of text. Try avoid using elaborate (script) fonts or upper
case text, as these options can strain the eye. Save these for
titles or headings.
The graphic above uses serif and sans serif fonts, which are
generally a better option. The design also features very high
contrast. The background is very dark, and the text is white.
This is another great way to increase readability with font.
The phrase above has been aligned to form a
rectangle shape, creating a geometric block of text.
In order to make different words fit the shape, the
font size of each line of text has been altered. In
addition, the letter spacing of the second line has
been increased. This is a creative, simple way to
increase the impact of your message.
When used creatively, this bombshell
skill holds the potential to make your
designs look professional, read
flawlessly, and capture the essence of
your content with impact!
The terms „regular‟ and „bold‟ refer to the weight of a
particular font. Regular and bold font pairs are a great
way to achieve variation without using more than one
font.
Bold fonts are the loud-mouth of the pair, so use them
for words you want to project or emphasise. See Raleway
Regular and Raleway Bold above.
This font combo is the extrovert of the font pairing
world – sure of itself and bursting with character! A
great option for jazzing up a design. The clean, confident
lines of bold fonts balance out the elaborate, decorative
nature of script fonts.
Tall fonts, like a tall poppy personality, demand to be heard.
Their strongly condensed nature is unique, and creates a great
basis for contrast.
Tall poppies need to be brought back down to earth. Likewise,
tall fonts are balanced beautifully by short fonts. Oswald (a
tall font) achieves this harmony when paired with Roberto.
A font pair you can reply on to look good together –
through thick and thin (couldn‟t help it). Aim for high
contrast when choosing these type of fonts.
In the design above, the fonts that appear from top to
bottom include: Raleway Heavy, Raleway Regular and
Julian Sans One.
Regular fonts and italics feature a kind of good cop/ bad cop
dynamic – one says it like it is, the other edges to say more.
In the design above, the use of italics adds a soft touch to the
phrase “And I must go” – hinting to its significance. Don‟t feel
obliged to use two different fonts, note here the use of Libre
Baskerville regular/italic.
Good graphic design doesn’t
happen by mistake, and neither
does clever font marriage.
Sans serifs fonts offer strong geometric lines and are great
to use over images, as they can help with legibility.
Applying a bold font can compliment a short word nicely.
When used in the centre, it will also anchor your
design. Balance hierarchy by ensuring your focal words are
prominent.
Julius Sans One + Roboto Condensed Bold
You don‟t have to use different fonts to get a dramatic effect, use
light and bold versions of the same family for versatility.
Round and narrow typefaces offset nicely against each other.
Here I have spaced out the narrow wording to give it extra room
to breathe.
Extra tip: Apply a solid frame around your text to contain it,
but ensure the weight of the box corresponds to the thickness of
the typeface you use.
Raleway Bold/Regular + Archivo Narrow
Take an elegant and traditional approach to your design by using a serif
font. Libre Baskerville offers a variation of styles. For example, using an
italic pronounces a word or subheading without having to change font-
families.
Break apart sections of your copy to create hierarchy using color. Extra
info – if you want to place copy over image make sure you find a clear
space where your text won‟t be invaded by a feature in the photo.
Libre Baskerville Italic + Regular
Finding fonts that look similar for your header, sub and body copy is a clever way
to create nuance within your text. Coustard is a heavier typeface, appropriate for
a title font, while Arvo has a little more finesse – good for body copy.
Make sure the font sings the song of the subject, apply an appropriate typeface
according to the content. This post was about organic grains so I used a more
traditional serif font selection.
Extra tip: Apply transparency to your background if you are using an image with
texture (like seeds in this design) to create contrast and stronger text legibility.
Coustard + Arvo
And the last thing,
Only use maximumly 3 fonts in one design and,
Keep. It. Simple. Stupid.

More Related Content

What's hot

Rough cut comparison
Rough cut comparisonRough cut comparison
Rough cut comparison
Annabel Hodgson
 
Power point grammar explanation pages 262 263
Power point grammar explanation pages 262 263Power point grammar explanation pages 262 263
Power point grammar explanation pages 262 263Anne Agard
 
Masthead ideas
Masthead ideasMasthead ideas
Masthead ideas
jessicahooker6
 
Case study typography
Case study typographyCase study typography
Case study typographythartwell123
 
Planning
PlanningPlanning
Planning
Jack Hickman
 
Power point grammar explanation pages 262 263
Power point grammar explanation pages 262 263Power point grammar explanation pages 262 263
Power point grammar explanation pages 262 263Anne Agard
 
Extensis Web Typography Workshop | WebVisions Portland
Extensis Web Typography Workshop | WebVisions PortlandExtensis Web Typography Workshop | WebVisions Portland
Extensis Web Typography Workshop | WebVisions Portland
Extensis
 
Tot grammar-nov-151121133707-lva1-app6892
Tot grammar-nov-151121133707-lva1-app6892Tot grammar-nov-151121133707-lva1-app6892
Tot grammar-nov-151121133707-lva1-app6892
Natalia Vatamaniuc
 
Font analysis
Font analysisFont analysis
Font analysis
bethdavies5
 
Fonts-Jake Chalmers
Fonts-Jake ChalmersFonts-Jake Chalmers
Fonts-Jake Chalmers
lucygoodhew
 
Fonts i used on my
Fonts i used on myFonts i used on my
Fonts i used on my
Zaralucille
 
Codes and conventions front page
Codes and conventions front pageCodes and conventions front page
Codes and conventions front page
Toby Allen
 
Codes and conventions of contents pages!
Codes and conventions of contents pages!Codes and conventions of contents pages!
Codes and conventions of contents pages!eleanorraftery2
 
Documentary posters
Documentary postersDocumentary posters
Documentary posters
ICECUBE89
 
MLA Formatting Slides
MLA Formatting SlidesMLA Formatting Slides
MLA Formatting Slides
Sam Georgi
 

What's hot (20)

Rough cut comparison
Rough cut comparisonRough cut comparison
Rough cut comparison
 
Style Sheets
Style SheetsStyle Sheets
Style Sheets
 
Power point grammar explanation pages 262 263
Power point grammar explanation pages 262 263Power point grammar explanation pages 262 263
Power point grammar explanation pages 262 263
 
Masthead ideas
Masthead ideasMasthead ideas
Masthead ideas
 
Case study typography
Case study typographyCase study typography
Case study typography
 
Planning
PlanningPlanning
Planning
 
Formatting a Novel
Formatting a NovelFormatting a Novel
Formatting a Novel
 
Power point grammar explanation pages 262 263
Power point grammar explanation pages 262 263Power point grammar explanation pages 262 263
Power point grammar explanation pages 262 263
 
Extensis Web Typography Workshop | WebVisions Portland
Extensis Web Typography Workshop | WebVisions PortlandExtensis Web Typography Workshop | WebVisions Portland
Extensis Web Typography Workshop | WebVisions Portland
 
Tot grammar-nov-151121133707-lva1-app6892
Tot grammar-nov-151121133707-lva1-app6892Tot grammar-nov-151121133707-lva1-app6892
Tot grammar-nov-151121133707-lva1-app6892
 
Font analysis
Font analysisFont analysis
Font analysis
 
Fonts-Jake Chalmers
Fonts-Jake ChalmersFonts-Jake Chalmers
Fonts-Jake Chalmers
 
Fonts i used on my
Fonts i used on myFonts i used on my
Fonts i used on my
 
Fonts
FontsFonts
Fonts
 
Fonts
FontsFonts
Fonts
 
Font
FontFont
Font
 
Codes and conventions front page
Codes and conventions front pageCodes and conventions front page
Codes and conventions front page
 
Codes and conventions of contents pages!
Codes and conventions of contents pages!Codes and conventions of contents pages!
Codes and conventions of contents pages!
 
Documentary posters
Documentary postersDocumentary posters
Documentary posters
 
MLA Formatting Slides
MLA Formatting SlidesMLA Formatting Slides
MLA Formatting Slides
 

Similar to Basic Design Theory - 2

Categories of fonts
Categories of fontsCategories of fonts
Categories of fonts
Sally Garza
 
Presentation 1 asgardia
Presentation 1 asgardiaPresentation 1 asgardia
Presentation 1 asgardia
Alix Fraser
 
Describing type
Describing typeDescribing type
Describing type
connor wake
 
11. Typography data visualization .pdf
11. Typography data visualization .pdf11. Typography data visualization .pdf
11. Typography data visualization .pdf
ssusercc3ff71
 
16. A Basic Introduction to Typography (Inglés) (Presentación) autor Northern...
16. A Basic Introduction to Typography (Inglés) (Presentación) autor Northern...16. A Basic Introduction to Typography (Inglés) (Presentación) autor Northern...
16. A Basic Introduction to Typography (Inglés) (Presentación) autor Northern...
prologuitoedic
 
Best Resume Fonts Creative. Garamond is a classic
Best Resume Fonts Creative. Garamond is a classicBest Resume Fonts Creative. Garamond is a classic
Best Resume Fonts Creative. Garamond is a classic
Brandy Johnson
 
POW! Your Point Handout 2: Design Basics
POW! Your Point Handout 2: Design BasicsPOW! Your Point Handout 2: Design Basics
POW! Your Point Handout 2: Design Basics
MesaPublicLibrary
 
all About typography compete on my page
all About typography compete   on my pageall About typography compete   on my page
all About typography compete on my page
amjadalimarwa
 
A crash course in typography
A crash course in typographyA crash course in typography
A crash course in typography
Migle Migle
 
Typography manual2pages
Typography manual2pagesTypography manual2pages
Typography manual2pages
KristinaNiesova
 
VA1160 - Class 11
VA1160 - Class 11VA1160 - Class 11
VA1160 - Class 11Bryan Chung
 
What the Font? A Quick & Helpful Guide for Professional Typography Usage
What the Font? A Quick & Helpful Guide for Professional Typography UsageWhat the Font? A Quick & Helpful Guide for Professional Typography Usage
What the Font? A Quick & Helpful Guide for Professional Typography Usage
dezinegirl creative studio
 
Typography and online communication
Typography and online communication Typography and online communication
Typography and online communication
nazim iqbal
 
Typography presentation
Typography presentationTypography presentation
Typography presentationGreg Sarles
 

Similar to Basic Design Theory - 2 (20)

Type
TypeType
Type
 
Categories of fonts
Categories of fontsCategories of fonts
Categories of fonts
 
Presentation 1 asgardia
Presentation 1 asgardiaPresentation 1 asgardia
Presentation 1 asgardia
 
Describing type
Describing typeDescribing type
Describing type
 
11. Typography data visualization .pdf
11. Typography data visualization .pdf11. Typography data visualization .pdf
11. Typography data visualization .pdf
 
16. A Basic Introduction to Typography (Inglés) (Presentación) autor Northern...
16. A Basic Introduction to Typography (Inglés) (Presentación) autor Northern...16. A Basic Introduction to Typography (Inglés) (Presentación) autor Northern...
16. A Basic Introduction to Typography (Inglés) (Presentación) autor Northern...
 
Best Resume Fonts Creative. Garamond is a classic
Best Resume Fonts Creative. Garamond is a classicBest Resume Fonts Creative. Garamond is a classic
Best Resume Fonts Creative. Garamond is a classic
 
POW! Your Point Handout 2: Design Basics
POW! Your Point Handout 2: Design BasicsPOW! Your Point Handout 2: Design Basics
POW! Your Point Handout 2: Design Basics
 
all About typography compete on my page
all About typography compete   on my pageall About typography compete   on my page
all About typography compete on my page
 
A crash course in typography
A crash course in typographyA crash course in typography
A crash course in typography
 
Typography manual2pages
Typography manual2pagesTypography manual2pages
Typography manual2pages
 
Font stylesheet
Font stylesheetFont stylesheet
Font stylesheet
 
VA1160 - Class 11
VA1160 - Class 11VA1160 - Class 11
VA1160 - Class 11
 
2010 04 Formatting Text
2010 04 Formatting Text2010 04 Formatting Text
2010 04 Formatting Text
 
What the Font? A Quick & Helpful Guide for Professional Typography Usage
What the Font? A Quick & Helpful Guide for Professional Typography UsageWhat the Font? A Quick & Helpful Guide for Professional Typography Usage
What the Font? A Quick & Helpful Guide for Professional Typography Usage
 
Formatting Text
Formatting TextFormatting Text
Formatting Text
 
multimedia (2nd)
 multimedia (2nd) multimedia (2nd)
multimedia (2nd)
 
Fonts!
Fonts!Fonts!
Fonts!
 
Typography and online communication
Typography and online communication Typography and online communication
Typography and online communication
 
Typography presentation
Typography presentationTypography presentation
Typography presentation
 

More from Karina Ananta

How to Create an Engagement Session for Your Presentation
How to Create an Engagement Session for Your PresentationHow to Create an Engagement Session for Your Presentation
How to Create an Engagement Session for Your Presentation
Karina Ananta
 
Leadership that matters
Leadership that mattersLeadership that matters
Leadership that matters
Karina Ananta
 
The Hero Journey
The Hero Journey The Hero Journey
The Hero Journey
Karina Ananta
 
Cara Menjadi Marketing - Workshop
Cara Menjadi Marketing - WorkshopCara Menjadi Marketing - Workshop
Cara Menjadi Marketing - Workshop
Karina Ananta
 
Personal Development Plan - Training
Personal Development Plan - TrainingPersonal Development Plan - Training
Personal Development Plan - Training
Karina Ananta
 
Networking Night - How to do Networking 101
Networking Night - How to do Networking 101Networking Night - How to do Networking 101
Networking Night - How to do Networking 101
Karina Ananta
 
10x Thinking - Leadership Development Session
10x Thinking - Leadership Development Session10x Thinking - Leadership Development Session
10x Thinking - Leadership Development Session
Karina Ananta
 
Marketing 101 - Back to Basic
Marketing 101 - Back to BasicMarketing 101 - Back to Basic
Marketing 101 - Back to Basic
Karina Ananta
 
Eye opening : marketing case
Eye opening  : marketing caseEye opening  : marketing case
Eye opening : marketing case
Karina Ananta
 
Basic Design Theory - 1
Basic Design Theory - 1Basic Design Theory - 1
Basic Design Theory - 1
Karina Ananta
 
September marketing meeting
September marketing meetingSeptember marketing meeting
September marketing meeting
Karina Ananta
 
Bxp 13th sept meeting
Bxp 13th sept meetingBxp 13th sept meeting
Bxp 13th sept meeting
Karina Ananta
 
August marketing meeting
August marketing meetingAugust marketing meeting
August marketing meeting
Karina Ananta
 
Marketing Class 2
Marketing Class 2Marketing Class 2
Marketing Class 2
Karina Ananta
 
Value Driven Marketing
Value Driven MarketingValue Driven Marketing
Value Driven Marketing
Karina Ananta
 
One brand one identity
One brand one identityOne brand one identity
One brand one identity
Karina Ananta
 
Marketing Functional standardization
Marketing Functional standardizationMarketing Functional standardization
Marketing Functional standardization
Karina Ananta
 
EST Summit - 4 - Customer Journey Strategy
EST Summit - 4 - Customer Journey StrategyEST Summit - 4 - Customer Journey Strategy
EST Summit - 4 - Customer Journey Strategy
Karina Ananta
 
Est summit - 3 (Customer Journey Path)
Est summit - 3 (Customer Journey Path)Est summit - 3 (Customer Journey Path)
Est summit - 3 (Customer Journey Path)
Karina Ananta
 
Est summit - 2 (Market Research Analyze)
Est summit - 2 (Market Research Analyze)Est summit - 2 (Market Research Analyze)
Est summit - 2 (Market Research Analyze)
Karina Ananta
 

More from Karina Ananta (20)

How to Create an Engagement Session for Your Presentation
How to Create an Engagement Session for Your PresentationHow to Create an Engagement Session for Your Presentation
How to Create an Engagement Session for Your Presentation
 
Leadership that matters
Leadership that mattersLeadership that matters
Leadership that matters
 
The Hero Journey
The Hero Journey The Hero Journey
The Hero Journey
 
Cara Menjadi Marketing - Workshop
Cara Menjadi Marketing - WorkshopCara Menjadi Marketing - Workshop
Cara Menjadi Marketing - Workshop
 
Personal Development Plan - Training
Personal Development Plan - TrainingPersonal Development Plan - Training
Personal Development Plan - Training
 
Networking Night - How to do Networking 101
Networking Night - How to do Networking 101Networking Night - How to do Networking 101
Networking Night - How to do Networking 101
 
10x Thinking - Leadership Development Session
10x Thinking - Leadership Development Session10x Thinking - Leadership Development Session
10x Thinking - Leadership Development Session
 
Marketing 101 - Back to Basic
Marketing 101 - Back to BasicMarketing 101 - Back to Basic
Marketing 101 - Back to Basic
 
Eye opening : marketing case
Eye opening  : marketing caseEye opening  : marketing case
Eye opening : marketing case
 
Basic Design Theory - 1
Basic Design Theory - 1Basic Design Theory - 1
Basic Design Theory - 1
 
September marketing meeting
September marketing meetingSeptember marketing meeting
September marketing meeting
 
Bxp 13th sept meeting
Bxp 13th sept meetingBxp 13th sept meeting
Bxp 13th sept meeting
 
August marketing meeting
August marketing meetingAugust marketing meeting
August marketing meeting
 
Marketing Class 2
Marketing Class 2Marketing Class 2
Marketing Class 2
 
Value Driven Marketing
Value Driven MarketingValue Driven Marketing
Value Driven Marketing
 
One brand one identity
One brand one identityOne brand one identity
One brand one identity
 
Marketing Functional standardization
Marketing Functional standardizationMarketing Functional standardization
Marketing Functional standardization
 
EST Summit - 4 - Customer Journey Strategy
EST Summit - 4 - Customer Journey StrategyEST Summit - 4 - Customer Journey Strategy
EST Summit - 4 - Customer Journey Strategy
 
Est summit - 3 (Customer Journey Path)
Est summit - 3 (Customer Journey Path)Est summit - 3 (Customer Journey Path)
Est summit - 3 (Customer Journey Path)
 
Est summit - 2 (Market Research Analyze)
Est summit - 2 (Market Research Analyze)Est summit - 2 (Market Research Analyze)
Est summit - 2 (Market Research Analyze)
 

Recently uploaded

Top Israeli Products and Brands - Plan it israel.pdf
Top Israeli Products and Brands - Plan it israel.pdfTop Israeli Products and Brands - Plan it israel.pdf
Top Israeli Products and Brands - Plan it israel.pdf
PlanitIsrael
 
Portfolio.pdf
Portfolio.pdfPortfolio.pdf
Portfolio.pdf
garcese
 
Book Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for DesignersBook Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for Designers
Confidence Ago
 
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
7sd8fier
 
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
9a93xvy
 
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
h7j5io0
 
RTUYUIJKLDSADAGHBDJNKSMAL,D
RTUYUIJKLDSADAGHBDJNKSMAL,DRTUYUIJKLDSADAGHBDJNKSMAL,D
RTUYUIJKLDSADAGHBDJNKSMAL,D
cy0krjxt
 
Transforming Brand Perception and Boosting Profitability
Transforming Brand Perception and Boosting ProfitabilityTransforming Brand Perception and Boosting Profitability
Transforming Brand Perception and Boosting Profitability
aaryangarg12
 
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
h7j5io0
 
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
9a93xvy
 
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
n0tivyq
 
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
smpc3nvg
 
White wonder, Work developed by Eva Tschopp
White wonder, Work developed by Eva TschoppWhite wonder, Work developed by Eva Tschopp
White wonder, Work developed by Eva Tschopp
Mansi Shah
 
Research 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdfResearch 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdf
ameli25062005
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
cy0krjxt
 
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
taqyed
 
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
Mansi Shah
 
National-Learning-Camp 2024 deped....pptx
National-Learning-Camp 2024 deped....pptxNational-Learning-Camp 2024 deped....pptx
National-Learning-Camp 2024 deped....pptx
AlecAnidul
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
cy0krjxt
 
Borys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior designBorys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior design
boryssutkowski
 

Recently uploaded (20)

Top Israeli Products and Brands - Plan it israel.pdf
Top Israeli Products and Brands - Plan it israel.pdfTop Israeli Products and Brands - Plan it israel.pdf
Top Israeli Products and Brands - Plan it israel.pdf
 
Portfolio.pdf
Portfolio.pdfPortfolio.pdf
Portfolio.pdf
 
Book Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for DesignersBook Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for Designers
 
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
 
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
 
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
 
RTUYUIJKLDSADAGHBDJNKSMAL,D
RTUYUIJKLDSADAGHBDJNKSMAL,DRTUYUIJKLDSADAGHBDJNKSMAL,D
RTUYUIJKLDSADAGHBDJNKSMAL,D
 
Transforming Brand Perception and Boosting Profitability
Transforming Brand Perception and Boosting ProfitabilityTransforming Brand Perception and Boosting Profitability
Transforming Brand Perception and Boosting Profitability
 
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
 
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
 
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
 
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
 
White wonder, Work developed by Eva Tschopp
White wonder, Work developed by Eva TschoppWhite wonder, Work developed by Eva Tschopp
White wonder, Work developed by Eva Tschopp
 
Research 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdfResearch 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdf
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
 
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
 
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
 
National-Learning-Camp 2024 deped....pptx
National-Learning-Camp 2024 deped....pptxNational-Learning-Camp 2024 deped....pptx
National-Learning-Camp 2024 deped....pptx
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
 
Borys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior designBorys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior design
 

Basic Design Theory - 2

  • 1.
  • 2. When used with purpose, fonts can make your designs stand out, convey your message clearly and get your text to jump off the page. Beginners, try these five tips to enhance your designs. Remember, mastering text is a crucial factor for visual success!
  • 3. Typographic hierarchy refers to the order that text is read. The eye is naturally drawn to large or dominant elements, so choose the largest font size for your title, followed by your subtitle, then your body text.
  • 4. Choosing fonts with high contrast is a great rule-of-thumb for striking titles and subtitles. The fonts above contrast each other by featuring different styles – upper case and lower case lines of text. The font Anton has been used for the headline „weekender‟, and Julians Sans One for the subtitle.
  • 5. Here contrast has been created by using different font weights – the font Raleway Heavy has been used for the title, and Raleway Regular for the subtitle. The contrast is also emphasised by making the size of the two fonts very different. In many cases, the more contrasted the fonts are, the more they will complement each other!
  • 6. Font readability is especially important for longer sections of text. Try avoid using elaborate (script) fonts or upper case text, as these options can strain the eye. Save these for titles or headings. The graphic above uses serif and sans serif fonts, which are generally a better option. The design also features very high contrast. The background is very dark, and the text is white. This is another great way to increase readability with font.
  • 7. The phrase above has been aligned to form a rectangle shape, creating a geometric block of text. In order to make different words fit the shape, the font size of each line of text has been altered. In addition, the letter spacing of the second line has been increased. This is a creative, simple way to increase the impact of your message.
  • 8. When used creatively, this bombshell skill holds the potential to make your designs look professional, read flawlessly, and capture the essence of your content with impact!
  • 9. The terms „regular‟ and „bold‟ refer to the weight of a particular font. Regular and bold font pairs are a great way to achieve variation without using more than one font. Bold fonts are the loud-mouth of the pair, so use them for words you want to project or emphasise. See Raleway Regular and Raleway Bold above.
  • 10. This font combo is the extrovert of the font pairing world – sure of itself and bursting with character! A great option for jazzing up a design. The clean, confident lines of bold fonts balance out the elaborate, decorative nature of script fonts.
  • 11. Tall fonts, like a tall poppy personality, demand to be heard. Their strongly condensed nature is unique, and creates a great basis for contrast. Tall poppies need to be brought back down to earth. Likewise, tall fonts are balanced beautifully by short fonts. Oswald (a tall font) achieves this harmony when paired with Roberto.
  • 12. A font pair you can reply on to look good together – through thick and thin (couldn‟t help it). Aim for high contrast when choosing these type of fonts. In the design above, the fonts that appear from top to bottom include: Raleway Heavy, Raleway Regular and Julian Sans One.
  • 13. Regular fonts and italics feature a kind of good cop/ bad cop dynamic – one says it like it is, the other edges to say more. In the design above, the use of italics adds a soft touch to the phrase “And I must go” – hinting to its significance. Don‟t feel obliged to use two different fonts, note here the use of Libre Baskerville regular/italic.
  • 14. Good graphic design doesn’t happen by mistake, and neither does clever font marriage.
  • 15. Sans serifs fonts offer strong geometric lines and are great to use over images, as they can help with legibility. Applying a bold font can compliment a short word nicely. When used in the centre, it will also anchor your design. Balance hierarchy by ensuring your focal words are prominent. Julius Sans One + Roboto Condensed Bold
  • 16. You don‟t have to use different fonts to get a dramatic effect, use light and bold versions of the same family for versatility. Round and narrow typefaces offset nicely against each other. Here I have spaced out the narrow wording to give it extra room to breathe. Extra tip: Apply a solid frame around your text to contain it, but ensure the weight of the box corresponds to the thickness of the typeface you use. Raleway Bold/Regular + Archivo Narrow
  • 17. Take an elegant and traditional approach to your design by using a serif font. Libre Baskerville offers a variation of styles. For example, using an italic pronounces a word or subheading without having to change font- families. Break apart sections of your copy to create hierarchy using color. Extra info – if you want to place copy over image make sure you find a clear space where your text won‟t be invaded by a feature in the photo. Libre Baskerville Italic + Regular
  • 18. Finding fonts that look similar for your header, sub and body copy is a clever way to create nuance within your text. Coustard is a heavier typeface, appropriate for a title font, while Arvo has a little more finesse – good for body copy. Make sure the font sings the song of the subject, apply an appropriate typeface according to the content. This post was about organic grains so I used a more traditional serif font selection. Extra tip: Apply transparency to your background if you are using an image with texture (like seeds in this design) to create contrast and stronger text legibility. Coustard + Arvo
  • 19. And the last thing, Only use maximumly 3 fonts in one design and, Keep. It. Simple. Stupid.