SlideShare ist ein Scribd-Unternehmen logo
1 von 43
Project Shop: How It Works
Weekly LIVE Lessons
â—Ź Every Monday 30 mins-1 hour
â—Ź Replay Sent out Same Day
Assignments
â—Ź Due Every Sunday Night by Midnight
â—Ź Use Assignment Sheet for Worksheets
and Submission Link
Q&A
â—Ź Email Support
â—Ź Bi-Weekly LIVE Q&A
Finished Project
â—Ź Each Week Complete 1 step of Project
â—Ź Last Week Do Final Step, Turn in Project
Designing with
Canva
Overview:
Designing
with
Canva
Week 1:
Canva Tour-How it works
Week 2:
Fonts, Colors, Images
Week 3:
Background, Shapes, Layouts
Week 4:
Branding Basics & Final Design
Fonts, Colors
& Images
F
I N T R O D U C T I O N
Why fonts, colors, and images matter
FONT selection can be a daunting task with the endless possibilities of typefaces, weights,
and sizes. When used skillfully, fonts can make your designs distinctive and convey your
message with impact.
COLOR relationships are fundamental to great design. Knowing how
to navigate the color wheel can help beginner designers understand how to compose stunning
and expressive color palettes.
IMAGES capture emotion in ways that can serve to evoke specific responses from your
audience. With thoughtful selection and manipulation, you can use these images to tell the
story of your design.
Colors Images
F
Fonts
T O D A Y ' S
Agenda
F
Fonts
Hitler?
C H O O S I N G F O N T S
Basic typographic terms
Display
decorative-Use Sparingly
C H O O S I N G F O N T S
Basic typographic terms
Letter spacing (tracking), is the space between
letters on a line. Use this technique to elongate
shorter words and create flush lines of text.
Line height is the distance between text from
baseline to baseline. Alter this space to provide
breathing room for tightly tracked lines of copy.
F
Choosing Fonts
C H O O S I N G F O N T S
Consider the style
magical, whimsical playful, fun
strong, reliablestylish, sophisticated
Emphasize your message
STRONG
hand-made
Elegant
Simple
Cute
Refined
"If you can't fly, then
run, if you can't run,
then walk, if you can't
walk, then crawl, but
whatever you do,
you have to keep moving
forward."
Martin Luther King Jr. Martin Luther King Jr.
C H O O S I N G F O N T S
Make it readable
" If you can't fly, then run,
if you can't run, then walk, if you
can't walk, then crawl, but
whatever you do,
you have to keep moving
forward."
Title:
Subtitle:
Body:
Raleway Heavy, size 42
RALEWAY, all caps, size 21
Raleway thin, size 18
Proceed to tutorial
C H O O S I N G F O N T S
Use Text
hierarchy
F
Pairing Fonts
Bold and Regular Script and Sans Serif
P A I R I N G F O N T S
Create character contrast
Serif Regular
and Serif Italics
Proceed to tutorial
P A I R I N G F O N T S
Create emphasis
Sans and
Serif Italics
Spaced and Condensed
P A I R I N G F O N T S
Demand attention
F
Font Titles
RIGHTALIGNED
CENTERALIGNED
Order and impact through alignment
LEFTALIGNED
Balance through text spacing
Proceed to tutorial
Colors
The color wheel is a spectrum of 16 million different
colors, each identifiable by a unique hex code.
C H O O S I N G C O L O R S
The color wheel
Hex code:
#00ffd5
Hex code:
#63ff82 Hex
code: #ff46a4
Cool
Greens, blues, and purples evoke
calm and soothing emotions.
Warm
Reds, oranges, and yellows evoke
energy and vibrant emotions.
C H O O S I N G C O L O R S
Evoke emotion through color
C H O O S I N G C O L O R S
Explore a color gradient
Use the sliders to obtain lighter or darker
versions of the same color.
C O L O R R E L A T I O N S H I P S
Harmony through similar colors
Analogous colors are located next to each other on the color
wheel, resulting in seamless, low contrast harmony.
C O L O R R E L A T I O N S H I P S
Monochrome
Monochromatic colors are dark, medium, and
light versions of the same color.
C O L O R R E L A T I O N S H I P S
Contrast using complements
Complementary colors are on opposite side of the color wheel,
creating the most contrast with each other.
Proceed to tutorial
U S I N G C O L O R S
Create a color palette
Limit your color palette to
four colors.
Use a vibrant color to make
elements stand out.
Choose colors appropriate to
the subject of your design.
Proceed to tutorial
EST. 1994
THE
Organic Roast
COFFEE: BREAKFAST BLEND
NAME: ALEXANDRA
TYPE: MACCHIATO
Sorry! WE’RE
CLOSED W h o l e g r a i n
GOODNESS
Images
T H E P O W E R O F G R
I D S
Use grids to frame your images
Use grids to frame and resize your images.
T H E P O W E R O F G R
I D S
Resize images in your grids
Proceed to tutorial
Double-clicking on an image placed within a grid allows you to resize
or move images for visually interesting placement.
P H O T O F I L T E R S
Filters to correct and enhance
Make an image crisper and cleaner by adjusting the
brightness, contrast, and saturation filters.
P H O T O F I L T E R S
Evoke moods with filters
Applying photo filters can create or highlight certain
moods embodied by your image.
P H O T O F I L T E R S
Maintain a consistent look and feel
Proceed to tutorial
Maintain consistency in your graphics
by applying the same filter codes to
your images.
Your TASK
Should take less
than 30 minutes
Tutorial 1:
Choosing Fonts
Tutorial 2:
Font Pairing
Tutorial 3:
Titles
Tutorial 4:
Colors
Tutorial 5:
Color Palettes
Tutorial 6:
Enhancing Images
Your TASK
â—Ź Choose Your Font
â—Ź Choose Your Text (what you
will write)
â—Ź Choose your Colors and give
Hex codes

