SlideShare ist ein Scribd-Unternehmen logo
1 von 31
Downloaden Sie, um offline zu lesen
Graphic Design for
Social Media
By Soraya Elsayed
Name: Soraya Elsayed
Job title: Graphics instructor & Microsoft Trainer
Trainer Skills:
About the trainer
Essential Facts
When people hear information,
they’re likely to remember only
10% of that information three
days later.
1.
However, if a relevant image is
paired with that same
information, people retain
65% of the information three
days later.
2.
Facts
Value
A picture is worth a thousands …….. words
Question
What makes a successful
design?
Planning and sketching
Part 1
Getting started with Canva
Introduction to CANVA
Why Canva?
1.
2.
Part 2
Creating a successful
Composition
• Rule of third
• Golden triangle
• Golden Section
• Golden Spiral
• Leading lines
• Depth of field
• Framing
Creating a successful Composition
Composition Rules
Creating a successful Composition
Rule of third
Composition Rules
You divide the frame into 9 equal rectangles,
3 across and 3 down
Creating a successful Composition
Golden Triangle
Composition Rules
It's a diagonally-oriented composition. It built around golden section
proportions, the main subject should describe the shape of a triangle.
Creating a successful Composition
Golden Spiral
Composition Rules
Creating a successful Composition
a Facebook cover using golden ratio
Presentation template using golden ratio
Recognize the rule applied on the design
Quiz
Creating Grids in Canva
grids make your designs
Why Grids?
• Cleaner
• More efficient
• Easier to adapt.
Draw your Sketch then Create your first design with Canva
Activity
• Sketching a rough outline of your design on paper before you begin, create a design
from scratch In few words, mention what is the design about?
• Use canva guides to divide your layout according to a rule of your choice
Part 3
Basic design principles
Overview
Emphasis Contrast Balance Proportion Pattern
Movement Proximity Unity
Basic design principles
Emphasis
To draw the eye of a viewer to
the most important part of the
image
Basic design principles
How to create areas of emphasis in your Designs??
1. sharp vs Blur surroundings.
2. Increase an object's intensity of color.
3. Elements in the foreground have more weight than
elements in the background
A dramatic color contrasts will make their
eyes “jump”.
Basic design principles
It’s more than just black and white…
The use of symmetry equal weight
objects in a design.
Basic design principles
However, breaking that balance by using an asymmetric
arrangement of elements can draw attention to where the
point of imbalance occurs.
It’s the scale of the objects, large and
small.
Basic design principles
Proportion helps communicate the
relationship between subjects in your
design. It can also show the level of
importance. Things larger will be
more important than those that are
smaller.
Proportion
Applying repeating design elements
can create focus or visual interest.
Basic design principles
Pattern
They also act as a composition technique to lead
the viewer's eye to follow an imaginary line
created by your subject’s gaze
However…
Breaking of order
If any element sticks out of the general pattern, it is
very noticeable because it is unusual.
Movement
Basic design principles
Static designs, unlike videos and GIFs, do not
actually include movement--but with the right
design elements, you can create the impression
that they do.
A sense of movement can be created by: -
How to create the impression of movement in
your Designs??
1. Motion blur
2. Diagonal or curvy lines, either real or implied
3. Repeating shapes in a way that moves the
viewer's eye through the design that makes
objects appear to be moving.
Keeping items close to one another in your
design shows that they're related
Basic design principles
What is differentiating the group on
the left from those on the right?
Proximity
The whole is more than the sum of its parts
gestalt
Basic design principles
Unity
The whole is more than the sum of its parts
1- Place a shape in the middle and make it extra scaled than normal
2- Place another natural sized element (photo or shape) in a way to show
comparison
Note: you may need to remove background from the top object
Combine Your Principles
Create an Instagram post with Canva
Activity

Weitere ähnliche Inhalte

Was ist angesagt?

Photography Composition Basics
Photography Composition BasicsPhotography Composition Basics
Photography Composition Basics
Beulah Forrest
 
Photography rules of composition (f)
Photography rules of composition (f)Photography rules of composition (f)
Photography rules of composition (f)
Kei Villanueva
 
Content page analysis 1
Content page analysis 1Content page analysis 1
Content page analysis 1
lilywilkinson
 

Was ist angesagt? (17)

Concept Visualization - Part 1 of 3
Concept Visualization - Part 1 of 3Concept Visualization - Part 1 of 3
Concept Visualization - Part 1 of 3
 
Graphic design slideshow
Graphic design slideshow Graphic design slideshow
Graphic design slideshow
 
