05 Typography Anatomy And Characteristics

36
Τυπογραφικόσ Σχεδιαςμόσ Εντφπων & Εφαρμογών πολυμζςων Εκπαιδευτήσ Ανδρζασ Κόλλιασ 06.11.2009 Ι.Ε.Κ. ΧΑΛΚΙΔΑΣ ΕΛΛΗΝΙΚΗ ΔΗΜΟΚΡΑΤΙΑ ΟΡΓΑΝΙΜΟ ΔΠΑΓΓΔΛΜΑΣΙΚΗ ΔΚΠΑΙΓΔΤΗ ΚΑΙ ΚΑΣΑΡΣΙΗ

Transcript of 05 Typography Anatomy And Characteristics

Page 1: 05 Typography Anatomy And Characteristics

Τυπογραφικόσ Σχεδιαςμόσ Εντφπων & Εφαρμογών πολυμζςων

Εκπαιδευτήσ Ανδρζασ Κόλλιασ

06.11.2009

Ι.Ε.Κ. ΧΑΛΚΙΔΑΣ

ΕΛΛΗΝΙΚΗ ΔΗΜΟΚΡΑΤΙΑ

ΟΡΓΑΝΙΜΟ ΔΠΑΓΓΔΛΜΑΣΙΚΗ ΔΚΠΑΙΓΔΤΗ ΚΑΙ ΚΑΣΑΡΣΙΗ

Page 2: 05 Typography Anatomy And Characteristics

Τυπογραυία 2

Σππνγξαθηθόο ρεδηαζκόο Δληύπσλ

Έλλνηεο , Οξηζκνί, Αλαηνκία ραξαθηήξσλ, Δίδε Γξακκαηνζεηξώλ

Page 3: 05 Typography Anatomy And Characteristics

Σππνγξαθία / Typography

Οξηζκόο

1) ε ηέρλε ή επεμεξγαζία ηεο εθηύπσζεο από θάπνην γξάκκα,

2) ε ηέρλε ε επεμεξγαζία ηεο ηαθηνπνίεζεο θαη ηνπ θαζνξηζκνύ ησλ

γξακκάησλ πνπ ζα εθηππσζνύλ,

3) ε ηαθηνπνίεζε, ην ζηπι ή ε γεληθή εκθάληζε ηνπ εθηππώζηκνπ

αληηθεηκέλνπ

πεγή: yourdictionary.com

Πάλησο ε ηέρλε θαη ε πξαθηηθή εθαξκνγή ηεο ηππνγξαθίαο μεθηλάεη κε

ηελ αλαθάιπςε ηνπ θηλνύκελνπ ηύπνπ θαη ηνπ εθηππώζηκνπ ηύπνπ.

Η Σππνγξαθία κεξηθέο θνξέο θαίλεηαη ζαλ λα πεξηιακβάλεη πνιινύο

δηαθνξεηηθνύο ηύπνπο από ηνλ ζρεδηαζηή ηύπνπ (type designer) ζε

απηόλ πνπ δεκηνπξγεί κνξθέο γξακκάησλ ζην γξαθηθό ζρεδηαζηή πνπ

δηαιέγεη θαη ηηο ηαθηνπνηεί ζε κηα ζειίδα.

Page 4: 05 Typography Anatomy And Characteristics

Σππνγξαθία / Typography

Type : έλαο θαζνιηθόο νξηζκόο γηα ηηο γξακκαηνκνξθέο (letterforms)

πνπ ρξεζηκνπνηνύληαη γηα ζρεκαηίζνπλ ιέμεηο. Μπνξεί λα

αλαθέξεηαη ζε ζπγθεθξηκέλν ραξαθηήξα / γιπθα (typeface) ή

γξακκαηνζεηξά (Font) όπσο πεξηέρεηαη ε ρξήζε ηνπ ζε όιν ην

έγγξαθν.

Typeface : ην ζρέδην ελόο αιθάβεηνπ ή κηα ζεηξά ραξαθηήξσλ,

λνύκεξσλ θαη ζπκβόισλ πνπ κνηξάδνληαη ηνλ ίδην ζρεδηαζκό.

Font : αλαθέξεηαη ζε έλα ζπγθεθξηκέλν ραξαθηήξα (typeface) , κε

ζπγθεθξηκέλν κέγεζνο ζε points θαη ζηπι. ηνλ ηξόπν κε ηνλ νπνίν

κηα typeface εθθξάδεηαη ή αλαπαξηζηάηαη Παξάδεηγκα : ε Times New

Roman Bold 12 points είλαη κηα γξακκαηνζεηξά ελώ ε Times New

Roman 10 points είλαη κηα άιιε.

Κάζε ραξαθηήξαο ζε κία γξακκαηνζεηξά απνηειείηαη από κηθξόηεξα

ζηνηρεία πεξηιακβαλνκέλσλ ηα strokes, counters, serifs.

Καηαλνώληαο ηα βαζηθά κέξε κηαο γξακκαηνζεηξάο ή ελόο

ραξαθηήξα κπνξνύκε λα πξνζζέζνπκε ζηελ αλαγλώξηζε ηεο θαη

ζηελ ζσζηόηεξε ηππνγξαθηθή επηινγή γηα ηελ εθηύπσζε ή ην Web.

Page 5: 05 Typography Anatomy And Characteristics

Βαζηθή αλαηνκία ησλ ραξαθηήξσλ

Typeface Families: νη δηαθνξεηηθέο επηινγέο ζηηο

νπνίεο δηαηίζεηαη κηα γξακκαηνζεηξά. Πνιιέο