Weitere ähnliche Inhalte

Ă„hnlich wie Project Shop: 2019 Canva Design Basics (lesson 2) Fonts, Colors, & Images

The 'Aha' Moment: How Great Designs Play With Our Psychology?
The 'Aha' Moment: How Great Designs Play With Our Psychology?The 'Aha' Moment: How Great Designs Play With Our Psychology?
The 'Aha' Moment: How Great Designs Play With Our Psychology?Logo Design Guru
 
notebook-lesson-XL.pptx
notebook-lesson-XL.pptxnotebook-lesson-XL.pptx
notebook-lesson-XL.pptxfernandopajar1
 
Information Design
Information DesignInformation Design
Information DesignJodie Nicotra
 
Graffiti – art_or_vandalism
Graffiti – art_or_vandalismGraffiti – art_or_vandalism
Graffiti – art_or_vandalismDonna Wynne-Markham
 
Eva Anderson - Graphic Design for Readability
Eva Anderson - Graphic Design for ReadabilityEva Anderson - Graphic Design for Readability
Eva Anderson - Graphic Design for ReadabilityPlain Talk 2015
 
Design principles and color presentation
Design principles and color presentationDesign principles and color presentation
Design principles and color presentationkmcintyre3
 
Designing with Color for User Interfaces
Designing with Color for User InterfacesDesigning with Color for User Interfaces
Designing with Color for User InterfacesAndi Galpern
 
Sendible Webinar: Smart Social Media Management with Simplicity in Graphic De...
Sendible Webinar: Smart Social Media Management with Simplicity in Graphic De...Sendible Webinar: Smart Social Media Management with Simplicity in Graphic De...
Sendible Webinar: Smart Social Media Management with Simplicity in Graphic De...Sendible
 
Designing Presentations
Designing PresentationsDesigning Presentations
Designing PresentationsThe Media Kitchen
 
Design Basics: Arizona State University
Design Basics: Arizona State UniversityDesign Basics: Arizona State University
Design Basics: Arizona State UniversityNina Miller
 
