• Esztétikai elvek (külsõ megjelenés)
• Funkcionalitás (tartalom)

Szöveg

• Esztétikus, áttekinthetõ tagolás
  • Balra, jobbra, középre, sorkizárás, táblázatok, körbefolyatás, fejezetszintek, felsorolás
• Tipográfia
  • megfelelõ fontkészlet kiválasztása
    • fontcsalád
      • talpas
      • talpatlan
      • kézírást utánzó
      • dekoratív
    • fonttípus
    • fontméret
  • "web-biztos" fontkészlet: nem mindig elég a kifejezõ, mutatós szöveg-dizájnhoz. Ilyenkor: grafikus megoldású tipográfia (vektoros, bittérképes)
    • a vektoros elõnye: minõségromlás nélkül átméretezhetõ a képelem
  • szöveg megfelelõ formázása: a dokumentum fejlécében, (és) szövegtörzsben vagy stíluslapon meghatározva
• Olvashatóság függ: képernyõ felbontásától, a dokumentum szélessége pedig a képernyõ méretétõl.

Kép

Fogalma

Képtípusok

• bittérképes (bitmapped image)
• szürkeárnyalatú (grayscale): képpontonként 8 bit kódolás => 256 színárnyalat
• színpalettával indexelt (indexed color): az egyes pixelekhez egy-egy színindex-értéket rendelünk hozzá, ami a palettára hivatkozik (256 színû színtáblázat)
• valódi színezetû (true color): a színtér (RGB vagy CMY: 3x8=24 bit; CMYK: 4x8=32) alapszíneinek megfelelõ színcsatornánként határozzuk meg az egyes alapszínek intenzitását. Keverékük: 2 (24.-en) = kb. 16 millió színárnyalat

Fajtái

1. Raszteres

Alapeleme: pixel.

Részei:

• fejléc (képformátum meghatározása, méret megadása pixelekben, esetleg paletta)
• adatrész (a színkódok, pixelenként)

Rasztergrafikus rendszerek

Raszteres képet generáló és feldolgozó rendszerek, melyeknél a képi információ csak képenként kereshetõ vissza, a kép tartalma pedig csak a teljes kép felülírásával módosítható.

Elemei

• egyszerû objektumok (geometrikus ábrák)
• szabadkézi rajzok

Rasztergrafikus primitívek

Programcsomagba beépített rajzgenerátorok. Tipikus rasztergrafikus objektumok létrehozására. Pixelnégyszögek, bittérképek.

• vonalak
• sokszögek
• ellipszisek
• szövegek (betûcsalád, betûtípus, vastagítás, dõlt betû, keskenyítés, szélesítés, árnyékolás stb.)

Primitív paraméterek megadásával generálja az ábrát. (pl. téglalap -- átló; ellipszis -- bennfoglaló téglalap átlója)

Területmeghatározó primitívek

Egy-egy területet körbezárnak a raszteres képen. Lehetnek vonalasak vagy kitöltöttek.

Rajzelemek létrehozása

• szabadkézzel
• primitívekkel

Rajzelemek tulajdonságai

• vonalstílus
• vonalvastagság
• szín
• területmeghatározó primitíveknél: szín vagy mintázat

2. Vektoros

Vektorgrafikus rendszerek

Lehetõvé teszik, hogy a grafikus objektumokat adatbázisban tároljuk. Lebegõpontos világkoordináta-rendszerben írják le az objektumokat. Egy pont a hozzávezetõ helyvektorral azonosítható. Az objektumok jellemzõit tárolják az adatbázisokban. Az objektumok transzformálhatók is. (forgatás, zoom stb.)

A geometriai primitíveket vertexek (csúcspontok, 3D pontok) definiálják.

Geometriai elem	Kiterjedés	Adatábrázolás
Pont	0D	x, y
Vonal	1D lineáris	töréspontok x, y
Poligon	2D sík	csúcspontok x, y
Felület	3D tér	felület csúcspontjai x, y, z

Az egyes objektumokhoz kapcsolt leíró adatok objektumosztályonként különbözõek. Az egyes objektumosztályokhoz különbözõ attribútumok kapcsolhatók.

A koordinátarendszerek fajtái

• objektum (maga a tárgy)
• világ (a térben elfoglalt helye)
• nézet (honnan?)
• megjelenítési (képernyõ)

Funkciója

Soha ne legyen öncélú alkalmazás

• Szövegtaglaló
• Figyelemfelkeltõ
• Gyakran maga a grafikai elem áll a publikáció középpontjában
• Grafikai és tipográfiai megoldások többségét a nyomtatott dokumentumok eszköztárából vette át
• Interaktív hang-, kép-, mozgóképelemek (VR-technikák, QuickTime movie stb. -- nem térünk ki rá)
  • Flash, anim-gif, Java, JavaScript, Hypercam stb. "képlopó" programok ; különbözõ képformátumok: -- mikor melyik?
• Információ ötlet Struktúra Design
• Hátterek
  • színkódok: RGB, hexadecimális
  • kisméretû! háttérképek
• Képek
  • több kép esetén: fotóalbum (thumbnails) ; slide-show
    • Fotóalbum-készítõ programok: PhotoExplorer, WebExplorer
• Animációk
• Grafikus interfész: a web-kiadványok kezelõfelülete
• Képelemek: szövegek, vonalak, alakzatok
• Webre: gyors átvitel biztosítása
• Nyomtatásra: minél tökéletesebb minõség

Képfeldolgozás

Azok a számítógépes módszerek, melyekkel a számítógépen tárolt képek minõségét bizonyos szempontok szerint javíthatjuk, további feldolgozásra alkalmassá tesszük. Alapegysége: raszteres kép. Ennek alapegysége: pixel. Legegyszerûbb rajzoló programok: rasztergrafikus alapon mûködtek.