νηθνγέλεηεο δηαηίζεηαη ζε κηθξή δηάζεζε κόλν γηα

roman, bold θαη italic.

Η γλώζε γηα ηα serifs, strokes, counters θαη

άιισλ ζηνηρείσλ πνπ πεξηέρνληαη ζηα γξάκκαηα

δελ είλαη θάηη πνπ αθνξά κόλν ηνπο θαλαηηθνύο

γξακκάησλ θαη ηνπο ζρεδηαζηέο ραξαθηήξσλ.

Σν ζρήκα θαη ην κέγεζνο θαζνξηζκέλσλ ζηνηρείσλ

παξέρνπλ ζπλέπεηα ζε νιόθιεξε ηελ αθνινπζία

ραξαθηήξσλ θαη βνεζάεη ζηελ αλαγλώξηζε

ραξαθηήξσλ.

Page 6: 05 Typography Anatomy And Characteristics

Βαζηθή αλαηνκία ησλ ραξαθηήξσλ

1. Stroke : Σν θπξίσο δηαγώλην ηκήκα ζηνπο

ραξαθηήξεο όπσο ζηνπο N,M θαη Τ είλαη

ην stroke. Σν δηαγώλην ηκήκα (stroke) είλαη

δεπηεξεύνλ ζηνλ θπξίσο θνξκό (stem).

Μεξηθνί ραξαθηήξεο κε δύν δηαγσλίνπο

όπσο ην Α θαη ην V έρνπλ θνξκό (Stem)

(ηελ πξώηε θάζεηε ή ηελ πιατλή θάζεηε)

θαη stroke ηελ (θπξίσο δηαγώλην). Σα

ππόινηπα κέξε ησλ γξακκάησλ όπσο ηα:

bars, arms, stems θαη bowls αλαθέξνληαη

ζπιινγηθά ζαλ Strokes ηα νπνία

ζρεκαηίδνπλ ην γξάκκα.

• Stems: είλαη ην θύξην ζπλήζσο θάζεην

ζηέιερνο ελόο ραξαθηήξα.

Page 7: 05 Typography Anatomy And Characteristics

Βαζηθή αλαηνκία ησλ ραξαθηήξσλ

• Extender: είλαη ην ηκήκα ελόο γξάκκαηνο

ην νπνίν εμέρεη πάλσ από ην ζεκείν x-

height ή θάησ από ηελ βαζηθή γξακκή

(baseline).

Ascender: ην πάλσ θάζεην ηκήκα ζε

νξηζκέλα κηθξά γξάκκαηα όπσο ην h θαη

ην d ην νπνίν εθηίλεηαη πάλσ από ην x-

height.

Descender: ην θάησ θάζεην ηκήκα ζε

νξηζκέλα κηθξά γξάκκαηα όπσο ην p θαη

ην q ην νπνίν εθηίλεηαη θάλσ από ηελ

βαζηθή γξακκή baseline.

Page 8: 05 Typography Anatomy And Characteristics

BaseLine: είλαη ε αόξαηε γξακκή ζηελ

νπνία νη ραξαθηήξεο ζηέθνληαη.

Δλώ ε baseline κπνξεί λα δηαθέξεη από

νηθνγέλεηα ραξαθηήξσλ ζε νηθνγέλεηα

ραξαθηήξσλ είλαη παξόια απηά ζηαζεξή

εληόο κηαο ζπγθεθξηκέλεο νηθνγέλεηαο

ραξαθηήξσλ.

Κπθισκέλα γξάκκαηα όπσο ην e κπνξεί

λα εμέρνπλ ειαθξά από ηελ baseline.

Βαζηθή αλαηνκία ησλ ραξαθηήξσλ

Page 9: 05 Typography Anatomy And Characteristics

x-height: είλαη ε απόζηαζε αλάκεζα ζηελ

θπξίσο γξακκή θαη ηελ baseline.

Αλαθέξεηαη ζαλ x-height εμαηηίαο ηνπ όηη

είλαη ην ύςνο ηνπ κηθξνύ γξάκκαηνο “x”.

Απηό ην ύςνο κπνξεί λα δηαθέξεη θαηά

πνιύ αλάκεζα ζηηο δηαθνξεηηθέο

νηθνγέλεηεο ραξαθηήξσλ.

Βαζηθή αλαηνκία ησλ ραξαθηήξσλ

Page 10: 05 Typography Anatomy And Characteristics

Βαζηθή αλαηνκία ησλ ραξαθηήξσλ

Meanline: ε θπξίσο γξακκή πέθηεη

αθξηβώο από πάλσ από κεξηθά κηθξά

γξάκκαηα όπσο ην e, g, y θαη είλαη

αθξηβώο ζηελ θακπύιε ηνπ h.

Cap height: είλαη ε απόζηαζε από ηελ

baseline σο ην πάλσ κέξνο ησλ

θεθαιαίσλ γξακκάησλ όπσο ην H θαη ην

J.

Page 11: 05 Typography Anatomy And Characteristics

• Arms: είλαη ην νξηδόληην ηκήκα νξηζκέλσλ

ραξαθηήξσλ ην νπνίν κπνξεί λα ελώλεηαη κε άιιν

ηκήκα ή κε ηνλ θνξκό ζηε κία πιεπξά ή θαη ηηο

δύν άθξεο. Σν πάλσ κέξνο ηνπ θεθαιαίνπ T θαη ηα

νξηδόληηα ηκήκαηα ηνπ F θαη ηνπ Δ. Δπηπξνζζέησο

ην δηαγώλην πξνο ηα πάλσ ηκήκα ζην Κ απνηειεί