Typography 2 Magazine
Typography 2 Magazine Typography 2 Magazine
Typography 2 Magazine rgarber427
 
Visual Design Principles 2018
Visual Design Principles 2018Visual Design Principles 2018
Visual Design Principles 2018Jeff Hendrickson
 
Guide to decks
Guide to decksGuide to decks
Guide to decksGrace Ke
 
Visual inventory Ninja Noodle
Visual inventory Ninja NoodleVisual inventory Ninja Noodle
Visual inventory Ninja Noodlejamel_s
 
Presentation creation design, typography rules, research skills & canva tutor...
Presentation creation design, typography rules, research skills & canva tutor...Presentation creation design, typography rules, research skills & canva tutor...
Presentation creation design, typography rules, research skills & canva tutor...Heather Krueger
 
Effective Power Point
Effective Power PointEffective Power Point
Effective Power Pointguest45d3ba3
 
Effective Power Point
Effective Power PointEffective Power Point
Effective Power Pointmroe
 
Bruce Block's Visual Components For Filmmakers
Bruce Block's Visual Components For FilmmakersBruce Block's Visual Components For Filmmakers
Bruce Block's Visual Components For Filmmakersthomasjcastillo
 
Welcome Back to Elementary Class - Gamification Activities by Slidesgo.pptx
Welcome Back to Elementary Class - Gamification Activities by Slidesgo.pptxWelcome Back to Elementary Class - Gamification Activities by Slidesgo.pptx
Welcome Back to Elementary Class - Gamification Activities by Slidesgo.pptxIsabelMuozPintos
 
1.09 the choices we make
1.09 the choices we make1.09 the choices we make
1.09 the choices we makeVasili Andrews
 

Ă„hnlich wie Project Shop: 2019 Canva Design Basics (lesson 2) Fonts, Colors, & Images (20)

The 'Aha' Moment: How Great Designs Play With Our Psychology?
The 'Aha' Moment: How Great Designs Play With Our Psychology?The 'Aha' Moment: How Great Designs Play With Our Psychology?
The 'Aha' Moment: How Great Designs Play With Our Psychology?
 
notebook-lesson-XL.pptx
notebook-lesson-XL.pptxnotebook-lesson-XL.pptx
notebook-lesson-XL.pptx
 
Information Design
Information DesignInformation Design
Information Design
 
Graffiti – art_or_vandalism
Graffiti – art_or_vandalismGraffiti – art_or_vandalism
Graffiti – art_or_vandalism
 
Eva Anderson - Graphic Design for Readability
Eva Anderson - Graphic Design for ReadabilityEva Anderson - Graphic Design for Readability
Eva Anderson - Graphic Design for Readability
 
Design principles and color presentation
Design principles and color presentationDesign principles and color presentation
Design principles and color presentation
 
Designing with Color for User Interfaces
Designing with Color for User InterfacesDesigning with Color for User Interfaces
Designing with Color for User Interfaces
 
Sendible Webinar: Smart Social Media Management with Simplicity in Graphic De...
Sendible Webinar: Smart Social Media Management with Simplicity in Graphic De...Sendible Webinar: Smart Social Media Management with Simplicity in Graphic De...
Sendible Webinar: Smart Social Media Management with Simplicity in Graphic De...
 
Designing Presentations
Designing PresentationsDesigning Presentations
Designing Presentations
 
Design Basics: Arizona State University
Design Basics: Arizona State UniversityDesign Basics: Arizona State University
Design Basics: Arizona State University
 
Typography 2 Magazine
Typography 2 Magazine Typography 2 Magazine
Typography 2 Magazine
 
Visual Design Principles 2018
Visual Design Principles 2018Visual Design Principles 2018
Visual Design Principles 2018
 
Guide to decks
Guide to decksGuide to decks
Guide to decks
 
Visual inventory Ninja Noodle
Visual inventory Ninja NoodleVisual inventory Ninja Noodle
Visual inventory Ninja Noodle
 
