A TIPOGRÁFIA CÉLJAI

Miért is alkalmazzuk a tipográfia mesterségét kiadványainkban? Hiszen közölnivalónknak

elsősorban a tartalma adja az értéket. Remélem sikerül bebizonyítanom, hogy a tipográfia a

hatékony üzenetközlés egyik, ha nem a legfontosabb eszköze.

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

Felkelti a figyelmet

A tipográfia eszközeinek módszeres használatával az olvasó figyelmét már az első pillanatban

felkelthetjük. Gondoljunk csak arra, hogy hányszor emeltünk le mi is egy-egy ígéretes

könyvet a bolt polcáról pusztán a borítójának látványa alapján.

Értéket ad

A szép szerkesztés esztétikai, a szakszerű szerkesztés anyagi értéket is képvisel, melyekkel

kiadványaink tartalmának súlyát fokozhatjuk.

Javítja az olvashatóságot

A szakszerű kiadványszerkesztés az olvasó kényelmét szolgálja, hogy az olvasással töltött idő

élvezetes és a lehető legkevésbé fárasztó legyen.

Egyszerűsít

Néhány ötletes grafikai megoldással jelentősen leegyszerűsíthetjük az olvasó számára

mondanivalónk megértését. Fenntartva, sőt, fokozva az olvasó élményeit, kedvet adva neki a

továbbolvasáshoz.

Kiemeli a fontos részeket

A tipográfia eszközeit használjuk arra, hogy az olvasó figyelmét mondanivalónk lényegére

koncentráljuk. Megértessük és elmélyítsük a fontosnak tartott kulcsszavakat.

Rendszerez

Közvetítsük minél jobban az általunk kifejteni kívánt mondanivaló szerkezetét, elemeit.

Ehhez grafikai, tipográfiai elemeket használhatunk. Ne csak a fejezetekre tagolásra

gondoljunk!

Részekre tagol

A szerkesztés eszköztárában számos lehetőséget találunk mondanivalónk tagolására, tartalmi

és feldolgozhatósági szempontból egyaránt.

Egységet teremt

Ugyanitt kell keresgélnünk eszközök után, ha a tagoltság mellett az egyes részek

összetartozását, az egész dokumentum egységét szeretnénk megőrizni és kifejezni.

Tipográfiai tervezés

Mielőtt írásos kommunikációnkat megkezdenénk, nagyon fontos a tervezés. A tervezés segít

rendszerezni tevékenységünket, iránymutatást ad a cselekvéshez. Az elektronikus

kiadványunk elkészültekor, a tervezetthez viszonyítva tudjuk eldönteni, hogy munkánk során

mennyire jártunk sikerrel, mivel lehetünk elégedettek és mi az, amin még javítani kell.

A tipográfiai tervezés lépései

Ahogy a kiadvány elkészítése során, úgy a tipográfiai tervezés során is sok időt, és fáradtságot

takaríthatunk meg, ha a megvalósítást a megfelelő logikai lépéseket betartva végezzük.

Remélhetőleg így nem kell visszalépnünk a megvalósítás, vagy tervezés folyamán egy

korábbi fázisba, az addigi munkáinkat újra kezdve.

A tervezés során az alábbi lépéseket célszerű követni:

Tűzd ki céljaidat

Válaszd ki a megfelelő formátumot

Válassz betűtípust és méretet

Készíts hatásos képeket

Adj lendületet a kiadványnak

Javíts, finomíts, csiszolgass

Tűzd ki céljaidat! Rendkívül fontos, hogy mi magunk is tisztában legyünk kiadványunk céljával, küldetésével.

Figyelmet felkelteni szeretnénk, vagy bizalmat kialakítani olvasóinkban, esetleg hivatalosan

közölnénk valamit?

Kinek szánjuk a kiadványunkat? Gyerekeknek, fiataloknak, felnőtteknek, érdeklődőknek,

szakmabelieknek?

Mi az érdeklődési körük, iskolai végzettségük, milyen közlésmódot tartanak természetesnek?

Számos kérdést kell feltennünk magunknak, és megválaszolni azt, hogy kiadványunk célját

megfelelően megfogalmazzuk.

Válaszd ki a megfelelő formátumot

Ahogyan más formátumot alkalmazunk egy reklámkiadvány és egy banki értesítő

kialakításakor, ugyanúgy célszerű elkülöníteni egy kutatási eredmény kinézetét egy

figyelemfelkeltő, tanulást segítő segédanyagétól. A kiadvány formátuma nagymértékben függ

a célközönségtől és a kiadvány témájától.

Válassz betűtípust és méretet

A gyanútlan olvasó nem is gondolná, hogy pusztán a betű méretével, színével és formájával

máris a kiadvány hangulatának befolyása alá került. A későbbi fejezetek iránymutatást adnak

a betűk helyes kiválasztásához.

Készíts hatásos képeket

Az elektronikus kiadványok lehetővé teszik, hogy az előállítási költségek jelentős növekedése

nélkül színes képekkel hangsúlyozzuk kiadványainkat.

Élj ezzel a lehetőséggel!

Nem is kell feltétlenül a kiadványt illusztráló fényképre gondolni. Sokszor egy hangulatos