ην arm.

Υξεζηκνπνηείηαη επίζεο γηα λα πεξηγξάςεη ην

κεγαιύηεξν νξηδόληην πάλσ ηκήκα ηνπ C, ην

δηπιό θάησ ηκήκα ηνπ G.

• Crossbars: θεθηείηε ην ζαλ ζπλδεόκελα

ηκήκαηα. Δίλαη ηα νξηδόληηα ηκήκαηα ελδηάκεζα

ζην κέζν ηνπ θεθαιαίνπ A θαη H. πλήζσο

ρξεζηκνπνηείηε ελαιιαθηηθά ε crossbar δηαθέξεη

από ην arm θαη ην cross stroke γηαηί ε θάζε άθξε

ζπλδέεηαη ζηνλ θνξκό ή ζε θάπνην ηκήκα θαη δελ

παξεκβάιεηε πάλσ ζηνλ θνξκό ή ην ηκήκα. Η

πνηθηιία ζέζεο, ιεπηόηεηαο θαη πιαγίαζεο ηεο

κπάξαο απνηειεί ζηνηρείν ηαπηνπνίεζεο ζε

πνιινύο δηαθνξεηηθνύο ηύπνπο.

Βαζηθή αλαηνκία ησλ ραξαθηήξσλ

Page 12: 05 Typography Anatomy And Characteristics

Βαζηθή αλαηνκία ησλ ραξαθηήξσλ

• Cross Strokes: Σν νξηδόληην ελδηάκεζν ηκήκα

πνπ δηέξρεηαη από ηνλ θνξκό ηνπ κηθξνύ t ή ηνπ f.

Υξεζηκνπνηείηε ελαιιαθηηθά θαη δηαθέξεη από ην

arm θαη ην crossbar γηαηί παξεκβάιεηε δηακέζνπ

ηνπ θνξκνύ. Η πνηθηιία ζηε ζέζε, ηε ιεπηόηεηα

θαη ηελ πιαγηόηεηα ηνπ cross stroke είλαη έλα

ζηνηρείν ηαθηνπνίεζεο πνιιώλ δηαθνξεηηθώλ

ηύπσλ.

• Tail: ηελ ηππνγξαθία ε αιιεινπρία ζπρλά

δηαθνζκεηηθώλ ηκεκάησλ ζην γξάκκα Q ή ε

αθνινπζία ζπρλά πεξηζηξεθόκελεο δηαγσλίνπ

ηκήκαηνο ζην Κ ή ην R. Σν θάησ θάζεην ηκήκα

ζην g, j, p, q θαη ην y ιέγνληαη επίζεο tails.

Page 13: 05 Typography Anatomy And Characteristics

• Legs: νλνκάδεηαη ην θαηώηεξν θάησ πιάγην

ηκήκα ηνπ K θαη ηνπ k. Σν ίδην ηκήκα ζην R όπσο

θαη ζηελ νπξά tail ηνπ Q κεξηθέο θνξέο θαιείηαη

leg.

• Bowls: ηελ ηππνγξαθία ην θακπύιν ηκήκα πνπ

εζσθιείεηε ζην θπθιηθό ή πεξηζηξεθόκελν ηκήκα

ζε κεξηθά γξάκκαηα όπσο ην d, b, o, D θαη ην Β.

Μεξηθέο πεγέο νλνκάδνπλ bowl νπνηνδήπνηε

κέξνο ελόο γξάκκαηνο πνπ εζσθιείεη θάπνην

δηάζηεκα ζπκπεξηιακβαλνκέλνπ θαη ηνπ δηπινύ g

θαη ηα θακππισηά ηκήκαηα ηνπ C αθόκα θαη αλ

δελ εζσθιείνληαη.

Σν ζρήκα θαη ην κέγεζνο ηνπ εζσηεξηθνύ

δηαζηήκαηνο θαη ηνπ Bowl επεξεάδεη ηελ

αλαγλσζηκόηεηα αιιά θαη ηελ ηαπηνπνίεζε ηνπ

ραξαθηήξα.

Βαζηθή αλαηνκία ησλ ραξαθηήξσλ

Page 14: 05 Typography Anatomy And Characteristics

Βαζηθή αλαηνκία ησλ ραξαθηήξσλ

Χρησιμοποιούμε:

Πνιιέο θνξέο ζε κηθξέο αλαιύζεηο ή κηθξά

κεγέζε ηα bowls ζε νξηζκέλνπο ραξαθηήξεο

ηείλνπλ λα θαίλνληαη γεκηζκέλα θαη αηόθηα.

Δθηππώλνπκε ζε κεγαιύηεξε αλάιπζε θαη

κέγεζνο ε δηαιέγνπκε άιιε νηθνγέλεηα

ραξαθηήξσλ Typeface εάλ ην πξόβιεκα

ζπλερηζηεί. Βαξηά νηθνγέλεηα ραξαθηήξσλ ή

εθείλε κε κηθξά bowls θαη κηθξά εζσηεξηθά

δηαζηήκαηα είλαη θαιύηεξα γηα πνιύ θνληηλέο

απνζηάζεηο.

• Counters: είλαη ην ζεκείν ηνπ γξάκκαηνο πνπ

πεξηέρεηαη κέζα ζην bowl, είλαη ην ιεπθό ή

αξλεηηθό δηάζηεκα θαη όρη θάπνην ηκήκα. Σν

πεξηθιεηόκελν ή κεξηθόο εζώθιεηζην θπθιηθό ή

θακππισηό δηάζηεκα νξηζκέλσλ γξακκάησλ