Presentation creation design, typography rules, research skills & canva tutor...
Presentation creation design, typography rules, research skills & canva tutor...Presentation creation design, typography rules, research skills & canva tutor...
Presentation creation design, typography rules, research skills & canva tutor...
 
Effective Power Point
Effective Power PointEffective Power Point
Effective Power Point
 
Effective Power Point
Effective Power PointEffective Power Point
Effective Power Point
 
Bruce Block's Visual Components For Filmmakers
Bruce Block's Visual Components For FilmmakersBruce Block's Visual Components For Filmmakers
Bruce Block's Visual Components For Filmmakers
 
Welcome Back to Elementary Class - Gamification Activities by Slidesgo.pptx
Welcome Back to Elementary Class - Gamification Activities by Slidesgo.pptxWelcome Back to Elementary Class - Gamification Activities by Slidesgo.pptx
Welcome Back to Elementary Class - Gamification Activities by Slidesgo.pptx
 
1.09 the choices we make
1.09 the choices we make1.09 the choices we make
1.09 the choices we make
 

KĂĽrzlich hochgeladen

Kindergarten Assessment Questions Via LessonUp
Kindergarten Assessment Questions Via LessonUpKindergarten Assessment Questions Via LessonUp
Kindergarten Assessment Questions Via LessonUpmainac1
 
Editorial design Magazine design project.pdf
Editorial design Magazine design project.pdfEditorial design Magazine design project.pdf
Editorial design Magazine design project.pdftbatkhuu1
 
SD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptxSD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptxjanettecruzeiro1
 
VIP Russian Call Girls in Gorakhpur Deepika 8250192130 Independent Escort Ser...
VIP Russian Call Girls in Gorakhpur Deepika 8250192130 Independent Escort Ser...VIP Russian Call Girls in Gorakhpur Deepika 8250192130 Independent Escort Ser...
VIP Russian Call Girls in Gorakhpur Deepika 8250192130 Independent Escort Ser...Suhani Kapoor
 
NO1 Trending kala jadu Love Marriage Black Magic Punjab Powerful Black Magic ...
NO1 Trending kala jadu Love Marriage Black Magic Punjab Powerful Black Magic ...NO1 Trending kala jadu Love Marriage Black Magic Punjab Powerful Black Magic ...
NO1 Trending kala jadu Love Marriage Black Magic Punjab Powerful Black Magic ...Amil baba
 
VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130
VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130
VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130Suhani Kapoor
 
Fashion trends before and after covid.pptx
Fashion trends before and after covid.pptxFashion trends before and after covid.pptx
Fashion trends before and after covid.pptxVanshNarang19
 
WAEC Carpentry and Joinery Past Questions
WAEC Carpentry and Joinery Past QuestionsWAEC Carpentry and Joinery Past Questions
WAEC Carpentry and Joinery Past QuestionsCharles Obaleagbon
 
VIP Call Girls Bhiwandi Ananya 8250192130 Independent Escort Service Bhiwandi
VIP Call Girls Bhiwandi Ananya 8250192130 Independent Escort Service BhiwandiVIP Call Girls Bhiwandi Ananya 8250192130 Independent Escort Service Bhiwandi
VIP Call Girls Bhiwandi Ananya 8250192130 Independent Escort Service BhiwandiSuhani Kapoor
 
VIP College Call Girls Gorakhpur Bhavna 8250192130 Independent Escort Service...
VIP College Call Girls Gorakhpur Bhavna 8250192130 Independent Escort Service...VIP College Call Girls Gorakhpur Bhavna 8250192130 Independent Escort Service...
VIP College Call Girls Gorakhpur Bhavna 8250192130 Independent Escort Service...Suhani Kapoor
 
Cheap Rate ➥8448380779 ▻Call Girls In Iffco Chowk Gurgaon
Cheap Rate ➥8448380779 ▻Call Girls In Iffco Chowk GurgaonCheap Rate ➥8448380779 ▻Call Girls In Iffco Chowk Gurgaon
Cheap Rate ➥8448380779 ▻Call Girls In Iffco Chowk GurgaonDelhi Call girls
 
Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...
Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...
Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...babafaisel
 