jelenet, érdekes arcok, mozdulatok, tárgyak felélénkíthetik az olvasót irományunk böngészése

közben.

Adj lendületet a kiadványnak

A színek, képek, grafikák, vonalak, hasábok, feliratok, címek, szövegek összessége alkotja

kiadványunkat. A további fejezetek jó néhány ötletet és trükköt tartalmaznak arról, hogyan

csempészhetünk dinamizmust, feszültséget és lendületet dokumentumunkba, hogy a

felhasználó ne aludjon el az olvasás közben.

Ha csak nem éppen ez a célunk.

Javíts, finomíts, csiszolgass

Végezetül pedig, tekintsük újra át kiadványunkat, gyomláljuk ki az esetleges hibákat. Vessük

össze eredeti célkitűzéseinkkel és a tanulságok levonása után finomítsunk, vagy kezdjük újra

az egészet.

A szép, hatásos kiadvány elkészítése nem könnyű feladat. Ne keseredj el, ha elsőre nem lesz

"pont olyan", mint ha egy sztárdizájner készítette volna!

Szedéstükör

A szedéstükör a nyomtatott anyagoknál a nyomtatható terület kijelölésén túl, az oldalon

elhelyezett információ elrendezését hivatott kijelölni egy táblázathoz hasonló formával.

A szedéstükör a képernyőre tervezéskor is jó szolgálatot tehet oldalaink kinézetének

egységesítésekor.

A weboldalak tervezésénél ez praktikusan egy táblázatot jelent, melynek segítségével az

oldalon található fejlécet, menüsort pozícionálhatjuk, illetve beállíthatjuk a hasábok

szélességét.

Az oldaltükör kialakításánál célszerű lehet a képernyő arányainak figyelembevétele (pl.

800x600, 1024x768). Azaz az oldal magasságának és szélességének aránya: 3:4.

Az átláthatóbb tervezés és praktikusabb megvalósítás érdekében célszerű több, egymásba

ágyazott táblázatot használni.

Általános szedéstükör

A legegyszerűbb szedéstükör -amelyet ezen oldalak is alkalmaznak- csupán a margók,

fejlécek, és hasábok beállítására szolgál. Az alábbi ábra, jelen oldalak szedéstükrének

sematikus vázlata.

Modulhálós szedéstükör

Az elektronikus dokumentumok általában sok képet tartalmaznak, ezért az általános

szedéstükör nem minden esetben nyújt elegendő segítséget az oldalak elkészítéséhez.

Ebben az esetben alkalmazhatjuk a tervezés során az úgynevezett modulhálót, ami nem más

mint egy egyforma cellákból álló táblázat, rács.

Az oldalak képét és az objektumok elhelyezését aztán az egyes cellák összevonásával

alakíthatjuk ki.

Az alábbi ábra egy modulhálós szedéstükör és a segítségével megvalósított oldal sematikus

rajza.

Folthatás

Amikor az olvasó képernyőjére tölt egy oldalt, vagy lapoz egyet a könyvben, magazinban, a

szeme még nem fókuszál az oldal egyes elemeire. Az oldalt egészében sötét és fehér

foltokként érzékeli.Aztán e foltok elhelyezkedése, elkülönülése határozottsága dönti el, hogy

melyik foltra fog először fókuszálni a szem, és az olvasó hol kezdi el az olvasást.Hasonlóan, a

foltok elhelyezkedése jelzi az összetartozó szövegrészeket és képeket is.

Ha dokumentumunkban hangsúlyos részt szeretnénk kiemelni, figyelemfelkeltővé tenni,

mindig gondoljunk a folthatásra.

Az alábbi két ábra egy weboldal szerkesztő program példaoldala, és az egyik legnépszerűbb

magyar portál homályosított képe.

Hasonlítsuk össze a két képet az alábbi kérdések alapján!

Vajon az olvasó hol fogja elkezdeni az olvasást?

Melyek az oldal leghangsúlyosabb elemei és miért?

Milyen eszközökkel éltek az oldal készítői, hogy az olvasók tekintetét megragadják?

Betűcsaládok csoportosítása

A különböző stílusú és alakú betűk sokaságában bizony sokszor rendkívül nehéz kiigazodni.

A betűkkel foglalkozó szakkönyvek, több eltérő csoportosítást is közölnek. Ám bizonyos

betűkről ezek ismeretében is nehéz eldönteni, hogy hova is soroljuk őket. A következőkben a

szigorú szakmaiságot félretéve, a kinézetük, rajzolatuk alapján fogjuk csoportosítani

betűtípusainkat, betűcsaládjainkat. A csoportosítás alapján négy formát különböztethetünk

meg úgymint:

Talpas betűk

Talpnélküli betűk

Kalligrafikus betűk

Dekoratív betűk

Talpas betűk

Mint a nevük is mutatja, ezek a betűcsaládok a betűk száránál található vastagodásról

ismerhetők meg. A betűk talpa egyfajta optikai stabilitást kölcsönöz a betűknek. A talpas betű

még önmagában állva is magabiztosan, feldönthetetlenül áll. Mivel könyveink többségének

törzsszövegét ilyen betűtípussal szedték, agyunk már nagyon jól hozzászokott a talpas betűk

olvasásához.

Ha szövegeinket könnyen olvashatóra tervezzük, mindenképp érdemes megfontolni