Photography Composition Basics
Photography Composition BasicsPhotography Composition Basics
Photography Composition Basics
 
Design Element 3 - "Space"
Design Element 3 - "Space"Design Element 3 - "Space"
Design Element 3 - "Space"
 
Visual persuasion
Visual persuasionVisual persuasion
Visual persuasion
 
Blog 4- photography composition (1)
Blog 4- photography composition (1)Blog 4- photography composition (1)
Blog 4- photography composition (1)
 
Lesson 3 photography
Lesson 3 photographyLesson 3 photography
Lesson 3 photography
 
Basic Principles of Graphics and Layout
Basic Principles of Graphics and LayoutBasic Principles of Graphics and Layout
Basic Principles of Graphics and Layout
 
Theory
TheoryTheory
Theory
 
Theory
TheoryTheory
Theory
 
Class 10 composition
Class 10 compositionClass 10 composition
Class 10 composition
 
Kevin H Photography Composition
Kevin H Photography CompositionKevin H Photography Composition
Kevin H Photography Composition
 
Composition research
Composition researchComposition research
Composition research
 
ICT CONTENT DEVELOPMENT
ICT CONTENT DEVELOPMENTICT CONTENT DEVELOPMENT
ICT CONTENT DEVELOPMENT
 
Photography rules of composition (f)
Photography rules of composition (f)Photography rules of composition (f)
Photography rules of composition (f)
 
Content page analysis 1
Content page analysis 1Content page analysis 1
Content page analysis 1
 
Composing A Picture
Composing A PictureComposing A Picture
Composing A Picture
 

Ähnlich wie Graphic design for social media by canva for slideshare

ET_lESSON_6.pptx
ET_lESSON_6.pptxET_lESSON_6.pptx
ET_lESSON_6.pptx
Rhoan4
 

Ähnlich wie Graphic design for social media by canva for slideshare (20)

Digital Art (Virtual) week 2.pdf
Digital Art (Virtual) week 2.pdfDigital Art (Virtual) week 2.pdf
Digital Art (Virtual) week 2.pdf
 
ET_lESSON_6.pptx
ET_lESSON_6.pptxET_lESSON_6.pptx
ET_lESSON_6.pptx
 
Crew 430 group presentation
Crew 430 group presentationCrew 430 group presentation
Crew 430 group presentation
 
Principles of good web design no1- unity
Principles of good web design no1- unityPrinciples of good web design no1- unity
Principles of good web design no1- unity
 
Elements of Composition
Elements of CompositionElements of Composition
Elements of Composition
 
UI Design 101: Day 02 of 07
UI Design 101: Day 02 of 07UI Design 101: Day 02 of 07
UI Design 101: Day 02 of 07
 
Web Designer Gurugram |Web Designer in Gurugram
Web Designer Gurugram |Web Designer in GurugramWeb Designer Gurugram |Web Designer in Gurugram
Web Designer Gurugram |Web Designer in Gurugram
 
Compositionguidelines new date
Compositionguidelines new dateCompositionguidelines new date
Compositionguidelines new date
 
exploring the world of graphic designing
exploring the world of graphic designingexploring the world of graphic designing
exploring the world of graphic designing
 
Elements-of-Composition-The-Complete-Guide-Ebook.pdf
Elements-of-Composition-The-Complete-Guide-Ebook.pdfElements-of-Composition-The-Complete-Guide-Ebook.pdf
Elements-of-Composition-The-Complete-Guide-Ebook.pdf
 
Visual Design
Visual DesignVisual Design
Visual Design
 
Composition guidelines new date
Composition guidelines new dateComposition guidelines new date
Composition guidelines new date
 
Theories and Relevant Practitioners
Theories and Relevant PractitionersTheories and Relevant Practitioners
Theories and Relevant Practitioners
 
Design & Usability Basics
Design & Usability BasicsDesign & Usability Basics
Design & Usability Basics
 
Compositionguidelines new date
Compositionguidelines new dateCompositionguidelines new date
Compositionguidelines new date
 
1-2 Principles of Design lecture
1-2 Principles of Design lecture1-2 Principles of Design lecture
1-2 Principles of Design lecture
 
Fmp pp 1 graphic design theory
Fmp pp 1 graphic design theoryFmp pp 1 graphic design theory
Fmp pp 1 graphic design theory
 
Visual-Persuasion_the process of influencing people’s thoughts and stimulate ...
Visual-Persuasion_the process of influencing people’s thoughts and stimulate ...Visual-Persuasion_the process of influencing people’s thoughts and stimulate ...
Visual-Persuasion_the process of influencing people’s thoughts and stimulate ...
 