όπσο ηα d, o θαη s. Σν ζρήκα θαη ην κέγεζνο ηνπ

counter θαη ηνπ bowl επεξεάδεη ηελ

αλαγλσζηκόηεηα θαη είλαη παξάγνληαο

αλαγλώξηζεο ηνπ ηύπνπ ραξαθηήξα.

Page 15: 05 Typography Anatomy And Characteristics

Βαζηθή αλαηνκία ησλ ραξαθηήξσλ

Τπάξρνπλ πνην εηδηθέο νλνκαζίεο γηα θάπνηα

αξλεηηθά δηαζηήκαηα πνπ θαζνξίδνπλ ηνλ

ραξαθηήξα.

o Eye: κνηάδεη πεξηζζόηεξν κε ην counter

αλαθέξεηαη πεξηζζόηεξν ζηνλ εζώθιεηζην ρώξν

ηνπ κηθξνύ e.

o Aperture: είλαη ην κεξηθόο εζώθιεηζην, θαηά

θάπνην ηξόπν πεξηηξηγπξηζκέλν από ην αξλεηηθό

δηάζηεκα ζηνπο ραξαθηήξεο n, C, S, ην θάησ

κέξνο ηνπ e θαη ην πάλσ ηνπ a.

Page 16: 05 Typography Anatomy And Characteristics

3. Serifs : Ίζσο ν ηύπνο γξακκάησλ κε ηα πνην

νηθεία ραξαθηεξηζηηθά ηα serif έξρνληαη ζε 3

βαζηθά ζρήκαηα θαη πεξηέρνπλ 2 νκάδεο.

ηελ ηππνγξαθία ηα serif είλαη ην επηπιένλ

κηθξό ηκήκα πνπ βξίζθεηαη ζην ηέινο ηνπ

θάζεηνπ θαη νξηδόληηνπ ηκήκαηνο ελόο

γξάκκαηνο.

Ωζηόζν απηέο νη γξακκέο θάλνπλ κηα νκάδα

ραξαθηήξσλ επθνιόηεξε λα δηαβαζηεί

νδεγώληαο ην κάηη από γξάκκα ζε γξάκκα θαη

από ιέμε ζε ιέμε.

πρλά ρξεζηκνπνηνύληαη γηα κεγάια ηκήκαηα

θεηκέλνπ όπσο κέζα ζέλα βηβιίν. Η Times New

Roman είλαη έλα παξάδεηγκα Serif

γξακκαηνζεηξάο.

Βαζηθή αλαηνκία ησλ ραξαθηήξσλ

Page 17: 05 Typography Anatomy And Characteristics

Σα serif ππόθεηληαη ζε ππνδηαηξέζεηο

πνπ απηέο γεληθά πεξηγξάθνληαη ζαλ:

Hairline: serifs πνιύ πνην ιεπηά από ηα

θπξίσο ηκήκαηα.

Square: είλαη παρύηεξα από ηα hairline

θαη πνιύ βαξύηεξν πάρνο από ηα

θπξίσο ηκήκαηα.

Wedge: είλαη ηξηγσληθά ζην ζρήκα.

Unbracketed: επηζπλαπηόκελα

απεπζείαο ζην θπξίσο ηκήκα ηνπ

γξάκκαηνο κεξηθέο θνξέο απόηνκα ή

ζηηο δεμηέο γσλίεο.

Bracketed: εθνδηάδεη κε θακπύιε

κεηάβαζε αλάκεζα ζηα serif θαη ηα

θπξίσο κέξε.

Βαζηθή αλαηνκία ησλ ραξαθηήξσλ

Page 18: 05 Typography Anatomy And Characteristics

Βαζηθή αλαηνκία ησλ ραξαθηήξσλ

Sans Serif: Σα serif είλαη νη κηθξέο γξακκέο ζην

ηέινο ηκεκάησλ θάζε ραξαθηήξα. Σα sans serif ή

ρσξίο serif αλαθέξεηαη σο ε νκάδα ραξαθηήξσλ

ρσξίο απηέο ηηο γξακκέο.

Οη Sans Serif γξακκαηνζεηξέο ζπρλά

ρξεζηκνπνηνύληαη όηαλ κηα κεγάιε νηθνγέλεηα

ρξεηάδεηαη, όπσο ζηνλ ηίηιν ελόο άξζξνπ

πεξηνδηθνύ.

Η Helvetica είλαη κηα δεκνθηιήο sans serif

γξακκαηνζεηξά. Οη sans serif γξακκαηνζεηξέο είλαη

ζπλήζεηο ζε website σο θείκελν γηαηί είλαη

επθνιόηεξν λα δηαβαζηνύλ ζηελ νζόλε.

Η Arial είλαη άιιε κηα γξακκαηνζεηξά πνπ

ζρεδηαζηηθέ εηδηθά γηα ρξήζε ζηελ νζόλε

Page 19: 05 Typography Anatomy And Characteristics

Βαζηθή αλαηνκία ησλ ραξαθηήξσλ

Μεξηθά ηκήκαηα serif ραξαθηήξσλ είλαη ηα

Spurs θαη ηα Beaks.

Παξόκνηα κε ηα serifs θαζέλα από απηά ηα

ζηνηρεία ησλ γξακκάησλ κπνξνύλ λα

θαηαλνεζνύλ ή λα ζρεκαηίζνπλ επδηάθξηηα,

επθνινδηάβαζηα, αλαγλσξίζηκα ζηνηρεία κίαο

νηθνγέλεηαο ραξαθηήξα (typeface).

• Ears: Σππηθά βξίζθεηαη ζην γξάκκα g. Απνηειεί