SCRIP Lua HTTP PROGRACMACION PLC WECON CA
SCRIP Lua HTTP PROGRACMACION PLC  WECON CASCRIP Lua HTTP PROGRACMACION PLC  WECON CA
SCRIP Lua HTTP PROGRACMACION PLC WECON CANestorGamez6
 
VIP Russian Call Girls in Saharanpur Deepika 8250192130 Independent Escort Se...
VIP Russian Call Girls in Saharanpur Deepika 8250192130 Independent Escort Se...VIP Russian Call Girls in Saharanpur Deepika 8250192130 Independent Escort Se...
VIP Russian Call Girls in Saharanpur Deepika 8250192130 Independent Escort Se...Suhani Kapoor
 
VIP Kolkata Call Girl Gariahat 👉 8250192130 Available With Room
VIP Kolkata Call Girl Gariahat 👉 8250192130  Available With RoomVIP Kolkata Call Girl Gariahat 👉 8250192130  Available With Room
VIP Kolkata Call Girl Gariahat 👉 8250192130 Available With Roomdivyansh0kumar0
 
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779Delhi Call girls
 
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdfThe_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdfAmirYakdi
 

KĂĽrzlich hochgeladen (20)

Kindergarten Assessment Questions Via LessonUp
Kindergarten Assessment Questions Via LessonUpKindergarten Assessment Questions Via LessonUp
Kindergarten Assessment Questions Via LessonUp
 
young call girls in Pandav nagar 🔝 9953056974 🔝 Delhi escort Service
young call girls in Pandav nagar 🔝 9953056974 🔝 Delhi escort Serviceyoung call girls in Pandav nagar 🔝 9953056974 🔝 Delhi escort Service
young call girls in Pandav nagar 🔝 9953056974 🔝 Delhi escort Service
 
young call girls in Vivek Vihar🔝 9953056974 🔝 Delhi escort Service
young call girls in Vivek Vihar🔝 9953056974 🔝 Delhi escort Serviceyoung call girls in Vivek Vihar🔝 9953056974 🔝 Delhi escort Service
young call girls in Vivek Vihar🔝 9953056974 🔝 Delhi escort Service
 
Editorial design Magazine design project.pdf
Editorial design Magazine design project.pdfEditorial design Magazine design project.pdf
Editorial design Magazine design project.pdf
 
SD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptxSD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptx
 
VIP Russian Call Girls in Gorakhpur Deepika 8250192130 Independent Escort Ser...
VIP Russian Call Girls in Gorakhpur Deepika 8250192130 Independent Escort Ser...VIP Russian Call Girls in Gorakhpur Deepika 8250192130 Independent Escort Ser...
VIP Russian Call Girls in Gorakhpur Deepika 8250192130 Independent Escort Ser...
 
NO1 Trending kala jadu Love Marriage Black Magic Punjab Powerful Black Magic ...
NO1 Trending kala jadu Love Marriage Black Magic Punjab Powerful Black Magic ...NO1 Trending kala jadu Love Marriage Black Magic Punjab Powerful Black Magic ...
NO1 Trending kala jadu Love Marriage Black Magic Punjab Powerful Black Magic ...
 
VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130
VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130
VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130
 
Fashion trends before and after covid.pptx
Fashion trends before and after covid.pptxFashion trends before and after covid.pptx
Fashion trends before and after covid.pptx
 
WAEC Carpentry and Joinery Past Questions
WAEC Carpentry and Joinery Past QuestionsWAEC Carpentry and Joinery Past Questions
WAEC Carpentry and Joinery Past Questions
 
VIP Call Girls Bhiwandi Ananya 8250192130 Independent Escort Service Bhiwandi
VIP Call Girls Bhiwandi Ananya 8250192130 Independent Escort Service BhiwandiVIP Call Girls Bhiwandi Ananya 8250192130 Independent Escort Service Bhiwandi
VIP Call Girls Bhiwandi Ananya 8250192130 Independent Escort Service Bhiwandi
 
