SlideShare una empresa de Scribd logo
1 de 31
Descargar para leer sin conexión
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

Más contenido relacionado

La actualidad más candente

Basic concept of Graphic Design
Basic concept of Graphic DesignBasic concept of Graphic Design
Basic concept of Graphic DesignAshikul Islam
 
Use of Shapes in Graphic Design
Use of Shapes in Graphic DesignUse of Shapes in Graphic Design
Use of Shapes in Graphic DesignRavi Bhadauria
 
Typecurious: A Typography Crash Course
Typecurious: A Typography Crash CourseTypecurious: A Typography Crash Course
Typecurious: A Typography Crash CourseDigital Surgeons
 
Effective Logo Design
Effective Logo DesignEffective Logo Design
Effective Logo Designclewis86
 
Graphic Design Principles
Graphic Design PrinciplesGraphic Design Principles
Graphic Design PrinciplesArmin Heurich
 
Graphic Design For non graphic designers
Graphic Design For non graphic designersGraphic Design For non graphic designers
Graphic Design For non graphic designersshira73
 
Graphic Design Elements&Principles
Graphic Design Elements&PrinciplesGraphic Design Elements&Principles
Graphic Design Elements&PrinciplesASM2O
 
Graphic Design PowerPoint
Graphic Design PowerPointGraphic Design PowerPoint
Graphic Design PowerPointnycdoe
 
Grid Drawing Project
Grid Drawing ProjectGrid Drawing Project
Grid Drawing Projectmklaber
 
Freelancing with graphic design
Freelancing with graphic designFreelancing with graphic design
Freelancing with graphic designSylhet IT Academy
 
Simplified intro to zentangle
Simplified intro to zentangleSimplified intro to zentangle
Simplified intro to zentangleVanice Cheung
 
Cahimat canva completed
Cahimat   canva   completedCahimat   canva   completed
Cahimat canva completedjhoanamarie4
 
Meet The Vector Superhero - Seminar on Adobe Illustrator by RapidValue Solutions
Meet The Vector Superhero - Seminar on Adobe Illustrator by RapidValue SolutionsMeet The Vector Superhero - Seminar on Adobe Illustrator by RapidValue Solutions
Meet The Vector Superhero - Seminar on Adobe Illustrator by RapidValue SolutionsRapidValue
 
Analysis of 2 magazine articles media hw
Analysis of 2 magazine articles  media hwAnalysis of 2 magazine articles  media hw
Analysis of 2 magazine articles media hwamiemedia
 

La actualidad más candente (20)

Basic concept of Graphic Design
Basic concept of Graphic DesignBasic concept of Graphic Design
Basic concept of Graphic Design
 
Use of Shapes in Graphic Design
Use of Shapes in Graphic DesignUse of Shapes in Graphic Design
Use of Shapes in Graphic Design
 
Typecurious: A Typography Crash Course
Typecurious: A Typography Crash CourseTypecurious: A Typography Crash Course
Typecurious: A Typography Crash Course
 
Effective Logo Design
Effective Logo DesignEffective Logo Design
Effective Logo Design
 
Gesture drawing
Gesture drawingGesture drawing
Gesture drawing
 
Graphic Design 101
Graphic Design 101Graphic Design 101
Graphic Design 101
 
Graphic Design Workshop, 2018
Graphic Design Workshop, 2018Graphic Design Workshop, 2018
Graphic Design Workshop, 2018
 
Visual Design Fundamentals
Visual Design Fundamentals Visual Design Fundamentals
Visual Design Fundamentals
 
Graphic Design Principles
Graphic Design PrinciplesGraphic Design Principles
Graphic Design Principles
 
Graphic Design For non graphic designers
Graphic Design For non graphic designersGraphic Design For non graphic designers
Graphic Design For non graphic designers
 
Graphic design
Graphic designGraphic design
Graphic design
 
Graphic Design Elements&Principles
Graphic Design Elements&PrinciplesGraphic Design Elements&Principles
Graphic Design Elements&Principles
 
Graphic Design PowerPoint
Graphic Design PowerPointGraphic Design PowerPoint
Graphic Design PowerPoint
 
Grid Drawing Project
Grid Drawing ProjectGrid Drawing Project
Grid Drawing Project
 
Freelancing with graphic design
Freelancing with graphic designFreelancing with graphic design
Freelancing with graphic design
 
