Alignment keeps elements organiHed and clean.
Repetition maintains consistency through color and font.
“roximity groups related elements close together.
Uierarchy shows which part is most important.
5nity ensures that everything feels like one complete design.
V. Raster and Jector Graphics
All digital graphics are made in two forms — Raster or Jector.
Raster graphics are made of tiny pixels. When you Hoom in, they become blurry. These are
best for photographs and detailed images. “hotoshop is commonly used for raster
graphics. Fommon (le types are N“G, “MG, and z6“.
Jector graphics are made of mathematical lines and curves, so they can be resiHed in(nitely
without losing Cuality. These are best for logos, icons, and illustrations. Fommon formats
are AI, ;JG, E“;, and “D4.
K. Folor 6odels – RGz and F6Y7
Designs use di8erent color systems depending on where they’ll appear.
RGz )Red, Green, zlueS is used for digital screens — like TJs, mobiles, and websites. It’s
lightBbased, which means colors appear bright and glowing.
F6Y7 )Fyan, 6agenta, Yellow, zlackS is used for printing materials — like magaHines,
brochures, and posters. It’s inkBbased, so colors appear slightly softer or darker.
G. 4ile 4ormats in Graphic Design
Di8erent formats are used for di8erent purposes.
“hotoshop uses .“;D, Illustrator uses .AI, transparent images are saved as .“MG, and
photos for the web are saved as .N“G. 4or print, .“D4 or .TI44 gives the best Cuality. 4or
animated visuals, .GI4 is used, and for scalable icons, .;JG is perfect.
H. Typography
Typography is the art of arranging fonts to make text clear, readable, and visually
appealing.