valamelyik talpas betűcsalád alkalmazását.

Nézzünk meg néhányat a talpas betűtípusokból!

Talpnélküli betűk

Az előzőekkel ellentétben, a talpnélküli betűcsaládok betűinek szára szigorúan egyenes,

semmiféle talpban nem végződik. Mindezen hiányosság ellenére e betűk nem

értéktelenebbek, pusztán a grafikai megvalósításuk egyszerűbb, szögletesebb, modernebb.

Főleg címekben, rövid feliratokon, reklámszövegekben találkozhatunk képviselőivel.

Lássunk néhány talpnélküli betűt!

Kalligrafikus betűk

A kalligrafikus betűcsaládok képviselőit rendkívül könnyű azonosítani, hiszen azok

mindegyikében a betűk a folyamatos kézíráshoz hasonlóan kapcsolódnak egymáshoz. A betűk

grafikai megvalósítása is a kézírást utánozza, nemegyszer meglehetős fennköltséggel és

eleganciával.

Mivel a kalligrafikus betűk általában rendkívül nehezen olvashatóak, használatával bánjunk

nagyon óvatosan! Kizárólag alkalomhoz, mondanivalóhoz illő rövid szövegekben használjuk!

Jellemző kalligrafikus betűtípusok:

Dekoratív betűk

A dekoratív betűk családjába soroljuk mindazon betűtípusokat, amelyeket egyik fenti

kategóriába sem tudunk egyértelműen besorolni. A sokszínű társaság bizonyos tagjai néha

egészen elképesztő grafikai megoldásokkal kápráztatják el a kiadványszerkesztőket és

olvasókat. Egyes betűk teteje lángol, mások egyéb különlegességeket kaptak, néha a teljes

olvashatatlanságig fokozva a grafikai megoldásokat.

Mindezek ellenére a betűcsalád tagjait jól használhatjuk logókban, emblémákban és

reklámfeliratokban.

A címsorokban alkalmazva kiadványunknak modernséget, fiatalosságot, egyediséget

kölcsönözhetünk.

Néhány, talán ismerős grafikus betűtípus:

Ligatúrák, alávágás

Az elektronikus kiadványszerkesztés során -nem meglepő módon- a szövegek az egyes

karakterek egymásutánjából állnak. Azonban, ha bizonyos karakterek kerülnek egymás mellé,

a betűk különböző alakjából adódóan bizonyos betűpároknál ez grafikailag elég

szerencsétlenül jön ki. A betűpárok optikailag kilógnak a szöveg betűközeinek ritmusából,

vagy egyszerűen csak rondák. Természetesen a problémára létezik megoldás.

Ligatúrák

Az egységes és esztétikus kiadványokban egyes betűpárok helyett a két betűből álló,

grafikailag megszerkesztett önálló karaktert, úgynevezett ligatúrát alkalmaznak. Tipikusan

ilyenek például az fi és fl betűk.

Alávágás

Más esetekben a probléma pont ellenkező jellegű, azaz az egyes betűk között optikailag nagy

hézag keletkezik. Ekkor a két betűt egymás alá kell csúsztatni, hogy a köztük lévő távolságot

csökkentsük. Ezt az eljárást a szakma alávágásnak vagy egalizálásnak hívja.

Az alábbi animáció felső sorában az alávágás szó szerepel az alávágás alkalmazása nélkül. Jól

látható, a v betű előtt és után található optikai lyuk. Az alsó szó elemei egérrel mozgathatóak.

Keressünk meg az alávágás optimális mértékét a betűk mozgatásával. Ügyeljünk arra, hogy se

túl közelre, se túl távolra ne mozgassuk a betűket!

Olvashatóság

Amikor képernyőre vetünk egy szöveget, rendszerint annak reményében tesszük ezt, hogy

irományunkat valaki el is olvassa. A képernyő előtt ülő, webet böngésző olvasó rendkívül

értékes és kényes jószág (a jószág szó kizárólag közgazdaságtani jelentésére gondolva).

Amint megnehezíti valami az olvasását, elfárad, vagy nem sikerül fenntartani az érdeklődését,

azonnal továbbszörföl. Olvasóink megtartása érdekében célszerű betartani az alábbi

szabályokat.

Ne nagybetűvel

A kisbetűk egyedi alakja megkönnyíti az olvasást, a törzsszöveget szedjük mindig kisbetűvel.

Arról nem is beszélve, hogy a nagybetűvel szedett szöveg úgy hat, mintha torkunk

szakadtából ÜVÖLTÖZNÉNK!

Előre talpasok

Mivel a kölyökkorunkban ronggyá olvasott indiánkönyveink és leányregényeink általában

valamilyen talpas betűvel szedettek, agyunk jobban hozzászokott az ilyen szövegek

olvasásához. Hosszabb lélegzetű irományainkat célszerű ehhez alkalmazkodva, szintén talpas

betűkkel megjeleníteni. Persze a dizájn érdekében rövid szövegeknél eltérhetünk ettől, mint

ahogy tette ezt e sorok írója, azaz én.

Használjunk keskeny bekezdéseket

Olvasás során célszerű mondanivalónkat keskeny bekezdésekre tagolni. Jelentősen segítjük