VIP College Call Girls Gorakhpur Bhavna 8250192130 Independent Escort Service...
VIP College Call Girls Gorakhpur Bhavna 8250192130 Independent Escort Service...VIP College Call Girls Gorakhpur Bhavna 8250192130 Independent Escort Service...
VIP College Call Girls Gorakhpur Bhavna 8250192130 Independent Escort Service...
 
Cheap Rate ➥8448380779 ▻Call Girls In Iffco Chowk Gurgaon
Cheap Rate ➥8448380779 ▻Call Girls In Iffco Chowk GurgaonCheap Rate ➥8448380779 ▻Call Girls In Iffco Chowk Gurgaon
Cheap Rate ➥8448380779 ▻Call Girls In Iffco Chowk Gurgaon
 
Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...
Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...
Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...
 
SCRIP Lua HTTP PROGRACMACION PLC WECON CA
SCRIP Lua HTTP PROGRACMACION PLC  WECON CASCRIP Lua HTTP PROGRACMACION PLC  WECON CA
SCRIP Lua HTTP PROGRACMACION PLC WECON CA
 
B. Smith. (Architectural Portfolio.).pdf
B. Smith. (Architectural Portfolio.).pdfB. Smith. (Architectural Portfolio.).pdf
B. Smith. (Architectural Portfolio.).pdf
 
VIP Russian Call Girls in Saharanpur Deepika 8250192130 Independent Escort Se...
VIP Russian Call Girls in Saharanpur Deepika 8250192130 Independent Escort Se...VIP Russian Call Girls in Saharanpur Deepika 8250192130 Independent Escort Se...
VIP Russian Call Girls in Saharanpur Deepika 8250192130 Independent Escort Se...
 
VIP Kolkata Call Girl Gariahat 👉 8250192130 Available With Room
VIP Kolkata Call Girl Gariahat 👉 8250192130  Available With RoomVIP Kolkata Call Girl Gariahat 👉 8250192130  Available With Room
VIP Kolkata Call Girl Gariahat 👉 8250192130 Available With Room
 
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
 
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdfThe_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
 