έλα δηαθνζκεηηθό πνκπώδεο ζηνηρείν ζπλήζσο

ζηελ πάλσ δεμηά πιεπξά ηνπ bowl.

• Spurs: Παξόκνηα αιιά θαη γεληθά κηθξόηεξα

από ηα serif ή ηα beaks ηα spur είλαη έλα κηθξό

θνκκάηη ζην ηέινο ελόο θαζνξηζκέλνπ

θακππισηνύ ηκήκαηνο ελόο ραξαθηήξα όπσο

ζην ηέινο ηνπ C, ηνπ S θαη ηελ κέζε ηνπ G.

Page 20: 05 Typography Anatomy And Characteristics

Βαζηθή αλαηνκία ησλ ραξαθηήξσλ

• Beaks: απνηειεί ηύπν δηαθνζκεηηθνύ

ηκήκαηνο ζην ηέινο ηνπ arm ελόο

γξάκκαηνο ελσκέλνο κε ην arm ζην ζεκείν

πνπ θαηαιήγεη.

• Chins: Σν δεμί γσληαθό ηκήκα ζην

θεθαιαίν γξάκκα G.

Page 21: 05 Typography Anatomy And Characteristics

Βαζηθή αλαηνκία ησλ ραξαθηήξσλ

Point: ρξεζηκνπνηνύληαη γηα ηελ κέηξεζε ηνπ

κεγέζνπο κηαο γξακκαηνζεηξάο.

Έλα point ηζνύηαη κε ην 1/72 κίαο ίληζαο. Όηαλ

έλαο ραξαθηήξαο αλαθέξεηαη ζαλ 12pt

αλαθεξόκαζηε ζην ζπλνιηθό ύςνο ηνπ

ηεηξαγώλνπ θνπηηνύ πνπ ην πεξηβάιεη θαη όρη

ζην κήθνο ηνπ ίδηνπ ηνπ ραξαθηήξα.

Δμαηηίαο απηνύ ηνπ ζπκβάληνο δύν νηθνγέλεηεο

ραξαθηήξσλ κε ίδην κέγεζνο ζε Points κπνξεί

λα εκθαλίδεηαη ζε δηαθνξεηηθά κεγέζε

αλαιόγσο ηελ ζέζε ησλ ραξαθηήξσλ κέζα ζην

ηεηξάγσλν θαη θαηά πόζν ην ηεηξάγσλν είλαη

γεκάην από ραξαθηήξεο.

Page 22: 05 Typography Anatomy And Characteristics

Βαζηθή αλαηνκία ησλ ραξαθηήξσλ

Pica: ην Pica γεληθά ρξεζηκνπνηείηαη γηα ηελ

κέηξεζε ησλ γξακκώλ θεηκέλνπ. Έλα pica

ηζνύηαη κε δώδεθα Points, θαη έμη pica ηζνύηαη

κε κία ίληζα.

1 pica = 12 points

6 pica = 1 inch

Page 23: 05 Typography Anatomy And Characteristics

Βαζηθή αλαηνκία ησλ ραξαθηήξσλ

Tracking, Kerning and Letterspacing: ε απόζηαζε

αλάκεζα ζηνπο ραξαθηήξεο ειέγρνληαη από ην tracking,

kerning θαη ην letterspacing.

Tracking: κεηαβάιιεηαη όηαλ αιιάδνπκε ηελ απόζηαζε

ηνπ δηαζηήκαηνο αλάκεζα ζηνπο ραξαθηήξεο επίκνλα

κέζα ζην ηεηξάγσλν πνπ πεξηβάιεη ην θείκελν. Απηή ε

ηερληθή κπνξεί λα ρξεζηκνπνηεζεί γηα λα απμήζεη ηελ

αλαγλσζηκόηεηα ζέλα ηίηιν ελόο άξζξνπ θάπνηνπ

πεξηνδηθνύ.

Kerning: είλαη ε ειάηησζε ηνπ δηαζηήκαηνο αλάκεζα

ζηα γξάκκαηα.

Letterspacing: είλαη ε πξνζαύμεζε ηνπ δηαζηήκαηνο

αλάκεζα ζηνπο ραξαθηήξεο.

Όιεο απηέο νη ξπζκίζεηο κπνξνύλ λα πεηξακαηηζηνύλ

ώζηε λα δεκηνπξγήζνπλ έλα θαιιηηερληθό εθέ θεηκέλνπ.

Page 24: 05 Typography Anatomy And Characteristics

Βαζηθή αλαηνκία ησλ ραξαθηήξσλ

Leading: αλαθέξεηαη ζηελ απόζηαζε κεηαμύ

ησλ γξακκώλ ηνπ θεηκέλνπ.

Απηή ε απόζηαζε κεηξηέηαη ζε points θαη

κεηξηέηαη από ηελ baseline σο ην θείκελν.

Έλα ηεηξάγσλν θεηκέλνπ κπνξεί λα αλαθέξεηαη

σο ύπαξμε 12pt κε 6pt εμηξά leading απηό

ζεκαίλεη όηη ην κέγεζνο ησλ ραξαθηήξσλ από

12pt ύςνο θηάλνπλ ην ζπλνιηθό ύςνο ησλ 18pt.

Page 25: 05 Typography Anatomy And Characteristics

Αξρεία Font

Τπάξρνπλ δύν θύξηεο θαηεγνξίεο ζηηο

ςεθηαθέο γξακκαηνζεηξέο fonts: resident

(κόληκεο) θαη νη soft fonts.

Resident Fonts

Μεξηθνί εθηππσηέο όπσο νη dot-matrix θαη νη