ezzel szegény olvasót, hogy egy hosszú sor elolvasása után a következő sor elejére

visszataláljon. A gyorsan olvasók kedvére is tehetünk ezzel, mivel ők egy keskenyebb hasábot

egy tekintettel, egyszeri fókuszálással képesek elolvasni.

Kulcsszavak kiemelése

Bizonyos szövegeknél szükség van a kulcsszavak, vagy fontos szövegrészek kiemelésére.

Ezzel jelentősen megkönnyíthetjük az olvasó dolgát is az új ismeretek rendszerezésében.

A fontos részeket kiemelhetjük Kövérítéssel, vagy döntéssel.

Sok esetben

a b e t ű k ö z ö k n ö v e l é s e

is a megfelelő eredményre vezethet. Az aláhúzással azonban baj van!

A következő animáció egy kísérlet. A számítógép összesen tíz szót mutat meg felváltva

letakarva a szavak felső, illetve alsó felét. Próbáld meg adott idő alatt kitalálni a letakart szót.

Tipped beírása után az OK gombra kattintva kapod a következő kitalálandó szót. A helyes

találatokat takarás helye szerinti összesítésben számoljuk. Melyik takarás esetén értél el több

találatot?

Vajon mi lehet ennek az oka?

A nyomtatott szöveg olvasásakor az információt a betűk egyedibb, felső feléből kapjuk.

Ehhez a szemünk, agyunk is jól alkalmazkodott, ezért az egyes sorok olvasásakor tekintetünk

is a szöveg felső felén siklik végig. Az aláhúzás vonala azonban vonzza a tekintetünket, ezért

a szemünk kénytelen a szöveg alsó felére ugrani, ami viszont kevesebb információt tartalmaz.

Éppen ezért az aláhúzott szöveg olvasása rendkívül nehéz, az aláhúzott szavak kibillentik az

olvasót az olvasás ritmusából. Kerüljük az aláhúzás alkalmazását mindenhol!

Címsorok tördelése

Amennyiben elektronikus kiadványunk címeket, főcímeket is tartalmaz, -a kiadványok

többsége általában ilyen- érdemes néhány jó tanácsot megfontolni ezek tördelésére

vonatkozóan is.A böngészőben megjelenő dokumentum tényleges méretét nehéz ellenőrzés

alá vonni, hiszen az olvasó bármikor átméretezheti az oldalt. Ilyenkor a böngésző rendszerint

újratördeli az oldalt, néha az elképzeléseinktől teljesen eltérő, hajmeresztő megjelenést

produkálva ezzel.

A megfelelő helyen alkalmazott soremeléssel ezeket a csapdákat elkerülhetjük.

Többsoros címsorok tördelése

A többsoros címsorok tördelésénél az alábbi elrendezések valamelyikét kell használni.

Kerüljük tehát a piramisszerű elrendezést! A hosszabb és rövidebb sorok elrendezése

természetesen a valamelyik oldalra igazított címsorokra is vonatkozik.

Arányok

Akár az oldaltükör megtervezésekor, akár a grafikai elemek elhelyezésekor felmerülhet a

kérdés, hogy az egyes elemek milyen arányban álljanak egymással. Az ember nem is

gondolná, hogy az arányokkal mennyi mindent kifejezhetünk.

Szimmetria

A szimmetrikus elemek általában nyugodt, kiegyensúlyozott hatást keltenek. Két egyforma

elem mindig harmonikus, egyenrangú kapcsolatban áll egymással.

Aszimmetria

Ezzel ellentétben a különböző méretű alkotórészek, egyfajta nyugtalanságot, feszültséget

fejeznek ki. Egy aszimmetrikus kép sokkal izgalmasabb, mint egy szimmetrikus.

Az aszimmetrikus elrendezés élénkebb, hangsúlyosabb.

Aranymetszés

Felmerülhet azonban a kérdés, hogy az egyes alkotóelemek milyen arányban álljanak

egymással. Nos, ha különböző méretű alkotóelemekkel dolgozunk,s általában a természetben

szinte mindenütt megtalálható arányosság, az aranymetszés az irányadó.

Ha egy C szakaszt egy kisebb A és egy nagyobb B részre szeretnénk osztani az aranymetszés

szabályai szerint, az alábbi arányosságot kell alkalmaznunk:

B:C=A:B

Azaz a nagyobb rész (B) úgy aránylik az egészhez (C), ahogy a kisebbik rész (A) a

nagyobbikhoz (B). Az egyenlőség megoldása helyett elárulom, hogy ez kb. 1,62-es szorzót

jelent. Azaz, ha egy 10 cm-es hasáb mellé szeretnénk egy nagyobbat helyezni, azt célszerű 16

cm-nek választani. A természetben nagyon sokszor találkozhatunk ezzel az arányossággal.

Például a tökéletes emberi test felépítése is ilyen.

Kicsi és nagy aránya

Az egyes objektumok méretével gyakran kell hangsúlyoznunk, hogy valami kisebb egy másik

valaminél. Különösen, a szemléltető célzatú ábrák elkészítésekor lehet szükségünk erre.

Ilyen esetekben a képernyőn való szemléltetéshez célszerű egy kis túlzást alkalmazni. A kis