Project Shop: 2019 Canva Design Basics (lesson 2) Fonts, Colors, & Images

  • 1.
  • 2. Project Shop: How It Works Weekly LIVE Lessons â—Ź Every Monday 30 mins-1 hour â—Ź Replay Sent out Same Day Assignments â—Ź Due Every Sunday Night by Midnight â—Ź Use Assignment Sheet for Worksheets and Submission Link Q&A â—Ź Email Support â—Ź Bi-Weekly LIVE Q&A Finished Project â—Ź Each Week Complete 1 step of Project â—Ź Last Week Do Final Step, Turn in Project
  • 4. Overview: Designing with Canva Week 1: Canva Tour-How it works Week 2: Fonts, Colors, Images Week 3: Background, Shapes, Layouts Week 4: Branding Basics & Final Design
  • 6. F I N T R O D U C T I O N Why fonts, colors, and images matter FONT selection can be a daunting task with the endless possibilities of typefaces, weights, and sizes. When used skillfully, fonts can make your designs distinctive and convey your message with impact. COLOR relationships are fundamental to great design. Knowing how to navigate the color wheel can help beginner designers understand how to compose stunning and expressive color palettes. IMAGES capture emotion in ways that can serve to evoke specific responses from your audience. With thoughtful selection and manipulation, you can use these images to tell the story of your design.
  • 7. Colors Images F Fonts T O D A Y ' S Agenda
  • 9.
  • 11.
  • 12.
  • 13.
  • 14. C H O O S I N G F O N T S Basic typographic terms Display decorative-Use Sparingly
  • 15. C H O O S I N G F O N T S Basic typographic terms Letter spacing (tracking), is the space between letters on a line. Use this technique to elongate shorter words and create flush lines of text. Line height is the distance between text from baseline to baseline. Alter this space to provide breathing room for tightly tracked lines of copy.
  • 17. C H O O S I N G F O N T S Consider the style magical, whimsical playful, fun strong, reliablestylish, sophisticated
  • 19. "If you can't fly, then run, if you can't run, then walk, if you can't walk, then crawl, but whatever you do, you have to keep moving forward." Martin Luther King Jr. Martin Luther King Jr. C H O O S I N G F O N T S Make it readable " If you can't fly, then run, if you can't run, then walk, if you can't walk, then crawl, but whatever you do, you have to keep moving forward."
  • 20. Title: Subtitle: Body: Raleway Heavy, size 42 RALEWAY, all caps, size 21 Raleway thin, size 18 Proceed to tutorial C H O O S I N G F O N T S Use Text hierarchy
  • 22. Bold and Regular Script and Sans Serif P A I R I N G F O N T S Create character contrast
  • 23. Serif Regular and Serif Italics Proceed to tutorial P A I R I N G F O N T S Create emphasis Sans and Serif Italics
  • 24. Spaced and Condensed P A I R I N G F O N T S Demand attention
  • 26. RIGHTALIGNED CENTERALIGNED Order and impact through alignment LEFTALIGNED
  • 27. Balance through text spacing Proceed to tutorial
  • 29. The color wheel is a spectrum of 16 million different colors, each identifiable by a unique hex code. C H O O S I N G C O L O R S The color wheel Hex code: #00ffd5 Hex code: #63ff82 Hex code: #ff46a4
  • 30. Cool Greens, blues, and purples evoke calm and soothing emotions. Warm Reds, oranges, and yellows evoke energy and vibrant emotions. C H O O S I N G C O L O R S Evoke emotion through color
  • 31. C H O O S I N G C O L O R S Explore a color gradient Use the sliders to obtain lighter or darker versions of the same color.
  • 32. C O L O R R E L A T I O N S H I P S Harmony through similar colors Analogous colors are located next to each other on the color wheel, resulting in seamless, low contrast harmony.
  • 33. C O L O R R E L A T I O N S H I P S Monochrome Monochromatic colors are dark, medium, and light versions of the same color.
  • 34. C O L O R R E L A T I O N S H I P S Contrast using complements Complementary colors are on opposite side of the color wheel, creating the most contrast with each other. Proceed to tutorial
  • 35. U S I N G C O L O R S Create a color palette Limit your color palette to four colors. Use a vibrant color to make elements stand out. Choose colors appropriate to the subject of your design. Proceed to tutorial EST. 1994 THE Organic Roast COFFEE: BREAKFAST BLEND NAME: ALEXANDRA TYPE: MACCHIATO Sorry! WE’RE CLOSED W h o l e g r a i n GOODNESS
  • 37. T H E P O W E R O F G R I D S Use grids to frame your images Use grids to frame and resize your images.
  • 38. T H E P O W E R O F G R I D S Resize images in your grids Proceed to tutorial Double-clicking on an image placed within a grid allows you to resize or move images for visually interesting placement.
  • 39. P H O T O F I L T E R S Filters to correct and enhance Make an image crisper and cleaner by adjusting the brightness, contrast, and saturation filters.
  • 40. P H O T O F I L T E R S Evoke moods with filters Applying photo filters can create or highlight certain moods embodied by your image.
  • 41. P H O T O F I L T E R S Maintain a consistent look and feel Proceed to tutorial Maintain consistency in your graphics by applying the same filter codes to your images.
  • 42. Your TASK Should take less than 30 minutes Tutorial 1: Choosing Fonts Tutorial 2: Font Pairing Tutorial 3: Titles Tutorial 4: Colors Tutorial 5: Color Palettes Tutorial 6: Enhancing Images
  • 43. Your TASK â—Ź Choose Your Font â—Ź Choose Your Text (what you will write) â—Ź Choose your Colors and give Hex codes