elements of design Image Shape Typography Blending Structure Principles of design Balance  Proximity  Alignment Repetition  Contrast  Space 

1. The Principles
of Design
Learn how to create and introduce graphic designs in terms
of graphic design principles.

2. For feedback, communications or questions feel free to contact via
Abanoub M. Nassief
Alexandria, Egypt
E-mail: abanoubcs@gmail.com
LinkedIn: http://eg.linkedin.com/in/abanoubmelad/
Facebook: https://www.facebook.com/EngineeroBono

3. Elements
of Design

4. 1) Line
2) Shape
3) Direction
4) Size
5) Texture
6) Color
The elements of design are the things that
make up a design.
Elements Of Design – Definition

5. Line
• The linear marks made with a pen or brush or the
edge created when two shapes meet.
Elements Of Design - Line

6. Shape
• A shape is a self contained defined area ex. Squares,
circles, free formed shapes or natural shapes.
Elements Of Design - Shape

7. Shape
• A positive shape automatically creates a negative
shape.
Elements Of Design - Shape

8. Shape
• A positive shape automatically creates a negative
shape.
Elements Of Design - Shape

9. Shape
• A positive shape automatically creates a negative
shape.
Elements Of Design - Shape

10. Shape
• A positive shape automatically creates a negative
shape.
Elements Of Design - Shape

11. Direction
• All lines have direction Horizontal, Vertical or
Oblique.
• Horizontal suggests calmness, stability and
tranquility.
• Vertical gives a feeling of balance, formality and
alertness.
• Oblique suggests movement and action
Elements Of Design - Direction

12. Size
• Size is simply the relationship of the area
occupied by one shape to that of another.
Elements Of Design - Size

13. Texture
• Texture is the surface quality of a shape - rough,
smooth, soft hard glossy etc.
Elements Of Design - Texture

14. Color
• Color is light reflected off objects.
• Color has three main characteristics:
• hue or its name (red, green, blue, etc.)
• value (how light or dark it is)
• intensity (how bright or dull it is).
Elements Of Design - Color

15. Principles
of Design

16. 1) Balance
2) Proximity
3) Alignment
4) Repetition
5) Contrast
6) Space
The Principles of design are what we do to
design elements. How we apply the principles
of design determines how successful the
design is.
Principles Of Design – Definition

17. Balance
• Balance in design is similar to balance in physics.
A large shape close to the center can be
balanced by a small shape close to the edge.
• Balance provides stability and structure to a
design.
• It’s the weight distributed in the design by the
placement of your elements.
Principles Of Design – Balance

18. Balance
Principles Of Design – Balance
Is the design
balanced ?

19. Balance
Principles Of Design – Balance
Balance in graphic
design can be
achieved by
adjusting the visual
weight of each
element, in terms
of scale, color,
contrast, etc.

20. Balance
Principles Of Design – Balance
balance in
graphic design
can be divided
to two types.

21. Balance - Symmetrical balance
Principles Of Design – Balance
occurs when the visual weight of design elements
evenly divided in terms of horizontal, vertical, or
radial. This style relies on a balance of two similar
elements from two different sides.

22. Balance - Symmetrical balance
Principles Of Design – Balance

23. Balance - Asymmetrical balance
Principles Of Design – Balance
• occurs when the visual weight of design elements
are not evenly distributed in the central axis of the
page.
• This style relies on visual games such as scale,
contrast, color to achieve a balance.
• We often see a design with the big picture offset
by the small but visible text balanced because of
the visual games.

24. Balance - Asymmetrical balance
Principles Of Design – Balance

25. Balance – before & after
Principles Of Design – Balance

26. Balance by value
Principles Of Design – Balance
occurs when a small area with
bright/high value colors is
combined with a large area
with a dark/low value color.

27. Balance by value
Principles Of Design – Balance
a man and a dog that has a high value (solid black)
with a broad area that has a lower value (gray).