laser εθηππσηέο έρνπλ κόληκνπο ή

πξνθαηαζθεπαζκέλνπο ραξαθηήξεο ζηνπο

εθηππσηέο. Tα fonts δνρεία επηηξέπνπλ ζηνλ

ζρεδηαζηή λα πξνζζέζεη επηπιένλ fonts.

Soft fonts

Δίλαη νη γξακκαηνζεηξέο πνπ θαηεβάδνπκε

από ην ηληεξλέη. Απηέο νη γξακκαηνζεηξέο

ππάξρνπλ ζηνλ ζθιεξό καο δίζθν.

Page 26: 05 Typography Anatomy And Characteristics

Αξρεία Font

Soft fonts

πλήζσο βξίζθνληαη εγθαηεζηεκέλεο κέζα ζην ιεηηνπξγηθό καο

ζύζηεκα ή καδί κε άιιεο εθαξκνγέο πξνγξακκάησλ όπσο ηνλ

επεμεξγαζηή word, πξνγξάκκαηα επεμεξγαζίαο γξαθηθώλ ή

πξνγξάκκαηα Desktop publishing.

Πνιύ ηύπνη soft font ππάξρνπλ κεξηθνί από απηνύο δνπιεύνπλ καδί κε

ηα πξνγξάκκαηα πνπ είλαη εγθαηεζηεκέλα.

Οη πεξηζζόηεξνη ρξήζηεο Windows ζήκεξα ρξεζηκνπνηνύλ True Type

θαη Open Type γξακκαηνζεηξέο, δνπιεύνπλ κε θάζε είδνπο

πξόγξακκα ησλ windows.

Η άιιε είδνπο γξακκαηνζεηξά πνπ κπνξεί λα ζπλαληήζνπκε είλαη ε

PostScript Type 1.

Page 27: 05 Typography Anatomy And Characteristics

Αξρεία Font

Οη ςεθηαθέο γξακκαηνζεηξέο είλαη ζαλ mini πξνγξάκκαηα.

Η θάζε γξακκαηνζεηξά πεξηέρεη πιεξνθνξίεο πνπ πεξηγξάθνπλ ηη

ραξαθηήξεο είλαη θαη πώο πξέπεη λα δείρλνπλ ζηελ νζόλε θαη ζηνλ

εθηππσηή.

Οη TrueType θαη ε PostScript Type1 γξακκαηνζεηξέο βγαίλνπλ ζε

εθδόζεηο ηόζν γηα Macintosh αιιά θαη γηα Windows formats.

Γελ κπνξεί ε ίδηα γξακκαηνζεηξά λα ρξεζηκνπνηεζεί ηαπηόρξνλα θαη

ζηα δύν πεξηβάιινληα.

Η θαηλνύξγηνπ ηύπνπ OpenType γξακκαηνζεηξέο είλαη παληόο

πιαηθόξκαο θαη κπνξνύλ λα ρξεζηκνπνηεζνύλ ηόζν ζε Macintosh θαη

Windows PC.

Page 28: 05 Typography Anatomy And Characteristics

Αξρεία Font

TrueType Fonts

Δίλαη outline γξακκαηνζεηξά (ζεηξά από vector γξαθηθά δειαδή

θακπύιεο θαη γξακκέο πνπ νξίδνπλ ηηο γιπθεο) δεκηνπξγεκέλεο από

ηελ Apple Computers ζηα ηέιε ηνπ1980 ζαλ αληαγσλίζηξηα ηεο

Adobe’s Type 1 γξακκαηνζεηξάο.

Σν κεγάιν όθεινο πνπ πξνζέθεξε απηή ε γξακκαηνζεηξά ήηαλ ν

κεγάινο βαζκόο ειέγρνπ θαη ε αθξίβεηα κε ηελ νπνία ε

γξακκαηνζεηξά απεηθνλίδεηαη σο πξνο ηα Pixels ζε δηάθνξα κεγέζε.

ήκεξα κε ηελ δηάδνζε λέσλ ηξόπσλ ξεληαξίζκαηνο ν έιεγρνο ζηα

βαζκό ησλ pixel δελ είλαη θαη ηόζν απνηειεζκαηηθόο.

Όιεο νη TrueType γξακκαηνζεηξέο πνπ είλαη γηα windows είλαη κε ηελ

επέθηαζε .ttf.

Page 29: 05 Typography Anatomy And Characteristics

Αξρεία Font

PostScript Type1 Fonts

Δπίζεο θαιείηαη θαη ζαλ Type1,PS1,T1 ή Adobe Type1 είλαη ην format

γξακκαηνζεηξάο single-byte-character (έλα byte πιεξνθνξίαο γηα

θάζε γξαθηθό ραξαθηήξα) γηα Roman ραξαθηήξεο καδί κε ηελ ρξήζε

ηνπ πξνγξάκκαηνο Adobe Type Manager θαη γηα PostScript

εθηππσηέο.

Αξρηθά απνηεινύζε νδεγία αιιά ε adobe ηνλ εμέδσζε ζε μερσξηζηή

πνηα ηύπνπ γξακκαηνζεηξά. Κάζε Type1 γξακκαηνζεηξά πεξηέρεη δύν

μερσξηζηά αξρεία πνπ δνπιεύνπλ καδί έλα .pfm (Printer Font

Metrics,ην font γηα ηελ νζόλε) θαη έλα .pfb (Printer Font Binary, ην font

γηα ηνλ εθηππσηή).

Σν αξρείν pfm πεξηέρεη πιεξνθνξίεο γηα ηελ νξζή απεηθόληζε ηεο