méretbeli különbség az átlagos szemlélő számára nem eléggé szembetűnő, nem nyomatékos,

nem hangsúlyozza eléggé a különbséget.

Kísérletezz az alábbi animációval! A jobboldali kör méretének növelésével, csökkentésével,

mozgatásával hogyan érzékeltetnéd, hogy kisebb, nagyobb a bal oldali körnél?

Ellenpont

Amikor két, vagy több objektum elhelyezését keressük az oldalon, viszonyukat mindig az

oldalhoz, és nem egymáshoz képest kell meghatároznunk.

Ha egy kötött helyű objektum -jelen esetben a négyzet- mellé szeretnénk egy másik

objektumot is elhelyezni, arra alapvetően az alábbi ábrán jelölt három lehetőségünk van.

Vajon melyik a legmegfelelőbb?

Az oldalon elhelyezett objektumoknál mindig egyfajta egyensúlyra kell törekednünk. Mintha

a középpontjában alátámasztott oldalt a rajta elhelyezett objektumokkal mint súlyokkal

próbálnánk kiegyensúlyozni. Ha az ellenpont szabályát alkalmazzuk, a fenti ábrán a kört a bal

felső sarokba kell helyeznünk.

Próbáld megkeresni a kis kör helyét az oldalon a négyzet ellenpontjaként!

Figyeld meg, hogy változik mindez a menüt jelölő négyzet ki és

bekapcsolásával!

Színek alkalmazása

Az elektronikus kiadványok egyik legnagyobb előnye, hogy a színek alkalmazása nem növeli

meg az előállítás költségeit.

Ennek ellenére mindenkit óva intenék attól, hogy a szerkesztőprogram által felkínált színek

mindegyikét elhelyezze az oldalán.

A színekkel az olvasó számára egy hangulatot közvetíthetünk. Kiválthatunk feszültséget,

nyugalmat, izgatottságot.

A webtervezők az oldalak elkészítése során csupán néhány, egymással harmonizáló színt

alkalmaznak az egész oldalon.

A színek legfontosabb célja, hogy visszatérő alkalmazásukkal egységet teremtsenek a

dokumentumon belül. Összekapcsolják, egy szintre hozzák a dokumentum bizonyos elemeit.

A színes fejezetcímek alkalmazásával sokkal élénkebbé tehetjük dokumentumainkat.

Színek alkalmazásával könnyen kiemelhetők a fontos részletek.

Színek kiválasztása

A kiadvány elkészítése során az egyik legnehezebb feladat a megfelelő színek kiválasztása.

Ehhez a színkör és az alábbi néhány definíció adhat segítséget.

Komplementer színek

A színkör ellentétes pontján elhelyezkedő színek. Együttes alkalmazásuk igen erős

kontraszthatást kelt, ezért érdemes a szöveg és háttér színeit egymás komplementerének

választani. A komplementer színeket kiegészítő színeknek is nevezik.

Analóg színek

A színkörön csupán egyetlen színszelet helyezkedik el közöttük. Jól harmonizálnak

egymással.

Meleg színek

A színkör jobb oldalán elhelyezkedő színeket meleg színeknek nevezzük.

Hideg színek

A színkör bal oldalának színei a hideg színek.

Színek alkalmazása a címsorokban

Dokumentumunk elkészítésekor mérsékelt, ízléses lendületet adhatunk kiadványunkat, ha az

egyes címeket, fejezetcímeket valamilyen koncepció szerint kiszínezzük. Nem csak az olvasás

egyhangúságát csökkenthetjük ezzel, hanem a színek megfelelő alkalmazásával struktúrát is

érzékeltethetünk. Lássunk néhány példát!

Ha kiadványunk elkészítésekor csak egy szín áll rendelkezésre, vagy ragaszkodunk a

monokróm világhoz, akkor is alkalmazhatjuk a színeket mondanivalónk fokozására. A

baloldali ábra a Fent és a Lent szó ellentétét hangsúlyozza az inverzre váltással. Rendkívül

egyszerű, ám látványos eszköz, hogy egy kis dinamikát vigyünk a címeinkbe.

Az előbbi példát továbbgondolva, szinte magától értetődik, hogy az ellentétek kifejezésére két

ellentétes színt alkalmazzunk. Esetünkben a piros és kék viszonya közvetíti a mondanivalót.

Ha nem szeretnénk ennyire direktek lenni, alkalmazhatjuk a kék-fehér, fekete-sárga, sárga-

zöld párosításokat is. Kifejezetten jó ötlet, ha az egyik, vagy mindkét alkalmazott szín máshol

is megjelenik az oldalon.

Növeljük tovább a hatást, fokozzuk tovább a feszültséget!

Eddig felirataink csupán a színeikben különböztek. Különböztessük meg őket ellentétes

hátterekkel is!

Mindenkit óva intenék attól, hogy a négy objektum (két szöveg és két háttér) színét teljesen

különbözőnek válassza, hacsak nem tudja pontosan, mit csinál!

Az ellentétek kifejezésén kívül a színek alkalmazásával az összetartozást is érzékeltethetjük.

Az azonos színnel szedett elemek, például fejezetcímek, egységes hatást keltenek az egész

dokumentumra kiterjedően.

A színek megfelelő alkalmazásával egyfajta játékosságot és fokozatosságot is kifejezhetünk

