Learn design principles, composition rules for professional social media

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.

4. Facts

5. Value
A picture is worth a thousands …….. words

6. Question
What makes a successful
design?

7. Planning and sketching

8. Part 1
Getting started with Canva

9. Introduction to CANVA
Why Canva?
1.
2.

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

17. Presentation template 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