γξακκαηνζεηξάο ζηελ νζόλε. Σν αξρείν pfb πεξηέρεη πιεξνθνξίεο

ώζηε λα εθηππσζεί ε γξακκαηνζεηξά.

Page 30: 05 Typography Anatomy And Characteristics

Αξρεία Font

OpenType Fonts

Απνηειεί format γηα βαζκηδσηνύο ππνινγηζηέο θαηαζθεπαζκέλν πάλσ

ζηελ ινγηθή ηεο TrueType θαη θξαηώληαο ηελ βαζηθή δνκή

πξνζζέηνληαο PostScript ζηνηρεία πνπ επηβάιινπλ λέα ηππνγξαθηθή

ζπκπεξηθνξά.

Η ζπγθεθξηκέλε ηύπνπ γξακκαηνζεηξά αλαπηύρζεθε από ηελ

Microsoft ζε ζπλεξγαζία κε ηελ Adobe Systems θαη δηαηέζεθε ζην

θνηλό ην 1996. Η ζπγθεθξηκέλε ηερλνινγία αλαπηύζζεηαη κέρξη θαη

ζήκεξα κε ηελ ινγηθή ηνπ αλνηρηνύ format. ηνπο OpenType

ραξαθηήξεο κπνξνύλ λα πξνζηεζνύλ πνιιέο πεξηζζόηεξεο γιπθεο

απόηη ζε άιια format.

ε πεξηβάιινλ windows ε επέθηαζε είλαη .otf θαη πεξηέρεη postscript

δεδνκέλα ή .ttf. Μεηαηξέπνπκε ηηο TrueType γξακκαηνζεηξέο ζε

OpenType ώζηε λα εθκεηαιιεπηνύκε ηηο αλεμαξηήηνπ πιαηθόξκαο

ηδηόηεηεο ηεο επέθηαζεο .ttf

Page 31: 05 Typography Anatomy And Characteristics

Αξρεία Font

Best Font Format

Δάλ αλαθαηεπζνύκε επαγγεικαηηθά κε ηνλ γξαθηθό ζρεδηαζκό θαη ην desktop

publishing θαη δνπιεύνπκε κε δηαθνξεηηθνύο εθηππσηέο ίζσο αθνύζνπκε όηη “νη

πεξηζζόηεξνη εθηππσηέο πξνηηκνύλ PostScript Type1 ζε ζύγθξηζε κε ηηο

TrueType” εθηόο από θάπνηεο κηθξέο εμαηξέζεηο πνπ νθείινληαη ζηελ αληίζηαζε

ηεο Type1 ζηελ πξαγκαηηθόηεηα δελ έρεη θαλέλα πιενλέθηεκα πάλσ ζηηο

TrueType γξακκαηνζεηξέο. Παξόια απηά νξζό είλαη λα ειέγρνπκε ηελ ππεξεζία

εθηύπσζεο καο γηα ην πνην αθξηβώο ηύπν ππνζηεξίδεη απηό πεξηιακβάλεη θαη ηελ

ρξήζε ηνπ ηύπνπ OpenType.

Μπνξνύκε λα έρνπκε TrueType, OpenType θαη Type1 γξακκαηνζεηξέο

εγθαηεζηεκέλεο όιεο καδί ηελ ίδηα ζηηγκή, θάηη ηέηνην κπνξεί λα πξνθαιέζεη

πξνβιήκαηα:

1.Δάλ έρνπκε δύν γξακκαηνζεηξέο καδί κε ην ίδην όλνκα ζε δύν δηαθνξεηηθά

format εγθαηεζηεκέλα ηελ ίδηα ρξνληθή ζηηγκή.

2.Δάλ ρξεζηκνπνηνύκε πεξηζζόηεξα από έλα format γξακκαηνζεηξάο ηελ ίδηα

ρξνληθή ζηηγκή ζην ίδην έγγξαθν, αθόκα θαη εάλ είλαη δηαθνξεηηθέο νη

γξακκαηνζεηξέο.

Δίλαη θαιύηεξν λα ρξεζηκνπνηνύκε έλα format γξακκαηνζεηξάο ζέλα έγγξαθν.

Page 32: 05 Typography Anatomy And Characteristics

Αξρεία Font

Αναζήτηση Font

Οη ςεθηαθέο γξακκαηνζεηξέο κπνξνύλ λα αλαδεηεζνύλ μερσξηζηά ή

λα βξίζθνληαη ζε ζπιινγέο cd, εγθαηεζηεκέλεο ζαλ κέξε πνιιώλ

πξνγξακκαηηζηηθώλ εθαξκνγώλ ηα νπνία θαηεβάδνπκε από ην

internet.

Αναγνώριση Font

Τπάξρνπλ θπξηνιεθηηθά εθαηνληάδεο ρηιηάδεο γξακκαηνζεηξέο πνιιέο

από απηέο δείρλνπλ παξόκνηεο. Δάλ ρξεηαζηνύκε ζπγθεθξηκέλε

γξακκαηνζεηξά πνπ βξίζθεηαη ζε θάπνην ινγόηππν ή ζε θάπνηα

εθηππσκέλε επηθάλεηα θαη δε μέξνπκε πνηα γξακκαηνζεηξά

ρξεζηκνπνηήζεθε , κπνξεί ε αλαγλώξηζε ηνπ λα είλαη δύζθνιε

ππόζεζε. Μηα θαιή αξρή είλαη ην identifont.com.

Page 33: 05 Typography Anatomy And Characteristics

Type Families

