webdesign ii oldaltervezés 3.people.ektf.hu/kvcsilla/sites/default/files/webdes... · - művészi...
TRANSCRIPT
![Page 1: Webdesign II Oldaltervezés 3.people.ektf.hu/kvcsilla/sites/default/files/webdes... · - Művészi grafika (fekete-fehér, vonalas, folt hatású) A szöveg és kép által létrehozott](https://reader034.vdocuments.site/reader034/viewer/2022042408/5f2387bd393a836589607b57/html5/thumbnails/1.jpg)
Webdesign II – Oldaltervezés 3.
Tipográfiai alapismeretek
![Page 2: Webdesign II Oldaltervezés 3.people.ektf.hu/kvcsilla/sites/default/files/webdes... · - Művészi grafika (fekete-fehér, vonalas, folt hatású) A szöveg és kép által létrehozott](https://reader034.vdocuments.site/reader034/viewer/2022042408/5f2387bd393a836589607b57/html5/thumbnails/2.jpg)
Tipográfia
Tipográfia: kép és szöveg együttes elrendezésével foglalkozik.
A tipográfiát hagyományosan a grafikai tervezéssel, főként a nyomdai termékek tervezésével kapcsolatosan szokás említeni.
Jelentése: típusokkal írni (a 16. sz. óta ismert kifejezés)
A weboldalakon alkalmazandó sok szabály nagy része a nyomdászat régi szabályai közül került át.
![Page 3: Webdesign II Oldaltervezés 3.people.ektf.hu/kvcsilla/sites/default/files/webdes... · - Művészi grafika (fekete-fehér, vonalas, folt hatású) A szöveg és kép által létrehozott](https://reader034.vdocuments.site/reader034/viewer/2022042408/5f2387bd393a836589607b57/html5/thumbnails/3.jpg)
A régi nyomdász egyben tipográfus is volt
A nyomdász felelt az oldalak kialakításáért, amihez ismernie kellett az évszázadok alatt kialakult szabályokat, melyekkel:
- szép, esztétikus
- jól olvasható,
- áttekinthető
kiadványok születhettek meg. Ez az elsődleges fő cél a kiadványok szerkesztésekor.
![Page 4: Webdesign II Oldaltervezés 3.people.ektf.hu/kvcsilla/sites/default/files/webdes... · - Művészi grafika (fekete-fehér, vonalas, folt hatású) A szöveg és kép által létrehozott](https://reader034.vdocuments.site/reader034/viewer/2022042408/5f2387bd393a836589607b57/html5/thumbnails/4.jpg)
Jeles személyek
Akik a nyomdászat mesterségét és a tipográfia művészetét űzték Magyarországon:
Misztótfalusi Kis Miklós
Kner Izidor
Kner Imre
Tevan Andor
Két további személy, a legutóbbi kor két kiemelkedő tipográfusa Magyarországon:
Haiman György (1914-1996)
Virágvölgyi Péter (1948-1998)
![Page 5: Webdesign II Oldaltervezés 3.people.ektf.hu/kvcsilla/sites/default/files/webdes... · - Művészi grafika (fekete-fehér, vonalas, folt hatású) A szöveg és kép által létrehozott](https://reader034.vdocuments.site/reader034/viewer/2022042408/5f2387bd393a836589607b57/html5/thumbnails/5.jpg)
Virágvölgyi Péter: A tipográfia mestersége számítógéppel
A számítógépek elterjedésével a tipográfia a hagyományos szakmai területen kívül került, s már a legegyszerűbb szövegszerkesztő program használata esetén is számos tipográfiai döntést kell hozni. Ez a kézikönyv a számítógépes tipográfia tankönyve, melyben természetes módon a tradicionális, évszázados ismeretek és a legújabb fogalmak egyforma hangsúllyal vannak jelen. Olyan ismereteket közöl, amiket a szövegszerkesztő vagy tördelőprogramok leírásán túl tudni kell ahhoz, hogy kulturált tipográfiai formába tudjuk önteni szövegeinket. A kötetet irodalomjegyzék, fogalommagyarázatok, angol - magyar szószedet és tárgymutató egészíti ki.
![Page 6: Webdesign II Oldaltervezés 3.people.ektf.hu/kvcsilla/sites/default/files/webdes... · - Művészi grafika (fekete-fehér, vonalas, folt hatású) A szöveg és kép által létrehozott](https://reader034.vdocuments.site/reader034/viewer/2022042408/5f2387bd393a836589607b57/html5/thumbnails/6.jpg)
„A fedett és üresen maradó részek együttes hatása érvényesül a művekben!”
A nem fedett részek legalább annyira fontosak, mint a fedettek; így keletkezik az egész!
betű + betűköz = szó
szó + szóköz = sor
sor + sorköz= hasáb (szövegtömb,szövegfolt)
hasáb + hasábköz + margó = oldal
A fehér terület tipográfiai jelentősége!
![Page 7: Webdesign II Oldaltervezés 3.people.ektf.hu/kvcsilla/sites/default/files/webdes... · - Művészi grafika (fekete-fehér, vonalas, folt hatású) A szöveg és kép által létrehozott](https://reader034.vdocuments.site/reader034/viewer/2022042408/5f2387bd393a836589607b57/html5/thumbnails/7.jpg)
A tipográfia elemei
- betűk*, számjegyek, írásjelek
- a fentiekből létrehozott szövegfoltok
- képek, grafikák, díszek vonalak
a 12
% ! : dzs
−
![Page 8: Webdesign II Oldaltervezés 3.people.ektf.hu/kvcsilla/sites/default/files/webdes... · - Művészi grafika (fekete-fehér, vonalas, folt hatású) A szöveg és kép által létrehozott](https://reader034.vdocuments.site/reader034/viewer/2022042408/5f2387bd393a836589607b57/html5/thumbnails/8.jpg)
A betű lehet: - Informatív; - Díszes; - Közömbös; - Vonzó; - Hivatalos; - Személyes
A szg.-en használatos jelkészletek (fontok) jelentős része nem is betűket tartalmaz, emiatt nevezzük őket inkább jeleknek. Informatikus megközelítésben pedig karaktereknek.
A kép lehet:
- Fénykép
- Rajz (árnyalatos, vonalas)
- Embléma
- Ábra
- Grafika
- Folyamatábra
- Művészi grafika (fekete-fehér, vonalas, folt hatású)
A szöveg és kép által létrehozott folthatás nem ugyanaz, a szövegfolt küllemében általában nem hordoz információt (kivétel: kaligramma, ASCII-art).
A kép azonnali hatású: azonnal közöl információt és vált ki érzelmet.
![Page 9: Webdesign II Oldaltervezés 3.people.ektf.hu/kvcsilla/sites/default/files/webdes... · - Művészi grafika (fekete-fehér, vonalas, folt hatású) A szöveg és kép által létrehozott](https://reader034.vdocuments.site/reader034/viewer/2022042408/5f2387bd393a836589607b57/html5/thumbnails/9.jpg)
A karakterek tárolása
A karakterek egy kódtábla elemei, kódtábla szükséges a szövegek számítógépen történő tárolásához.
ASCII kódtábla (American Standard Code for Information Interchange):
- 8 bites, 256 féle különböző jele tárolható,
- a legkisebb tárolható szám: 0, a legnagyobb tárolható szám 255 - nem tartalmaz magyar ékezetes betűket
- sajnos nem STANDARD, mint ahogyan a nevében van
- http://hu.wikipedia.org/wiki/ASCII
![Page 10: Webdesign II Oldaltervezés 3.people.ektf.hu/kvcsilla/sites/default/files/webdes... · - Művészi grafika (fekete-fehér, vonalas, folt hatású) A szöveg és kép által létrehozott](https://reader034.vdocuments.site/reader034/viewer/2022042408/5f2387bd393a836589607b57/html5/thumbnails/10.jpg)
ASCII kódtábla elemei
![Page 11: Webdesign II Oldaltervezés 3.people.ektf.hu/kvcsilla/sites/default/files/webdes... · - Művészi grafika (fekete-fehér, vonalas, folt hatású) A szöveg és kép által létrehozott](https://reader034.vdocuments.site/reader034/viewer/2022042408/5f2387bd393a836589607b57/html5/thumbnails/11.jpg)
Á, á É, é Í, í Ó, ó Ö, ö Ő, ő Ú, ú Ü, ü Ű, ű
ASCII kódtábla elemei
![Page 12: Webdesign II Oldaltervezés 3.people.ektf.hu/kvcsilla/sites/default/files/webdes... · - Művészi grafika (fekete-fehér, vonalas, folt hatású) A szöveg és kép által létrehozott](https://reader034.vdocuments.site/reader034/viewer/2022042408/5f2387bd393a836589607b57/html5/thumbnails/12.jpg)
UNICODE kódtábla (ejtsd: junikód): - 16 bites, 65.536 elemből áll,
- a legkisebb tárolható szám: 0, a legnagyobb tárolható szám 65.535
- minden nemzetállammal rendelkező népcsoport karaktereit tartalmazza
- UTF-8: a karakterkódolás algoritmusa
- az UTF-8 változó hosszúságú kódolással (1–6 byte) képezi le a Unicode karaktertáblát
- 1 byte-on tárolt kódjai az ASCII-nak felelnek meg
- http://hu.wikipedia.org/wiki/Unicode
![Page 13: Webdesign II Oldaltervezés 3.people.ektf.hu/kvcsilla/sites/default/files/webdes... · - Művészi grafika (fekete-fehér, vonalas, folt hatású) A szöveg és kép által létrehozott](https://reader034.vdocuments.site/reader034/viewer/2022042408/5f2387bd393a836589607b57/html5/thumbnails/13.jpg)
Néhány példa arra, mikor a szövegek képi elemekké válnak (James Joice)
![Page 14: Webdesign II Oldaltervezés 3.people.ektf.hu/kvcsilla/sites/default/files/webdes... · - Művészi grafika (fekete-fehér, vonalas, folt hatású) A szöveg és kép által létrehozott](https://reader034.vdocuments.site/reader034/viewer/2022042408/5f2387bd393a836589607b57/html5/thumbnails/14.jpg)
Gramofon – írógéppel készült karakterekből
![Page 15: Webdesign II Oldaltervezés 3.people.ektf.hu/kvcsilla/sites/default/files/webdes... · - Művészi grafika (fekete-fehér, vonalas, folt hatású) A szöveg és kép által létrehozott](https://reader034.vdocuments.site/reader034/viewer/2022042408/5f2387bd393a836589607b57/html5/thumbnails/15.jpg)
művészet technika
Ma már léteznek olyan programok, melyek karakterekből fel tudnak építeni egy megadott képet.
![Page 16: Webdesign II Oldaltervezés 3.people.ektf.hu/kvcsilla/sites/default/files/webdes... · - Művészi grafika (fekete-fehér, vonalas, folt hatású) A szöveg és kép által létrehozott](https://reader034.vdocuments.site/reader034/viewer/2022042408/5f2387bd393a836589607b57/html5/thumbnails/16.jpg)