Photography unit 1 rule of thirds
Photography unit 1   rule of thirdsPhotography unit 1   rule of thirds
Photography unit 1 rule of thirds
 
Rule of thirds
Rule of thirdsRule of thirds
Rule of thirds
 

Kürzlich hochgeladen

RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
amitlee9823
 
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
amitlee9823
 
Just Call Vip call girls diu Escorts ☎️9352988975 Two shot with one girl (diu )
Just Call Vip call girls diu Escorts ☎️9352988975 Two shot with one girl (diu )Just Call Vip call girls diu Escorts ☎️9352988975 Two shot with one girl (diu )
Just Call Vip call girls diu Escorts ☎️9352988975 Two shot with one girl (diu )
gajnagarg
 
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
dollysharma2066
 
➥🔝 7737669865 🔝▻ Kolkata Call-girls in Women Seeking Men 🔝Kolkata🔝 Escorts...
➥🔝 7737669865 🔝▻ Kolkata Call-girls in Women Seeking Men  🔝Kolkata🔝   Escorts...➥🔝 7737669865 🔝▻ Kolkata Call-girls in Women Seeking Men  🔝Kolkata🔝   Escorts...
➥🔝 7737669865 🔝▻ Kolkata Call-girls in Women Seeking Men 🔝Kolkata🔝 Escorts...
amitlee9823
 
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
amitlee9823
 