Οη δηαθνξεηηθέο επηινγέο ζε κία νηθνγέλεηα ραξαθηήξα

(typeface) όπσο ε roman, bold θαη ε italic δεκηνπξγνύλ

κηα νηθνγέλεηα ραξαθηήξσλ.

Η Times New Roman θαη ε Helvetica είλαη παξαδείγκαηα

νηθνγέλεηαο ραξαθηήξσλ. Απηέο νη νηθνγέλεηεο είλαη

εμαηξεηηθά ρξήζηκεο επεηδή ν ζρεδηαζηήο κπνξεί λα

ρξεζηκνπνηεί κόλν κία ή δύν κέζα ζέλα project.

Δπηπιένλ ππάξρεη έλα πιήζνο δηαθνξεηηθώλ επηινγώλ

ζηπι ώζηε λα δηαιέμνπκε.

Roman: είλαη ην ζηάληαξ ζηπι κηαο νηθνγέλεηαο

ραξαθηήξσλ δελ κεηαβάιιεηαη σο πξνο ην βάξνο, ην

πιάηνο, ηε γσλία ή θάπνην άιιν ραξαθηεξηζηηθό. Απηό

ζπρλά ρξεζηκνπνηείηαη γηα κεγάια ηκήκαηα θεηκέλνπ

όπσο ην θείκελν ελόο βηβιίνπ.

Page 34: 05 Typography Anatomy And Characteristics

Type Families

Italic: ν ζπγθεθξηκέλνο ηύπνο θαζνξίδεηαη ζε ζρέζε κε

ηελ γσλία, γεληθά είλαη πιαγηαζκέλα πξνο ηα δεμηά θαη

από θάησ πξνο ηα πάλσ. Σα italics είλαη εηδηθά

ζρεδηαζκέλα κέζα ζε κία νηθνγέλεηα ραξαθηήξα,

εμεηάδνληαο ζπγθεθξηκέλα γξάκκαηα κπνξεί λα

ζεκαηνδνηνύληαη δηαθνξεηηθά ηελ roman έθδνζε ώζηε λα

βειηησζεί ε εκθάληζε θαη ε αλαγλσζηκόηεηα ηνπο. Ο

Oblique ηύπνο από ηελ άιιε πιεπξά είλαη roman ηύπνο

πιαγηαζηόο θαη απηόο σο πξνο ηελ γσλία. Οη δύν απηνί

ηύπνη ζπρλά κπεξδεύνληαη.

Bold: Bold ή Boldface ηύπνο, είλαη βαξύηεξνο ζε βάξνο

από ηνλ roman ηύπν. Γελ ππάξρεη επίζεκν standard γηα

ηελ νλνκαηνδνζία απηνύ ηνπ ηππνγξαθηθνύ ζηπι ην bold

αλαθέξεηαη θαη ζαλ black ή medium ή θάπνην άιιν όλνκα

αλαιόγσο ην βάξνο θαη ηελ επηινγή ηεο νηθνγέλεηαο

ραξαθηήξα ηνπ ζρεδηαζηή.

Page 35: 05 Typography Anatomy And Characteristics

Type Families

Light: o light ηύπνο είλαη ιεπηόηεξνο από ηνλ roman.

Αλαιόγσο ηνπ θαηά πόζν ειαθξύο είλαη ν ηύπνο ζε

βάξνο ζα κπνξεί ζπρλά λα ρξεζηκνπνηεζεί κεγάια

κεγέζε ώζηε λα είλαη επαλάγλσζηνο ή λα επηηύρνπκε

ζπγθεθξηκέλν ζηπι. Όπσο θαη ζηα bold ππάξρνπλ πνιιέο

δηαβαζκίζεηο έηζη θαη ζηα light ππάξρνπλ ηα ultralight.

Extended: Ο ζπγθεθξηκέλνο ηύπνο είλαη καθξύηεξνο από

ηνλ ζηάληαξ ηύπν κηαο νηθνγέλεηαο ραξαθηήξα. Ο ηύπνο

απηόο είλαη ρξήζηκνο γηα ηνπο ηίηινπο ζε θεθαιίδεο αιιά

θαη άιινπ είδνπο κεγάιεο πεξηνρέο επίζεο πξνζθέξεη

αθόκα κεγαιύηεξε επειημία κέζα ζε κία νηθνγέλεηα

ραξαθηήξσλ.

Page 36: 05 Typography Anatomy And Characteristics

Type Families

Condensed: ν ζπγθεθξηκέλνο ηύπνο είλαη ηύπνο

narrower ν νπνίνο κπνξεί λα ρσξέζεη ζε κηθξόηεξα

δηαζηήκαηα. Όπσο θαη ζηα extended πξνβάιεη

πνιιέο επηινγέο ζηπι ελώ παξακέλεη κέζα ζηελ ίδηα

νηθνγέλεηα.

Combined Styles: πνιιέο νηθνγέλεηεο

γξακκαηνζεηξώλ δελ πεξηέρνπλ κόλν bold, italic,

condensed, light αιιά θαη ζπλδπαζκνύο κεηαμύ ηνπο.

Απηό δίλεη ζην ζρεδηαζηή αθόκα πεξηζζόηεξεο

επηινγέο γηα λα δνπιέςεη. Υξεζηκνπνηώληαο ηηο

επηινγέο απηέο ησλ δηαθνξεηηθώλ ζηπι κέζα ζηελ

ίδηα νηθνγέλεηα γξακκαηνζεηξάο νη ζρεδηαζηέο

κπνξνύλ λα επηηύρνπλ ην επαθξηβέο layout κε απηό

ην πιήζνο ζηπι.