kiadványunkban. Egyúttal az egyszínű egyhangúságot is enyhíthetjük.

Vigyázzunk azonban, hogy az egyes színek kiválasztásánál is őrizzük meg az összetartozás

látványát, mondjuk azzal, hogy azonos színek különböző árnyalatait alkalmazzuk.

Háttér Mivel a Web dokumentumok elkészítésekor a színek

alkalmazása nem jelent többletköltséget, a kezdő

felhasználók gyakran túllőnek a célon. A színek és hátterek

szakszerűtlen alkalmazása során dokumentumainkat a

felhasználók számára a teljes olvashatatlanságig

fokozhatjuk. De ez, ugye, csak meglehetősen speciális

esetben lehet cél? sLássuk tehát, mire kell vigyáznunk!

Textúrák Az Interneten található dokumentumok többsége -hála a

technológia adta lehetőségeknek- tartalmaz valamilyen

háttérképet, amellyel a böngésző kitapétázza az oldal

hátterét. Ezek a mintázatok azonban rendszerint rendkívül

megnehezítik az olvasást. Kerüljük az alkalmazásukat!

Sokszor egy egyszínű, homogén háttér szolid eleganciája

célravezetőbb lehet.

Háttér és szövegszín A sötét alapon világos betűk olvasása rendkívül nehéz és

fárasztó, ezért ezeket csak a címsorokbans alkalmazzuk! A

világos háttérhez minden esetben sötét betűket használjunk.

Az összetartozó, egymáshoz jól illő színek kiválasztása nem

könnyű feladat. Jó ötlet lehet az inverz színek alkalmazása.

Mégis kell a háttér Ha mindezek ellenére mégis szeretnénk hátteret elhelyezni

a szövegünk mögé, ügyeljünk arra, hogy ez elég halvány

legyen ahhoz, hogy ne zavarja az olvasást.

Ellenkező esetben olvasóink rendkívül gyorsan

elpártolhatnak tőlünk.

Képek az oldalon

A hatásos képek elkészítése nem könnyű feladat. Ám, ha már rendelkezünk megfelelő

képekkel, amelyekkel dokumentumunkat illusztrálhatjuk, azokat illik megfelelően elhelyezni

az oldalakon. Lássunk erre is néhány szabályt!

Keret

A képeket egy táblázat cellájába helyezve biztosítsuk, hogy a képet körülfolyó szöveg ne

érjen hozzá a kép széléhez.

Megfelelő keret alkalmazásával a képet még hangsúlyosabbá tehetjük.

Ügyeljünk rá, hogy az arcok ne nézzenek ki a képből!

Ha fotónk nem megfelelő, a problémát egy egyszerű tükrözéssel

kiküszöbölhetjük.

Egy keret nélküli kép modern hatást kelt, ám elkészítése egy kis

ügyességet és gyakorlottságot kíván a grafikai programok

alkalmazásában.

Ha igazán fiatalos lendületet szeretnénk, kombinálhatjuk a

fotókat grafikus formákkal. Ezzel a kis trükkel, no meg az

eddig tanultak alkalmazásával biztosak lehetünk benne, hogy

olvasóink érdeklődéssel és izgalommal tekintenek majd újra

meg újra oldalainkra!

Ritmus

Nem csak az olvasást könnyíthetjük meg, de egyfajta harmonikusságot is közvetíthetünk

kiadványainkban, a ritmusosan ismétlődő elemek, grafikák alkalmazásával.

Ennek legszemléletesebb példája, ha egy táblázat páros és páratlan sorait eltérő háttérszínnel

különítjük el.

Az igényességre törekvő nyomtatott kiadványokban a balra zárt sorok végén található szavak

elválasztásakor is egy egyenletesen ismétlődő hullámosság kialakítására a tipográfusok célja.

Sajnos, a változtatható ablakméret miatt ezt az elektronikus kiadványokban nem célszerű

alkalmazni, ugyanis az ablak átméretezése esetén a böngésző újratördeli az oldalt. így

előfordulhat, hogy az olvasó, szándékainkkal teljesen ellentétes oldalképet lát a képernyőjén.

A vonal Dokumentumaink legegyszerűbb, és egyben leghasznosabb

grafikai eleme a vonal. Egyszerűsége ellenére kifejezőereje

rendkívül erős, ezért alkalmazása élénkké, markánssá teheti

dokumentumainkat. Az alkalmazott vonal funkcióját

jellemzően az alábbi négy kategóriába sorolhatjuk:

Elválaszt

Rendet teremt

Dekoráció

Szemvezető

Elválaszt Az elkülönítendő szövegblokkokat, cikkeket, fejezeteket egy

vonallal elválasztva csökkenthetjük az elkülönítendő

objektumok között szükséges üres területet. Gyakran

alkalmazzák ezt a technikát a portálokon, vagy az

apróhirdetési újságokban.

Rendet teremt Függőleges vonalak alkalmazásával kiemelhetjük, vízszintes

elválasztó vonalak alkalmazásával tagolhatjuk, lezárhatjuk

mondanivalónkat.

Dekoráció Nem jelentéktelen funkciója a vonalnak, hogy emelje

kiadványunk értékét.

