Lesson 6

• Graphic design


  An artistic way of communicating ideas and messages through visual expressions using texts, images, and symbols
• Graphic designers


  Work on the quality of the output they serve for the audience or clients like websites, advertisements, posters, flyers, logos, videos, and any other multimedia form
• Design


  A plan of creating an idea through a combination of texts, images, and other elements that are placed together artistically
• Layout


  The process of organizing and arranging these elements in a design as you plot it on a paper
• Basic Principles of Graphics and Layout

  • Balance
  • Emphasis
  • Movement
  • Pattern, Repetition, and Rhythm
  • Alignment
  • Proportion
  • Contrast
  • Variety
  • Unity and Harmony
• Balance


  The visual weight of objects, texture, colors, and space is evenly distributed on the screen
• Emphasis


  Elements in the design that may appear different in size, texture, shape, or color to attract the viewer's attention
• Movement


  Visual element that guides the viewer's eyes around the screen
• Pattern, Repetition, and Rhythm


  The repeating visual element in an image or layout creates unity in the layout or image. Rhythm is achieved when visual elements create a sense of organized movement
• Alignment


  The proper placement of an element in your design, like invisibly placing or aligning your texts or images diagonally, vertically, and horizontally
• Proportion


  Visual element that creates a sense of unity where they relate well with one another
• Contrast


  The use of different or opposite elements such as sizes, shapes, spaces, form, colors, texture, and values
• Variety


  Uses several design elements to draw a viewer's attention
• Unity and Harmony


  The relationship of the elements or the contents when you place them together. The elements of the design must work together and agree to its meaning, theme, feeling, or mood
• Infographics


  Information graphics or infographics are used to represent information, statistical data, or knowledge in a graphical manner usually done in a creative way to attract the viewer's attention
• Online Image File Formats


  • Joint Photographic Experts Group (.jpeg or .jpg)
  • Graphics Interchange Format (.gif)
  • Portable Network Graphics (.png)
• .jpeg or .jpg


  Real-life photographs, high compression
• .gif


  Computer-generated graphics, capable of displaying transparencies
• .png


  Screenshots, high compatibility, supports up to 16 million colors, allows control of transparency level