A nyomtatványtervezés alapjai Tervezéselmélet II.
DR. CSÁNYI SÁNDOR Médiatechnológiai Intézet 455. szoba
TIPO
Gráfiap
Könyv Újság, folyóirat, Reklám, csomagolás Irodai kiadványok Akcidens kiadványok
x
MIVEL FOGLALKOZIK A TIPOGRÁFIA? Jelentése
τυποζ (tüposz) = vert vagy vésett ábra γραφω (gráfó) = írni Tipográfia Nyomtatott szövegek megtervezése. A szöveges közlés megformálása, kép és szedett szöveg együttes elrendezése. Tipográfia Betőtervezés és betővel tervezés.
A TIPOGRÁFIAI MÉRTÉKRENDSZER Didot-féle pontrendszer 0,366 mm Európai, metrikus rendszer Alapja a méter 2660-ad része 1 pont = 0,376 mm 1 ciceró = 12 pont = 4,511 mm 1 cm = 2,217 ciceró
Inch alapú picapont (pica) 0,352 mm Angolszász rendszer Alapja a láb (304,8 mm) = 12 inch 1 pica-pont = 0,352 mm (1/72 inch) 1 pica = 12 pica-pont = 4,233 mm 1 cm = 2,362 pica
1 Didot-pont = 1,0657 pica-pont 1 Pica-pont = 0,9384 Didot-pont
A TIPOGRÁFIA ALAPELEMEI
∗ ∗ ∗ ∗ ∗
Betők Nyomdai díszek Vonalak Foltok Képek
Tipográfiai elemek
A TIPOGRÁFIA TOVÁBBI ELEMEI
∗ Fedett részek ∗ Üres részek
Zsúfolt
A fedett és üres részek együttes hatása meghatározó.
Tágas
A BETŐ A legelemibb tipográfia: egyetlen bető vagy más közlésre szolgáló tipizált jel.
∗ Piktogram Informatív ∗ Díszítı Helvetica félkövér Linotext gótikus Futura világos Kövér fraktúr Serifa félkövér „Nem létezı”
∗
Közömbös Vonzó
∗
Szakszerő Naív
A BETŐ A nyomdai betők jellemzıi bető négyzete
verzálmagasság alapvonal
túlnyúlás vonala túlnyúlás fölfelé
Hfgx túlnyúlás lefelé
pontméret
betővonal közép (szem)vonal
x-magasság
BETŐTÍPUS ÉS BETŐMÉRET Számítógépen betőkészletek (font-ok) formájában TrueType (bitmap); Type I (vektoros) fontok Magyar ékezetes karakterek Betőtípusok elnevezése többféle néven (szerzıi jogi okok miatt) Különbözı kódkészletek jegyzetek (Mac, ANSI, Unicode) újság könyv
A betőméret azonos pontméret mellett különbözı, mert a teljes sorszalagot jelenti, de a szem csak a középmagasságot (betőszem) érzékeli.
címek plakát pont
Betőméret és felhasználás
A BETŐK OSZTÁLYOZÁSA Csak a latin betőket tekintve a szövegbetőtípusok száma kb.3000, a reklámbetőtípusoké kb. 30000!
∗ Betőtípus ∗ Betőcsalád ∗ Betőváltozat
A BETŐTÍPUS Az azonos grafikai elvek alapján tervezett jelkészlet. Ugyanannak a típusnak számos változata lehet.
Kapitális
Verzál Az újságbető osztály egyik típusa
A BETŐCSALÁD A betőcsaládot egy típus változatai adják. alkotó vonalak vastagsága szerint: ∗ A betőtvilágos, normál, félkövér, kövér. betők és jelek szélessége szerint: ∗ Az egyes keskeny, normál, széles.
∗ Funkcióálló,szerint: kurzív, kiskapitális (több változat). szempontjából: ∗ Díszítettség kontúros, plasztikus, árnyékolt, díszes.
A BETŐCSALÁD A betőcsaládot egy típus változatai adják.
Egy betőtípus változatai
A VÁLTOZATOK A változatoknak több fokozata is létezik. Ha nincs meg egy betőváltozat fontja, a számítógép generálja, de ez hamis változat lesz, nem használható.
Valódi és hamis betőváltozatok
A JELKÉSZLET A jelkészlet az egyszerre hozzáfér∗ Nagybetők hetı - szedhetı - jelek összessége. Kiskapitálisok ∗ Tágabb értelemben a tipográfiai jel∗ Kisbetők készlet minden olyan jelet tartalmaz Ligatúrák ∗ amely az emberi tudásanyag teljességét visszaadó szövegekben elı∗ Számok fordulhat. Mőveleti jelek ∗ ∗ Írás- és utalójelek ∗ Ékezetes és idegen betők kitevık, törtszámok, pénzügyi-, egyéb-, és ∗ Indexek, speciális jelek és mértékek
BETŐKEVERÉS Különbözı betőtípusok használata egy kiadványon belül. Azonos betőtípus méret vagy változateltéréssel mindig jó. Hasonló stílusú betők nem keverhetık, kis különbség nem különbség (2,6,7). Ha elég drámai az eltérés, a keverés elfogadható (3,4,5,8,9). Funkciója: figyelemfelkeltés, esztétikai. Fıleg címek, képaláírások, táblázatok és ábrák esetén használatos. Jó és rossz betőkeverések
A NYOMTATVÁNYTERVEZÉS ALAPELVEI A modern tipográfia alaptételei
∗ A forma követi a funkciót ∗ A kevesebb – több Legfontosabb jellemzıi: egység és változatosság egyensúlya, aszimmetria, dinamikus rend, kontraszt. A tipográfiai elemek tulajdonságai: méret, alak, tónus, textura.
A TIPOGRÁFIAI TERVEZÉS FOLYAMATA A modern tipográfia belülrıl kifelé építkezik. Elıször a legkisebb elemet a betőt és az avval kapcsolatos értékeket (típus, változat, méret, sortáv, hasábszélesség stb.) határozza meg, csak aztán fordul a nagyobb elemek és végül az oldal és az oldalpár kialakítása felé. Alapvetı a tipográfiai szabályok megtartása. Betőtípus, -méret Szövegformálás Tördelés Címszöveg Kép, illusztráció Oldalszerkezet
Betőméret meghatározása
SZÖVEGTÖRDELÉS
„Utca” képzıdés
Sok elválasztás
∗ Folthatás ∗ Szóköz ∗ Elválasztás ∗ Bekezdés
Jó folthatás
Zsúfolt hatás
SZÖVEG TAGOLÁSA (BEKEZDÉS) Bekezdések formázása behúzás beállításával.
Helyes
Helytelen
Sem szóköz, sem tabulátor nem használható.
SZEDÉSMÓD PÉLDÁK A szedés szorossága: betőméret/sortávolság. Ajánlott 1-2 pont.
Szoros és ritka szedéső szövegek
A TÉRKÖZÖK HIERARCHIÁJA A tipográfiában a térközök ugyanolyan fontosak mint a betők és alapvetı hierarchiájuk van: Betőköz Szóköz Sorköz Hasábköz Margó A térközök hierarchiájának felborulása
A TÉRKÖZÖK OPTIKÁJA Elsısorban tömbös szedésnél van jelentısége annak, hogy a sorkizárás mechanikusan történik vagy optikailag, figyelembe véve a betők alakját, az általuk hagyott ürességet.
Hagyományos tömbösítés, esztétikai korrekció nélkül. Az írásjelek miatt nem is látszik tömbösítettnek.
Egyszerő korrekció az írásjelek „kilógatásával”. A program az idézıjelet és a három pontot nem vette figyelembe.
A legjobb megoldás. Az írásjelek és a betők is kilógnak, de csak annyira, amennyire a szél megkívánja.
CÍMSZÖVEG Elsısorban kenyérszöveg mérető, de vastagabb betőváltozat használata jellemzı a méretnövelés helyett.
Modern stílusú címrendszer
Sorkizárás nincs és a középre zárás is ritka. A címrendszer hierarchiája követi a szerzı által létrehozott logikai tagolást (pl. hírérték), de figyelembe veszi a tipográfiai alapelveket.
CÍMSZÖVEG Kiemelés leginkább betőfokozattal és igazítással. Legyen kellı ellentét a címbető és a normál bető között. Középre igazított cím ne legyen dılt betős. Címek mögött nem lehet nagyobb térköz, mint elıttük. Címhez tartozó szövegrész nem kerülhet a következı oldalra. Kétsoros cím esetén a hosszúságkülönbség ne legyen se túl nagy, se túl kicsi.
Méret és vastagság ill. értelemszerő tördelés a címsorokban
Tájékozódás a világban, a Föld felfedezése
Tájékozódás a világban, a Föld felfedezése
Tájékozódás a világban, a Föld felfedezése
Tájékozódás a világban, a Föld felfelfedezése
Tájékozódás a világban, a Föld felfedezése
Tájékozódás a világban,
a Föld felfedezése
SORCSOPORTOK ELHELYEZÉSE A sorcsoportok elhelyezését segíti az oldalak segédvonalas beosztása. Sorcsoportok hangsúlyai
Lipcsei soresési szabály
Többsoros cím esetén bármely egymást követı három sorra a lipcsei soresési szabályt kell alkalmazni.
Sorcsoportok az oldalon
KIADVÁNYSZERKESZTÉS Egy újság szerkesztıségének felépítése
PAPÍRMÉRETEK
„A” méretrendszer A0 = 1 m2 Egyszerő számítás: ívrétek száma = 2k-n
Minden második ívrét száliránya keresztben van. „C” méretrendszer borítékméretek A-hoz.
„B” méretrendszer 70x100 és 50x70 cm Az A-sorozat méretei közötti méretek.
AZ OLDALAK TÖRDELÉSE Tördelés: a hosszabb szöveg oldalakba osztása ill. bármely nyomtatványban az alkotórészek (fıszöveg, járulékos szöveg, illusztráció, díszítıelem) végleges összerendezése.
Helytelen
1
3
5
2
4
6
Az olvasás sorrendje
Helyes
OLDALPÁR TERVEZÉS, SZEDÉSTÜKÖR Az oldalarányok döntıen meghatározzák egy kiadvány, mint tárgy megjelenését, a tipográfia szempontjából azonban a szedéstükör mérete és helye meghatározó. Szedéstükör: a szöveg elhelyezésének helye az oldalon. Mindig egy egységként, oldalpárra, határozzák meg. Kép szedéstükrön kívülre is kerülhet. Figyelembe venni: olvashatóságot, betőméretet (40-80 kar./sor), hasábot, Szedéstükör szerkesztése illusztrációt.
Mai szedéstükör arányai
ÚJSÁGTÖRDELÉS Egy újságcikk szerkezete és címrendszere Rovatcím Felcím Fıcím Alcím Líd Szövegközti cím Oldalidézet Az újságoldal élénkítésének, cikkek megkülönböztetésének módja a hasábszélesség váltogatása is.
ÚJSÁGTÖRDELÉS 2. A líd és a kép elhelyezése elvágta egymástól a szöveghasábokat. A kép helyének változtatásával javítható.
Kivételesen ábra, táblázat vagy képlet megszakíthatja a szöveget.
Kis szövegrész elszakítása. Az olvasó a végére hagyja, pedig nem oda tartozik.
KÉPMÉRETEZÉS
Képek nagyítása, kicsinyítése
A képek átló segítségével méretezhetık. Egy átló mentén változtatva a méretet változatlan arányokat kapunk. Átlépési vonal meghatározása
Azonos magasság beállítása
A kép a közlést szolgálja, ezért nem torzítható, nem csonkítható, csak a felesleg vágható le.
KÉPTÖRDELÉS A kép funkciója az összefüggések érzékeltetése, e funkciót meg kell ırizni. Kép és szöveg elhelyezésének legjobb módja, ha mindkettınek megvan a maga külön helye. Kép és szöveg külön
Kép körülfolyatása
Kép alányomása
MODULHÁLÓS TERVEZÉS A modern tipográfiai elrendezés alapja a modulháló, amely az oldalt egyenlı nagyságú mezıkre, és a területeket egymástól elválasztó azonos szélességő csatornákra osztja. A területek és csatornák mérete szigorú terv szerinti, belülrıl kifelé történı tervezésen (betőtıl az oldalig) alapul.
A TERVEZÉS GYAKORLATI ALAPELVEI A jól megtervezett kiadvány egységesen megjelenı alapelvekre épül.
∗ Tagolás ∗ Elrendezés ∗ Ismétlés ∗ Kontraszt
TAGOLÁS Az egymással tartalmi kapcsolatban álló elemek csoportokba rendezése, vizuális egységek létrehozása közelítéssel. Cél: az oldal alapvetı rendjének kialakítása. Elérése: határozzuk meg az oldalon található különálló elemek számát. Ha 3-5 elemnél több, keressük meg mit lehet még összevonni. Mire figyeljünk: Ne tegyünk egy oldalra túl sok önálló elemet. Lehetıleg ne tegyünk elemeket kizárólag sarkokba vagy Középre. Kerüljük az értelemzavaró elrendezést. Legyen egyértelmő a kapcsolat. Ha az elemek nincsenek kapcsolatban, válasszuk szét ıket.
TAGOLÁS Cél: az oldal alapvetı rendjének kialakítása.
TAGOLÁS Cél: az oldal alapvetı rendjének kialakítása.
ELRENDEZÉS Minden elemnek valamilyen vizuális kapcsolatban kell állnia az oldal valamely másik elemével. Cél: az oldal váljon egységessé és rendezetté. Elérése: tudatosan helyezzük el az elemeket. Keressünk olyan elemet, amelyhez igazítani lehet az újabbakat még akkor is ha távolabb vannak egymástól. Mire figyeljünk? Kerüljük a többfajta szövegzárási mód használatát. Térjünk el lehetıleg a szokványos megoldásoktól. A középre zárást tudatosan használjuk, ne alapértelmezésként.
ELRENDEZÉS Cél: az oldal váljon egységessé és rendezetté.
ISMÉTLÉS Bizonyos elemek és formajegyek rendszeresen megismétlıdnek a kiadványban. Cél: a tartalom egységes és izgalmas formába öntése. Elérése: a meglévı ismétlıdı elemeknek (címsorok, grafikai terv) adjunk nagyobb hangsúlyt, tegyük markánsabbá. Létrehozhatunk elemeket azzal a céllal, hogy késıbb ismétlıdı motívumként használjuk. Mire figyeljünk? Kerüljük az elemek olyan mértékő ismétlését ami már zavaróan vagy nyomasztóan hat.
ISMÉTLÉS Cél: a tartalom egységes és izgalmas formába öntése.
KONTRASZT A figyelem felkeltésének leghatásosabb eszköze, vizuális erı ami segít az olvasó tekintetét irányítani. Cél: az érdeklıdés felkeltése az oldal iránt, a tartalom rendszerezése. Elérése: ha egy oldalon két elem nem pontosan azonos, tegyük ıket különbözıvé. Látványosan különbözıvé. Ellentéthatások létrehozhatók jól megválasztott betőtípusokkal, méretekkel, formákkal, színekkel, vonalvastagsággal, térközökkel. Mire figyeljünk? Ha kontrasztot alakítunk ki, legyen erıteljes. Kis különbség nem különbség.
KONTRASZT Cél: az érdeklıdés felkeltése az oldal iránt, a tartalom rendszerezése.
KONTRASZT Cél: az érdeklıdés felkeltése az oldal iránt, a tartalom rendszerezése.
KONTRASZT Cél: az érdeklıdés felkeltése az oldal iránt, a tartalom rendszerezése.
∗ KÖSZÖNÖM A FIGYELMET