Simplified intro to zentangle
Simplified intro to zentangleSimplified intro to zentangle
Simplified intro to zentangle
 
Canva
CanvaCanva
Canva
 
Cahimat canva completed
Cahimat   canva   completedCahimat   canva   completed
Cahimat canva completed
 
Meet The Vector Superhero - Seminar on Adobe Illustrator by RapidValue Solutions
Meet The Vector Superhero - Seminar on Adobe Illustrator by RapidValue SolutionsMeet The Vector Superhero - Seminar on Adobe Illustrator by RapidValue Solutions
Meet The Vector Superhero - Seminar on Adobe Illustrator by RapidValue Solutions
 
Analysis of 2 magazine articles media hw
Analysis of 2 magazine articles  media hwAnalysis of 2 magazine articles  media hw
Analysis of 2 magazine articles media hw
 

Similar a Graphic design for social media by canva for slideshare

Digital Art (Virtual) week 2.pdf
Digital Art (Virtual) week 2.pdfDigital Art (Virtual) week 2.pdf
Digital Art (Virtual) week 2.pdfStephanieWitham
 
ET_lESSON_6.pptx
ET_lESSON_6.pptxET_lESSON_6.pptx
ET_lESSON_6.pptxRhoan4
 
Crew 430 group presentation
Crew 430 group presentationCrew 430 group presentation
Crew 430 group presentationZoe Lauckner
 
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- unityUrsula Zajkowska
 
Elements of Composition
Elements of CompositionElements of Composition
Elements of CompositionHector
 
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 Gurugramshailenra
 
Compositionguidelines new date
Compositionguidelines new dateCompositionguidelines new date
Compositionguidelines new dateKara Wilson Smith
 
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.pdfKevinIsaac20
 
Imaging and Design for Online Environment
Imaging and Design for Online EnvironmentImaging and Design for Online Environment
Imaging and Design for Online EnvironmentRichard Meriveles
 
Composition guidelines new date
Composition guidelines new dateComposition guidelines new date
Composition guidelines new dateKara Wilson Smith
 
Theories and Relevant Practitioners
Theories and Relevant PractitionersTheories and Relevant Practitioners
Theories and Relevant PractitionersThomas Haase
 
Design & Usability Basics
Design & Usability BasicsDesign & Usability Basics
Design & Usability Basicselmorandall
 
Compositionguidelines new date
Compositionguidelines new dateCompositionguidelines new date
Compositionguidelines new dateKara Wilson Smith
 
1-2 Principles of Design lecture
1-2 Principles of Design lecture1-2 Principles of Design lecture
1-2 Principles of Design lectureDarla Hueske
 
Fmp pp 1 graphic design theory
Fmp pp 1 graphic design theoryFmp pp 1 graphic design theory
Fmp pp 1 graphic design theoryThomas Haase
 
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 ...MinalabacMpsCsppo
 

Similar a 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
 
The Grid
The GridThe Grid
The Grid
 
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
 
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
 
Imaging and Design for Online Environment
Imaging and Design for Online EnvironmentImaging and Design for Online Environment
Imaging and Design for Online Environment
 
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
 
The_Grid
The_GridThe_Grid
The_Grid
 
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 ...
 

Último

WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxHasan S
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillCre8iveskill
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLkenzukiri
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazineRivanEleraki
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfHctorFranciscoSnchez1
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024Alan Dix
 
Construction Documents Checklist before Construction
Construction Documents Checklist before ConstructionConstruction Documents Checklist before Construction
Construction Documents Checklist before ConstructionResDraft
 
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Amil baba
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Ted Drake
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024mikailaoh
 
How to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTHow to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTThink 360 Studio
 
Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...khushisharma298853
 
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfBuilding+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfsaidbilgen
 
Mike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtMike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtTeeFusion
 
Cold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxCold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxSamKuruvilla5
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Ed Orozco
 
Production of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxProduction of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxb2kshani34
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsBlock Party
 
Create Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comCreate Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comjakyjhon00
 

Último (19)

WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkill
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazine
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdf
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024
 
Construction Documents Checklist before Construction
Construction Documents Checklist before ConstructionConstruction Documents Checklist before Construction
Construction Documents Checklist before Construction
 
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024
 
How to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTHow to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPT
 
Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...
 
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfBuilding+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
 
Mike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtMike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy Shirt
 
Cold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxCold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptx
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
 
Production of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxProduction of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptx
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teams
 
Create Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comCreate Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.com
 

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