Just Call Vip call girls Etawah Escorts ☎️9352988975 Two shot with one girl (...
Just Call Vip call girls Etawah Escorts ☎️9352988975 Two shot with one girl (...Just Call Vip call girls Etawah Escorts ☎️9352988975 Two shot with one girl (...
Just Call Vip call girls Etawah Escorts ☎️9352988975 Two shot with one girl (...
gajnagarg
 
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
amitlee9823
 
Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...
Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...
Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...
gajnagarg
 

Kürzlich hochgeladen (20)

Just Call Vip call girls Nagpur Escorts ☎️8617370543 Starting From 5K to 25K ...
Just Call Vip call girls Nagpur Escorts ☎️8617370543 Starting From 5K to 25K ...Just Call Vip call girls Nagpur Escorts ☎️8617370543 Starting From 5K to 25K ...
Just Call Vip call girls Nagpur Escorts ☎️8617370543 Starting From 5K to 25K ...
 
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
 
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
 
Just Call Vip call girls diu Escorts ☎️9352988975 Two shot with one girl (diu )
Just Call Vip call girls diu Escorts ☎️9352988975 Two shot with one girl (diu )Just Call Vip call girls diu Escorts ☎️9352988975 Two shot with one girl (diu )
Just Call Vip call girls diu Escorts ☎️9352988975 Two shot with one girl (diu )
 
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
 
➥🔝 7737669865 🔝▻ Kolkata Call-girls in Women Seeking Men 🔝Kolkata🔝 Escorts...
➥🔝 7737669865 🔝▻ Kolkata Call-girls in Women Seeking Men  🔝Kolkata🔝   Escorts...➥🔝 7737669865 🔝▻ Kolkata Call-girls in Women Seeking Men  🔝Kolkata🔝   Escorts...
➥🔝 7737669865 🔝▻ Kolkata Call-girls in Women Seeking Men 🔝Kolkata🔝 Escorts...
 
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...
 
Hingoli ❤CALL GIRL 8617370543 ❤CALL GIRLS IN Hingoli ESCORT SERVICE❤CALL GIRL
Hingoli ❤CALL GIRL 8617370543 ❤CALL GIRLS IN Hingoli ESCORT SERVICE❤CALL GIRLHingoli ❤CALL GIRL 8617370543 ❤CALL GIRLS IN Hingoli ESCORT SERVICE❤CALL GIRL
Hingoli ❤CALL GIRL 8617370543 ❤CALL GIRLS IN Hingoli ESCORT SERVICE❤CALL GIRL
 
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
 
Just Call Vip call girls Etawah Escorts ☎️9352988975 Two shot with one girl (...
Just Call Vip call girls Etawah Escorts ☎️9352988975 Two shot with one girl (...Just Call Vip call girls Etawah Escorts ☎️9352988975 Two shot with one girl (...
Just Call Vip call girls Etawah Escorts ☎️9352988975 Two shot with one girl (...
 
Sector 104, Noida Call girls :8448380779 Model Escorts | 100% verified
Sector 104, Noida Call girls :8448380779 Model Escorts | 100% verifiedSector 104, Noida Call girls :8448380779 Model Escorts | 100% verified
Sector 104, Noida Call girls :8448380779 Model Escorts | 100% verified
 
Q4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentationQ4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentation
 
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
 
VIP Model Call Girls Kalyani Nagar ( Pune ) Call ON 8005736733 Starting From ...
VIP Model Call Girls Kalyani Nagar ( Pune ) Call ON 8005736733 Starting From ...VIP Model Call Girls Kalyani Nagar ( Pune ) Call ON 8005736733 Starting From ...
VIP Model Call Girls Kalyani Nagar ( Pune ) Call ON 8005736733 Starting From ...
 
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
 
call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
 
Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...
Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...
Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...
 
Lecture 01 Introduction To Multimedia.pptx
Lecture 01 Introduction To Multimedia.pptxLecture 01 Introduction To Multimedia.pptx
Lecture 01 Introduction To Multimedia.pptx
 
❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.
❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.
❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.
 
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
 

Graphic design for social media by canva for slideshare

  • 1. Graphic Design for Social Media By Soraya Elsayed
  • 2. Name: Soraya Elsayed Job title: Graphics instructor & Microsoft Trainer Trainer Skills: About the trainer
  • 3. Essential Facts When people hear information, they’re likely to remember only 10% of that information three days later. 1. However, if a relevant image is paired with that same information, people retain 65% of the information three days later. 2.
  • 5. Value A picture is worth a thousands …….. words
  • 6. Question What makes a successful design?
  • 10. Part 2 Creating a successful Composition
  • 11. • Rule of third • Golden triangle • Golden Section • Golden Spiral • Leading lines • Depth of field • Framing Creating a successful Composition Composition Rules
  • 12. Creating a successful Composition Rule of third Composition Rules You divide the frame into 9 equal rectangles, 3 across and 3 down
  • 13. Creating a successful Composition Golden Triangle Composition Rules It's a diagonally-oriented composition. It built around golden section proportions, the main subject should describe the shape of a triangle.
  • 14. Creating a successful Composition Golden Spiral Composition Rules
  • 15. Creating a successful Composition
  • 16. a Facebook cover using golden ratio
  • 18. Recognize the rule applied on the design Quiz
  • 19. Creating Grids in Canva grids make your designs Why Grids? • Cleaner • More efficient • Easier to adapt.
  • 20. Draw your Sketch then Create your first design with Canva Activity • Sketching a rough outline of your design on paper before you begin, create a design from scratch In few words, mention what is the design about? • Use canva guides to divide your layout according to a rule of your choice
  • 21. Part 3 Basic design principles Overview
  • 22. Emphasis Contrast Balance Proportion Pattern Movement Proximity Unity Basic design principles
  • 23. Emphasis To draw the eye of a viewer to the most important part of the image Basic design principles How to create areas of emphasis in your Designs?? 1. sharp vs Blur surroundings. 2. Increase an object's intensity of color. 3. Elements in the foreground have more weight than elements in the background
  • 24. A dramatic color contrasts will make their eyes “jump”. Basic design principles It’s more than just black and white…
  • 25. The use of symmetry equal weight objects in a design. Basic design principles However, breaking that balance by using an asymmetric arrangement of elements can draw attention to where the point of imbalance occurs.
  • 26. It’s the scale of the objects, large and small. Basic design principles Proportion helps communicate the relationship between subjects in your design. It can also show the level of importance. Things larger will be more important than those that are smaller. Proportion
  • 27. Applying repeating design elements can create focus or visual interest. Basic design principles Pattern They also act as a composition technique to lead the viewer's eye to follow an imaginary line created by your subject’s gaze However… Breaking of order If any element sticks out of the general pattern, it is very noticeable because it is unusual.
  • 28. Movement Basic design principles Static designs, unlike videos and GIFs, do not actually include movement--but with the right design elements, you can create the impression that they do. A sense of movement can be created by: - How to create the impression of movement in your Designs?? 1. Motion blur 2. Diagonal or curvy lines, either real or implied 3. Repeating shapes in a way that moves the viewer's eye through the design that makes objects appear to be moving.
  • 29. Keeping items close to one another in your design shows that they're related Basic design principles What is differentiating the group on the left from those on the right? Proximity The whole is more than the sum of its parts gestalt
  • 30. Basic design principles Unity The whole is more than the sum of its parts
  • 31. 1- Place a shape in the middle and make it extra scaled than normal 2- Place another natural sized element (photo or shape) in a way to show comparison Note: you may need to remove background from the top object Combine Your Principles Create an Instagram post with Canva Activity