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 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 képest
• 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