Szemvezető A reklám célú kiadványokban gyakran alkalmazzák a

vonalakat szemvezetőként, bízva abban, hogy az olvasó

tekintete a vonalat követve elér a legfontosabbnak ítélt,

kiemelni kívánt szövegrészekhez.

Szöveg és stílus

Az elektronikus kiadványok -különös tekintettel az Interneten publikáltakra- a közönség

olvasási szokásait is megváltoztatták. Az információ mennyiségének növekedése, a

változtatás, elkattintás lehetősége nagy kihívás elé állítja a dokumentumok szerzőit, hogy az

olvasó figyelmét megszerezzék, és minél tovább fenntartsák.

A figyelem felkeltése és megtartása érdekében, a jól megválasztott dizájn mellett, célszerű a

tartalom megfogalmazásában is alkalmazkodni ehhez a megjelenítési formához.

Az Interneten publikált szövegek felépítése ezért többnyire eltér az írott dokumentumokétól.

Az elektronikus kiadványok a dokumentumok elején, a bevezetőben tartalmazzák a

konklúziót, mintegy figyelemfelkeltésképpen.

Különösképpen igaz ez a hírportálokon megjelenő újságírói stílusra, ahol a címlapon, a

nyomtatott újságoktól eltérően, többnyire a cikkek summázata olvasható.

A képernyőről olvasás nehezebb, fárasztóbb a nyomtatott szövegek olvasásánál, ezért célszerű

mondanivalónkat rövid, elkülönülő bekezdésekre tagolni.

Egyáltalán nem baj, ha az elektronikus dokumentumunk szinte szűkszavú. Olvasóink

figyelmének gyors lankadása bosszulja meg a szószátyárságot.

Az Interneten általában a tegeződés szokásos, nyugodtan alkalmazhatunk közvetlen, baráti

hangot, amennyiben mondanivalónk ezt megengedi.

A kivetített kép

Bár jelen oldalak témájához nem kapcsolódik szorosan, a téma hasonlósága indokolja, hogy

kitérjek azon az elektronikus kiadványok elkészítésekor figyelembe ajánlható praktikákra,

amelyek bemutató jelleggel, kivetítésre készültek.

Méret és felbontás

Rendkívül fontos, hogy ne becsüljük túl a rendelkezésre álló technika lehetőségeit. A vetítők

felbontási és színmegjelenítő képessége általában jóval a monitorok mögött marad.

Lehetőség szerint kerüljük a sok árnyalattal és funkciós, aprólékos részletekkel rendelkező

képek használatát. Törekedjünk a minél nagyobb méretű objektumok használatára.

Ne feledjük, hogy vetítésünket hallgatóink távolról fogják nézni!

Célszerű a diasorunkat a vetítés előtt a monitort kis felbontásra és színmélységre állítva

ellenőrizni.

Színek

A bemutató elkészítésekor használjunk minél kontrasztosabb színeket. A szöveg és háttér

telített, sötét színeinek alkalmazásakor egy nem túl nagy fényerejű vetítő képe esetleg

egyáltalán nem látszik egy világosabb teremben.

Szöveg

Ne írjuk tele az egyes diákat! A vetítés célja legyen inkább a rendszer, a mondanivalónk

struktúrájának közvetítése.

Néhány egyszerű grafika, és a fontosabb címszavak elegendő vázlatot nyújtanak a

hallgatóságnak, hogy rendszerezetten jegyzetelhesse a hallottakat. A vetítésünk az előadás

kiegészítője, ne helyettesítője legyen!

Ellenőrző kérdések

Az alábbi kérdések megválaszolásával ellenőrizheted, hogy mennyire sikerült elsajátítanod az

eddigieket.

Lévén a kiadványszerkesztés jórészben ízlés dolga, a kérdésekkel leginkább elgondolkodásra,

továbbgondolásra, esetenként vitára szeretnék sarkallni.

Mi a tipográfia célja?

Mik a tipográfiai tervezés lépései?

Miért van szükség a kiadvány szerkesztésére?

Milyen betűtípusokat ismersz?

Melyik betűtípust milyen szövegre alkalmaznád?

Hogyan célszerű kiemelnünk a fontosabb részeket a szövegben?

Hogyan nem célszerű kiemelnünk és miért?

Mi az aranymetszés és mire használjuk a kiadványszerkesztésben?

Mik a jól olvasható szöveg ismérvei?

Mit érzékeltethetünk a színek alkalmazásakor és hogyan?

Mire kell ügyelnünk képek beillesztésekor?

Milyen színeket, hátteret, betűtípust alkalmaznál egy iskolai segédanyag elkészítésénél?

Milyen színeket, hátteret, betűtípust alkalmaznál egy iskolai rendezvény felhívásának

elkészítésénél?

Felhasznált és ajánlott irodalom

Roger C. Parker: Web design kiadványtervezés képernyőn és nyomtatásban

Kossuth kiadó 1999

Virágvölgyi Péter: A tipográfia mestersége számítógéppel

Osiris kiadó 1999

Gyurgyák János: Szerkesztők és szerzők kézikönyve

Osiris Kézikönyvek, Osiris Kiadó, Budapest, 1996

Ábrahám István et al.: Kiadói ismeretek -- Útmutató tankönyvszerzok és szerkesztok számára

