Kompozíció alapok (06:04)

Ha 2022. márciusa óta megnézted az azonos című leckét a Weboldal tervezés kurzusban, akkor nem érdemes megnézned, mert sok különbség nincs a 2 videó között.

A designnak, grafikai tervezésnek az egyik legfontosabb része a kompozíció, vagyis az elemek elrendezése.

Mi főleg a weboldal készítés tekintetében vizsgáljuk meg az egyes pontokat, de tudd, hogy máshol is hasznosíthatod majd ezt a tudást.

Kompozíció 5 alapelve: 

  1. Közelség / Egység
  2. Negatív tér
  3. Igazítás
  4. Kontraszt
  5. Ismétlés / Konzisztencia

Közelség / Egység

  • a kapcsolatokat mutatja be a vizuális térben
  • a hasonló és összetartozó elemeket egymáshoz közel, egy egységbe tesszük (tartalmi csoportok), míg a a nem kapcsolódó elemeket különválasztjuk

Negatív tér

  • a különböző egységek elemei között mennyi tér van
  • a különböző egységek mennyire vannak közel vagy távol egymáshoz
  • a negatív terekkel hagyjuk a designt lélegezni
  • webdesign-ban:
    • szövegek: betűtávolság és sorköz
    • elemek: margók, belső margók és térközök 

Igazítás

  • például a szövegek, szakaszok igazítása balra/középre/jobbra
  • grid vagy rács rendszer használata 

Kontraszt

  • az egyes elemek megkülönböztetése egymástól különböző technikákkal
    • méret
    • hierarchia
    • színek
    • betűk stílusa

Ismétlés / Konzisztencia

  • ugyanolyan színek, betűtípusok és szakaszok használata