Principles of Design - Graphic Design Theory

25,601 views
25,472 views

Published on

elements of design
Image
Shape
Typography
Blending
Structure

Principles of design
Balance 
Proximity 
Alignment
Repetition 
Contrast 
Space 

Published in: Design, Business
6 Comments
76 Likes
Statistics
Notes
  • How to Use Graphic Design to Sell Things, Explain Things, Make Things Look Better, Make People Laugh, Make People Cry, and (Every Once in a While) Change the World --- http://amzn.to/1pCIIdH
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Graphic Design: The New Basics: Second Edition, Revised and Expanded --- http://amzn.to/1Mvw1pR
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Creative Workshop: 80 Challenges to Sharpen Your Design Skills --- http://amzn.to/1ZgKayp
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Your wait to search for a professional graphic designer is over now. I'll design any of your logo or graphic for $5 only. Please visit https://www.fiverr.com/nxdesigns_55
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • The best.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total views
25,601
On SlideShare
0
From Embeds
0
Number of Embeds
2,724
Actions
Shares
0
Downloads
1,857
Comments
6
Likes
76
Embeds 0
No embeds

No notes for slide
  • 2
  • 71
  • Principles of Design - Graphic Design Theory

    1. 1. The Principles of Design Learn how to create and introduce graphic designs in terms of graphic design principles.
    2. 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. 3. Elements of Design
    4. 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. 5. Line • The linear marks made with a pen or brush or the edge created when two shapes meet. Elements Of Design - Line
    6. 6. Shape • A shape is a self contained defined area ex. Squares, circles, free formed shapes or natural shapes. Elements Of Design - Shape
    7. 7. Shape • A positive shape automatically creates a negative shape. Elements Of Design - Shape
    8. 8. Shape • A positive shape automatically creates a negative shape. Elements Of Design - Shape
    9. 9. Shape • A positive shape automatically creates a negative shape. Elements Of Design - Shape
    10. 10. Shape • A positive shape automatically creates a negative shape. Elements Of Design - Shape
    11. 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. 12. Size • Size is simply the relationship of the area occupied by one shape to that of another. Elements Of Design - Size
    13. 13. Texture • Texture is the surface quality of a shape - rough, smooth, soft hard glossy etc. Elements Of Design - Texture
    14. 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. 15. Principles of Design
    16. 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. 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. 18. Balance Principles Of Design – Balance Is the design balanced ?
    19. 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. 20. Balance Principles Of Design – Balance balance in graphic design can be divided to two types.
    21. 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. 22. Balance - Symmetrical balance Principles Of Design – Balance
    23. 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. 24. Balance - Asymmetrical balance Principles Of Design – Balance
    25. 25. Balance – before & after Principles Of Design – Balance
    26. 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. 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. 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. 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. 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. 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. 32. Balance by position Principles Of Design – Balance
    33. 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. 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. 35. Proximity Principles Of Design – Proximity
    36. 36. Proximity Principles Of Design – Proximity
    37. 37. Proximity Principles Of Design – Proximity
    38. 38. Proximity Principles Of Design – Proximity
    39. 39. Proximity Principles Of Design – Proximity
    40. 40. Proximity Principles Of Design – Proximity
    41. 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. 42. Alignment Principles Of Design – Alignment
    43. 43. Alignment Principles Of Design – Alignment
    44. 44. Alignment Principles Of Design – Alignment
    45. 45. Alignment Principles Of Design – Alignment
    46. 46. Alignment Principles Of Design – Alignment
    47. 47. Alignment Principles Of Design – Alignment
    48. 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. 49. Repetition Principles Of Design – Repetition
    50. 50. Repetition Principles Of Design – Repetition
    51. 51. Repetition Principles Of Design – Repetition
    52. 52. Repetition Principles Of Design – Repetition
    53. 53. Repetition Principles Of Design – Repetition
    54. 54. Repetition Principles Of Design – Repetition
    55. 55. Repetition Principles Of Design – Repetition
    56. 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. 57. Contrast Simply contrast tells the viewer where to look first Principles Of Design – Contrast
    58. 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. 59. Contrast in size Principles Of Design – Contrast
    60. 60. Contrast in value Principles Of Design – Contrast
    61. 61. Contrast in quantity Principles Of Design – Contrast
    62. 62. Contrast in weight Principles Of Design – Contrast
    63. 63. Contrast in placement Principles Of Design – Contrast
    64. 64. Contrast in texture Principles Of Design – Contrast
    65. 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. 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. 67. Space Principles Of Design – Space
    68. 68. Space Principles Of Design – Space
    69. 69. Space Principles Of Design – Space
    70. 70. Space Principles Of Design – Space
    71. 71. Thank You

    ×