Térközök – A cél (08:43)

Design alaptételek

A design egy elég nehezen megfogható téma, hiszen nem biztos, hogy ugyanaz tetszik neked és nekem. Ettől függetlenül van pár alap tétel, amit érdemes követni, ezeket nézzük meg. Érdemes a videót is megnézni, mivel ott sokkal szemléletesebben látszanak az elmondottak.

Konzisztens design

A szemünk szereti a szimmetriát, a pontosan illeszkedő, szabályos designt.

Ezért van az, hogy egy színpalettáról dolgozunk, mindenhol ugyanolyan betűtípust és méreteket használunk. Ez igaz különböző szakaszokra, blokkokra is.

Üres terek

A térközök és margók talán a legmegfoghatatlanabb része lesz a webdesignnak, viszont látványos különbséget érhetsz el a megjelenésben, ha sikerül ezeknél a jó arányokat megtalálnod.

  • Szöveg: betűtípus, betűvastagság, sortávolság, betűköz. Nemcsak az esztétika, hanem az olvashatóság miatt is fontos. Ne legyen túl széles a szöveg (ha 1 oszlopos elrendezés, akkor vedd keskenyebbre a tartalmat, vagy oszd több oszlopra, tegyél mellé képet, stb.)
  • Szerkezeti egységek közötti tér: margók, belső margók, térközök a szomszédos szakaszokhoz, oszlopokhoz, widgetekhez viszonyítva.

A végeredmény olyan legyen, hogy kellően szellős, de mégis kompakt egységet kapjunk. Fontos az is, hogy ne legyen túl nagy a rés, mert akkor nem lesz egyértelmű, hogy mi mihez tartozik.

Elsőnek a különböző szöveggel kapcsolatos beállításokat végezd el és utána pedig a szerkezeti egységek közé tedd be az üres részeket.