5. Tervezés a betűkkel: tipográfia
A színek csak a kezdet volt. Újabb izgalmaknak nézünk elébe!
Az egyik kedvenc témám a tipográfia. Nem kell definíciókat ismerned ahhoz, hogy tudd: a tipográfia az a csodálatos tudomány/művészeti ág, ami segíti az információ közlését és megértését a betűk és képek összhangja által. Gyönyörű tipografált elrendezések és grafikák hozhatók létre egy kis fantáziával.
Közben persze számos írott és íratlan tipográfiai törvényszerűségre kell odafigyelnünk, de erről majd bővebben a webdesign tanfolyam során tanulunk.
A tipográfia eszközeit használjuk arra, hogy az olvasó figyelmét mondanivalónk lényegére tereljük, koncentráljuk. Megértessük és elmélyítsük a fontosnak tartott kulcsszavakat. Közvetítsük minél jobban az általunk kifejteni kívánt mondanivaló szerkezetét, elemeit. Ehhez grafikai, tipográfiai elemeket használhatunk.
A tipográfia alapvető céljai
felkelti a figyelmet
értéket ad
javítja az olvashatóságot
egyszerűsít
kiemeli a fontos részeket
rendszerez
egységet teremt
részekre tagol
* Nem, ez nem egy latin szállóige. : ) A „lorem ipsum” ún. helykitöltő szöveg, a webdesignerek bevett módszere arra, hogy ezzel töltsék ki és dizájnolják a rendelkezésre álló helyet a kész, végleges tartalmak hiányában. Ha jól olvasható (pl. magyar nyelvű, értelmes) szöveget illesztenénk be, az zavarná az olvasót, miközben a szöveg elrendezését nézi. Egyszerű szövegkimásolással innen tudsz „lorem ipsum”-ot beszerezni: www.lipsum.com/feed/html
A tipográfia építőelemei
típus, méret, betűköz, különleges karakter
igazítás, sorkizárt szedés, kiemelés, szóköz
behúzás, bekezdés, soregyen, sorköz
címsor, szimmetrikus/
aszimmetrikus rendezés
vonal, iniciálé, ikon, szimbólum
fotó, grafikai alkotás, műszaki ábra
Betűkeverés
A betűkeverésnek számos szabályszerűségét fogjuk megtanulni a Profi Otthoni Webdesign Tanfolyamon, sok-sok példán és gyakorló feladaton keresztül.
Azonban az egyik leglényegesebb a „talpasat a talpatlannal” szabály, mely szerint az ún. talpas betűk keverhetők a talpatlan fontokkal (a betűk más néven fontok). Írott, kézírásos és ún. kalligrafikus (szépírás) betűtípussal mindegyik keverhető, de a három együtt már soknak hat.
Kivételt ez alól természetesen képezhetnek egyes munkák, főleg a legújabb trendek szerint, hiszen a tipográfiai alkotások, érdekes betűkeverések igen népszerűek. De általánosságban véve ez a szabály még ma is megállja a helyét, tehát ne használjunk túl sokféle vagy éppen több különböző, de ugyanabba a kategóriába (pl. két kézírásos betűtípus) tartozó betűtípust egy munkán belül!
komoly talpas
Ez egy talpas (serif) betűtípus, jól látható a talpa. A talpas betűtípusok alapvetően tradicionálisak, elegáns stílusúak. Elsősorban nyomtatott anyagokhoz használjuk őket.
modern talpatlan
Ez egy talpatlan (sans serif) betűtípus, a betűknek nincs talpuk. A talpatlan betűtípusok inkább modernebb fontok, letisztultak, többféle vastagságúak.
gyermeki kézírásos
Ahogy Te vagy én, vagy akár egy kisiskolás gyermek ír manapság. Nem rajzolt, nem nagy gonddal formált karakterek, hanem szimpla kézírás hatását keltik.
elegáns szépírás
Míves kézírásra, szépírásra emlékeztető betűk. Nemcsak kézírásjellegűek, hanem van bennük valami kifinomult, elegáns, művészi és arisztokratikus.
Klassz tipográfiai elrendezésekért látogass el a www.myfonts.com weboldalra. Ötletes, igényes, sokszor ingyenes és jogtiszta betűforrás.
További betűkeverési szabályokkal, hasznos tippekkel és trükkökkel pedig a webdesign tanfolyamon ismerkedhetsz meg. : )
Sziasztok!
Tudnátok segíteni abban, h hogyan kell a lorem ipsumokat keresni?
A fent említett honlapon nem tudok eligazodni.
Ez tulajdonképpen mire szolgál? A még készülőben levő honlap miatt szükséges?
Köszönöm!
Üdv,
Csilla
Szia Csilla!
A „lorem ipsum” oldalról (ahogyan írjuk is) egyszerűen kimásolsz tetszőleges mondatokat, bekezdéseket, mint például az első bekezdést:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam finibus magna tellus, et condimentum purus mattis sit amet. Curabitur arcu tortor, vehicula ut justo quis, lobortis pulvinar magna. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam tincidunt odio vitae arcu vestibulum, quis aliquet dolor tincidunt. Vivamus elementum est porttitor, tempor lacus finibus, pellentesque ante. Quisque rhoncus tincidunt turpis eu egestas. Maecenas ac fringilla tortor. Nullam et rhoncus risus. Nam ligula enim, scelerisque quis tempus eget, ornare sed purus. Morbi facilisis nunc fermentum, facilisis arcu ultricies, gravida enim.
Ezt a szöveges tartalmat be tudod illeszteni egy (készülő) szórólapra vagy egy (készülő) weboldalra helykitöltő szövegként – A „lorem ipsum” ún. helykitöltő szöveg, a webdesignerek bevett módszere arra, hogy ezzel töltsék ki és dizájnolják a rendelkezésre álló helyet a kész, végleges tartalmak hiányában. Ha jól olvasható (pl. magyar nyelvű, értelmes) szöveget illesztenénk be, az zavarná az olvasót, miközben a szöveg elrendezését nézi. Ha már megvan a konkrét szöveg, akkor természetesen a helykitöltő szöveg törlésre kerül és helyére kerül a fix, már valós tartalom.
A Lorem Ipsum az 1500-as évek óta standard szövegrészletként szolgált az iparban – amikor egy nyomdász összeállította a betűkészletét, és egy példa könyvet vagy szöveget nyomott papírra, ezt használta. Képzeld, ma is ugyanezt a funkciót tölti be. Akár nyomtatott, akár online anyag tervét készítjük el, akár weboldalon dolgozunk, a szövegek helyeit latin betűkből, szavakból álló „lorem ipsum” szövegkitöltővel tölthetjük ki. Ha jól olvasható és értelmes (pl. magyar nyelvű) szöveget tennénk, az zavarná az olvasót, miközben a szöveg elrendezését nézi. Tehát amíg nem végleges az adott munka, vagy még várni kell a szöveges tartalmakra, addig a „lorem ipsumok” szolgálnak az adott munka szöveges tartalmaiként.
Természetesen a webdesign tanfolyam tananyagában is részletesen foglalkozunk vele, gyakorlati példákkal együtt.
Ha tudok még segíteni, keress bátran! 🙂
Üdv,
Bianka
Kedves Bianka,
Köszönöm, már értem! Tehát ez egy átmeneti, helykitöltő szöveg.
Ok, megértettem.
Nagyon köszönöm!
Üdv,
Csilla
Kedves Csilla!
Igen, pontosan. 🙂
Köszönöm a visszajelzést!
Üdv,
Bianka