graphic-lay-out

Imaging and Design for Online Environment

Basic Principles of Graphics and Layout

  • Fundamental elements of graphic design and layout principles.

Balance

  • Definition: Distribution of visual weight on either side of the vertical axis.

    • Symmetrical Balance: Same characteristics on both sides, evenly distributed.

    • Asymmetrical Balance: Different elements that balance visually; uses color, shape, size, texture & value.

Contrast

  • Arrangement of opposite elements (light vs. dark, rough vs. smooth) to create visual interest.

Emphasis

  • Used to highlight important parts of artwork; creates a focal point.

Movement

  • Guides the viewer’s eye through the composition, can create an illusion of action.

Pattern

  • Repetition of specific visual elements to organize surfaces consistently.

Rhythm

  • Regular repetition of elements to create cohesiveness and interest.

Proportion

  • Visual elements relate to each other to create unity.

Variety

  • Uses several design elements to attract viewer attention.

Definition of Graphics and Layout

  • Graphics: Visual images designed to inform, illustrate, or entertain.

    • Examples: Photographs, drawings, graphs (bar graphs, pictograms).

  • Layout: Planning and arrangement of graphic elements on a page. A good layout ensures balance and proper alignment.

Online File Formats for Images and Text

  • File Format: Standard process for data encoding in digital storage.

    • Types: Text (DOCX, PDF), Images (JPEG, GIF, PNG), Audio (WAV, MP3), Video (MP4, MPEG, AVI).

File Compression

  • Lossy Compression: Removes some information to reduce file size, lowers quality.

  • Lossless Compression: Retains all information, reduces file size less effectively.

Image Formats

  • JPEG: Most common format; quality loss due to compression.

  • GIF: Best for simple animations; limited color palette.

  • PNG: Supports transparency; best for logos.

  • PDF: Optimized for smaller size without quality loss; suitable for documents.

  • DOC: Document format by Microsoft; can include various elements like charts and tables.