Lesson 2: Visual Design and Digital Imaging

Good multimedia is not only functional. It must also be visually understandable. Four basic design principles are often used in screen-based outputs.

Contrast

Contrast helps users notice what matters. You can create it through size, color, shape, weight, and spacing. If everything looks equally strong, nothing stands out.

Alignment

Objects should look intentionally placed. Alignment creates order and professionalism. Poor alignment makes a layout feel unfinished even when the content is correct.

Repetition

Repeated styles build consistency. Repeating colors, button shapes, heading styles, and icon rules helps users learn the interface faster.

Proximity

Related items should stay close together. If a label is too far from the image or button it describes, users may misread the screen.

You should also remember visual hierarchy — arranging parts so the user sees the most important item first, then the next, then the supporting details. Typical hierarchy tools include bigger headings, stronger color contrast, placement near the top, whitespace, and bold emphasis.

In exam situations, if you are asked why a design is confusing, look for weak hierarchy, poor alignment, low contrast, and inconsistent grouping.

Digital images are commonly divided into raster and vector graphics.

Raster graphics

Raster images are made of pixels. They are ideal for photographs, detailed textures, and realistic visuals. Common formats: JPG/JPEG, PNG, GIF, WebP. Their weakness is scaling — when enlarged too much, they become blurry or pixelated.

Vector graphics

Vector images are based on mathematical paths. They are ideal for logos, icons, diagrams, and illustrations with clean shapes. Common formats: SVG, AI, EPS, PDF. Their strength is scalability — they can be resized without losing sharpness.

Resolution

Resolution refers to the amount of image detail, usually described by pixel dimensions such as 1280 × 720, 1920 × 1080, 3840 × 2160. For screen use, pixel dimensions matter more than print-oriented terms.

Color models

Two color models are important: RGB for screens and CMYK for print. Since multimedia outputs are often screen-based, RGB is the default in many IT projects.

A practical rule: use JPG for photos with small file size; use PNG for transparent graphics; use SVG for scalable icons and logos.