28. Balance by shape
Principles Of Design – Balance
• Created through field of
complex composition
with a flat field.
• Complex/more detailed
field will appear in
balance with the flat area
in the opposite side.

29. Balance by texture
Principles Of Design – Balance
Small area with an interesting
texture looks balanced when
combined with a large flat
area (no texture).
Rippling water has a water
texture which attracts the
focus, appears balanced with
a wider area but not textured.

30. Proximity
• Proximity creates relationship between elements.
• It provides a focal point.
• Proximity doesn’t mean that elements have to be
placed together, it means they should be visually
connected in someway.
Principles Of Design – Proximity

31. Balance by position
Principles Of Design – Balance
another example of Asymmetric balance, where a
large object on one side balanced by putting the
smaller objects on the other side.

32. Balance by position
Principles Of Design – Balance

33. Balance by eye direction
Principles Of Design – Balance
help guide the eye and mind movement of the viewer.
They can also bind the work into a single entity.

34. Balance by eye direction
Principles Of Design – Balance
• Can also occur when we lead
the reader's eyes to the main
content.
• The objects are used as "tools"
to guide the reader's eyes
composed with a larger area,
while the main content
displayed in a smaller area.

35. Proximity
Principles Of Design – Proximity

36. Proximity
Principles Of Design – Proximity

37. Proximity
Principles Of Design – Proximity

38. Proximity
Principles Of Design – Proximity

39. Proximity
Principles Of Design – Proximity

40. Proximity
Principles Of Design – Proximity

41. Alignment
• Allows us to create order and organization.
• Aligning elements allows them to create a
visual connection with each other.
Principles Of Design – Alignment

42. Alignment
Principles Of Design – Alignment

43. Alignment
Principles Of Design – Alignment

44. Alignment
Principles Of Design – Alignment

45. Alignment
Principles Of Design – Alignment

46. Alignment
Principles Of Design – Alignment

47. Alignment
Principles Of Design – Alignment

48. Repetition
• Repetition strengthens a design by tying
together individual elements.
• It helps to create association and
consistency.
• Repetition can create rhythm (a feeling of
organized movement).
Principles Of Design – Repetition

49. Repetition
Principles Of Design – Repetition

50. Repetition
Principles Of Design – Repetition

51. Repetition
Principles Of Design – Repetition

52. Repetition
Principles Of Design – Repetition

53. Repetition
Principles Of Design – Repetition

54. Repetition
Principles Of Design – Repetition

55. Repetition
Principles Of Design – Repetition

56. Contrast
• Contrast is the juxtaposition of opposing
elements (opposite colors on the color wheel, or
value light / dark, or direction - horizontal /
vertical).
• Contrast allows us to emphasize or highlight key
elements in your design.
Principles Of Design – Contrast

57. Contrast
Simply contrast tells the viewer where to look first
Principles Of Design – Contrast

58. Contrast
Some types of contrast to keep in mind are the
relative darkness (called value in color theory),
weight, form, placement, quantity, texture, and
scale.
Principles Of Design – Contrast

59. Contrast in size
Principles Of Design – Contrast

60. Contrast in value
Principles Of Design – Contrast

61. Contrast in quantity
Principles Of Design – Contrast

62. Contrast in weight
Principles Of Design – Contrast

63. Contrast in placement
Principles Of Design – Contrast

64. Contrast in texture
Principles Of Design – Contrast

65. Contrast
Without contrast, a designed piece may appear
static, uninteresting, and hard for the reader to
access because it is not immediately clear what to
look at first.
Principles Of Design – Contrast

66. Space
• Space in art refers to the distance or area
between, around, above, below, or within
elements.
• Both positive and negative space are important
factors to be considered in every design.
Principles Of Design – Contrast

67. Space
Principles Of Design – Space

68. Space
Principles Of Design – Space

69. Space
Principles Of Design – Space

70. Space
Principles Of Design – Space

71. Thank You