Korona Kiadó, Budapest, 1993

Adamcsik János: Szövegszerkesztés

SzÁMALK Kiadó, Budapest, 1999

Adamcsik János: Szövegszerkesztés a gyakorlatban

Gábor Dénes Muszaki Informatikai Foiskola, Budapest

Adamcsik János: Számítógépes szövegszerkesztés

LSI, Budapest

Baintner Károly: Hogyan írjunk tudományos közleményeket

TAKEFT, Budapest, 1982

Bártfai Barnabás: Printer tippek -- Problémák a számítógépes szövegelőállításban

BBS-E Bt., Budapest, 1994

Bíró Ágnes (szerk.): Szaknyelvi divatok

Gondolat Kiadó, Budapest, 1989

Burke, James: A nap, amely megváltoztatta a világot

Alexandra, Pécs

Eco, Umberto: Hogyan írjunk szakdolgozatot?

Gondolat Kiadó, Budapest, 1992 (második kiadás)

Eszlári Zoltán: Szövegszerkesztés Windows alatt

BBS-E Bt., Budapest, 1994

Honffy Pál: Levelezési tanácsadó -- Hivatalos és magánlevelezés

Ikva Kiadó, Budapest, 1993

Horváth Jeno, Makk Attila, Tartsay Vilmosné: Hogyan írjunk, szerkesszünk műszaki

könyvet?

Muszaki Kiadó, Budapest, 1982

Kéki Béla: Az írás története -- A kezdetektől a nyomdabetűig

Vince Kiadó, Budapest, 2000.

Prószéky Gábor, Kis Balázs: Számítógéppel emberi nyelven -- Intelligens szövegkezelés

számítógéppel

SZAK Kiadó, Bicske, 1999. (Cikk a könyvrol a ComputerTechikában, 1999. október 12.)

Schultz, Ingo -- Pest, Werner: Nyomtatók

Muszaki Könykiadó, Budapest, 1988

Szántó Tibor: A betu

Akadémiai Kiadó, Budapest, 1969.

Varga Csaba: Az ABC harmincezer éves története

Minores Alapítvány - Frig Kft., Budapest, 2000

Linkek

Gyurgyák János: Szerkesztok és szerzok kézikönyve

Virágvölgyi Péter: A tipográfia mestersége -- számítógéppel

Ez a link néha muködik: http://w3.ktg.gau.hu/inform/tipo/index.html

Szabó Tamás Péter: Szövegbarkácsolók füzete !!!!! Internetes kurzus

http://www.karinthy.hu/~NIKITA/szedes/szed.htm#A

Szántó Tibor: A tipográfia nyelve

http://gizi.dote.hu/~hajnal/alf9612/szanto.html

Régi magyar könyvmuvészet (JATE, Szeged)

http://www.bibl.u-szeged.hu/oldbook/

Dezso Andrea tipográfus honlapja

http://members.aol.com/babatoll/

Magyar nyomdák (Állami Nyomda, Atheneum Myomda Rt., Szikra Lapnyomda, Gyomai

Kner Nyomda Rt.)

http://www.lang.hu/gykner.nyomda/

A Kner Nyomda története

http://www.gyomaendrod.hu/kner2.htm

Ha már tudunk, akkor milyen HTML oldalakat is csináljunk

http://snews.matavnet.hu/pages/9903/htmld.htm

Web design

http://www.mek.iif.hu/porta/szint/muszaki/szamtech/wan/techno/wpdhun/html/wpdintro.htm

High Five -- Web-Design Magazine (angolul)

http://www.highfivearchive.com/

Suzanne Stephens Web Design linkjei

http://www.mek.iif.hu/porta/szint/muszaki/szamtech/wan/techno/wpdhun/html/wpdres.htm

Tipográfia a Weben (angolul)

http://www.microsoft.com/typography/web/default.htm

SMI Studio Web Design -- CorelDraw és PhotoPaint webes kézikönyvek

http://www.smi.hu/

Clipartok grafikák, betűkészletek

Free Clipart Kingdom: http://www.clipartcastle.com/

Berry's Clipart server: http://www.barrysclipart.com/

Best of WEB: http://www.best-of-web.com/index.shtml

Pictures Of.NET: http://www.PicturesOf.NET/

Original Free Clipart: http://www.free-clip-art.net/

Clipart.COM: http://www.clipart.com/rankem.html?action=in&id=triumph

DTP.COM: http://www.dtp.com/rankem.html?action=in&id=triumph

E-Clipart: http://www.e-clipart.org/

Clip-Art: http://www.clip-art.com/cgi-bin/rankem.cgi?action=in&id=original

webes dolgok:

http://www.animationcity.net/animcity.htm

http://www.graphiweb.com/graphics/graphics.htm

Letöltheto betukészletek

Big Resources Network: http://www.fontfiles.com/

All-4-Free fonts: http://www.all-4-free.com/fonts/

Folyóiratok

Serif: The Magazine of Type & Typography (angol nyelvű

Typofile Magazine (angol nyelvu)

Typozine ipográfiai és grafikai tervezéssel kapcsolatos internetes folyóiratok, magazinok

linkjeit találhatjuk itt. This page contains links to online magazines, e-zines and journals

covering typography and graphic design.)