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

06 Page Layout

Apr 13, 2017

Download

Documents

eretrianews
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: 06 Page Layout

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

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

13.11.2009

Ι.Ε.Κ. ΥΑΛΚΙΔΑ

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

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

Page 2: 06 Page Layout

Page Layout

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

Βαζηθά ζηνηρεία ελφο εγγξάθνπ

Γεκηνπξγία ελφο layout

Αλαηνκία Layout

Οη 7 θξίζηκεο ζπκβνπιέο δηάηαμεο Layout

Page 3: 06 Page Layout

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

βαζηθέο ελφηεηεο: artwork, ηίηινη, θπξίωο ζώκα (body), πινήγεζε, θαη

ζπληειεζηέο (credits). Γελ είλαη απαξαίηεην ζε θάζε έγγξαθν λα πεξηέρνληαη

φια απηά ηα κέξε, κπνξεί λα πεξηέρνληαη κφλν νξηζκέλεο πηπρέο ηεο θάζε κηαο.

ηνηρεία ελφο εγγξάθνπ / Parts of a document

1.Artwork

Αθφκε θαη πξηλ απφ ηελ αλάγλσζε θαη ηνπο θπξίσο ηίηινπο, νη αλαγλψζηεο

ζπρλά έιθνληαη απφ ηηο εηθφλεο ζε κηα ζειίδα. Σφζν ε επηινγή ησλ εηθφλσλ θαη

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

έγγξαθν, ην ζθνπφο ηεο, θαη ηελ νξγάλσζή ηεο.

Page 4: 06 Page Layout

1.Artwork

•Φωηνγξαθίεο θαη ιεδάληεο

•Υξεζηκνπνηήζηε κνλαδηθέο εηθφλεο

•Υξεζηκνπνηήζηε εηθφλεο αλζξψπσλ

Clip Art

•Υξεζηκνπνηήζηε ιηγφηεξα Clip Art

•Σξνπνπνηήζηε Clip Art

•Υξεζηκνπνηήζηε Γηαθνζκεηηθά πιαίζηα θαη ζχλνξα

•Γξαθήκαηα θαη γξαθηθέο παξαζηάζεηο

•Πεξίηερλα Initial Caps

ηνηρεία ελφο εγγξάθνπ / Parts of a document

Λεδάληα

Initial Caps

Page 5: 06 Page Layout

2.Titles

πλήζσο ππέξ-ηίηινη θαη ηίηινη είλαη κεγαιχηεξνη θαη πην ζεκαληηθνί απφ φ, ηη

άιιν θείκελν. Απηέο νη νπηηθέο ππνδείμεηο απνηεινχλ ην έλαπζκα γηα έλα βηβιίν,

έλα πεξηνδηθφ, έλα άξζξν, ή έλα ζεκαληηθφ ηκήκα ζε κηα δεκνζίεπζε, φπσο

είλαη ην θεθάιαην ηνπ ελφο βηβιίνπ ή κηαο ππφ-ελφηεηαο έθζεζεο.

•Ολνκαζηηθή (Nameplate) / ειίδα ηίηινπ

•Headline

•Γεκηνπξγήζηε κηα ηεξαξρία επηθεθαιίδαο

•πληάζζνπκε απνηειεζκαηηθνχο ηίηινπο

•Δπηιέγνπκε ηηο θαηάιιειεο γξακκαηνζεηξέο γηα ηίηινπο

•Δεπηεξνβάζκηνη ηίηινη ζπκπεξηιακβαλνκέλωλ kickers, decks, θαη

ελόηεηεο

ηνηρεία ελφο εγγξάθνπ / Parts of a document

Page 6: 06 Page Layout

3.Κπξίωο ζώκα / Body

Κπξίσο ζψκα είλαη ην βαζηθφ θείκελν πνπ βξίζθεηαη ζηηο δεκνζηεχζεηο πνπ

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

Κπξίσο ζψκα δελ είλαη ηα πξσηνζέιηδα θαη νη ππέξ-ηίηινη. Πέξα απφ ηα ιφγηα,

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

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

ηελ θαηαλφεζε ηνπ πιηθνχ.

Δπηινγή θαηάιιεισλ γξακκαηνζεηξψλ γηα ην Body Κείκελν.

ηνηρεία ελφο εγγξάθνπ / Parts of a document

Page 7: 06 Page Layout

3.Κπξίωο ζώκα / Body

Έκθαζε ζηελ παξάγξαθν θαη νξγάλωζε

ηεξεά κπινθ αδηάζπαζηνπ θείκελνπ είλαη δχζθνιν λα δηαβαζηνχλ. Σν θείκελν

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

δεηθηψλ πνπ δείρλνπλ πνχ είλαη ηα ζεκεία έλαξμεο θαη ιήμεο ηεο παξαγξάθνπ.

Οιφθιεξν ην κπινθ ηνπ θεηκέλνπ κπνξνχλ λα αμηνπνηεζνχλ κε ζηνηρεία φπσο

call-outs, frames, θαη bullets.

Σξόπνη έκθαζεο:

Οδφλησζε / θφιπσζε

Αξρηθά caps

Γηάζηηρν / leading

Call-outs

Pull-quotes

Πιαίζηα, rules

Αληηζηξακέλν θείκελν

Κνπθθίδεο ή αξίζκεζε

ηνηρεία ελφο εγγξάθνπ / Parts of a document

Page 8: 06 Page Layout

3.Κπξίωο ζώκα / Body

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

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

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

Υξεζηκνπνηψληαο ηελ έληνλε (bold) ή πιάγηα γξαθή (italic) θείκελν είλαη κηα

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

ηδηαίηεξα ζεκαληηθέο ή αμηνζεκείσηεο.

Σξόπνη έκθαζεο:

bold

italics

small caps

underlining / ππνγξάκκεζε

letterspacing (creative kerning and tracking)

ηνηρεία ελφο εγγξάθνπ / Parts of a document

Page 9: 06 Page Layout

ηνηρεία ελφο εγγξάθνπ / Parts of a document

4.Πινήγεζε / Navigation

Μεγαιχηεξεο εθδφζεηο φπσο βηβιία, ελεκεξσηηθά δειηία, εηήζηεο εθζέζεηο

πξέπεη κε θάπνην ηξφπν λα βνεζήζνπλ ηνπο αλαγλψζηεο λα βξίζθνπλ

ζπγθεθξηκέλεο πιεξνθνξίεο κέζα ζ’έλα έγγξαθν. Απφ έλαλ πίλαθα

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

ηνκέα παξέρνπλ έλα κέζν γηα ηελ πινήγεζε θαη ηελ εμεχξεζε ησλ εηδηθψλ

ηκεκάησλ ελφο εγγξάθνπ.

Έλα εληαίν έγγξαθν ζειίδαο δελ απαηηεί ζπλήζσο απηά ηα είδε πινήγεζεο.

Σξόπνη έκθαζεο:

Πίλαθαο πεξηερνκέλσλ

Header / ιεηηνπξγίαο θεθάιη

Jumplines

Continuation heads

End signs

Αξηζκνχο ζειίδαο

Page 10: 06 Page Layout

ηνηρεία ελφο εγγξάθνπ / Parts of a document

5.Credits

Γηαθνξεηηθνί ηχπνη εθδφζεσλ έρνπλ credits ή άιια πιεξνθνξηαθά ζηνηρεία πνπ

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

άιιε νληφηεηα, κηα δηεχζπλζε, έλα ινγφηππν, πιεξνθνξίεο πλεπκαηηθψλ

δηθαησκάησλ, θαζψο θαη άιιεο αλαθνηλψζεηο. Ο αξηζκφο ησλ κεξψλ θαη ην πνχ

εκθαλίδεηαη πνηθίιιεη αλάινγα κε ηνλ ηχπν δεκνζίεπζεο.

Signature / Τπνγξαθή

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

δηαθήκηζε, αλ θαη είλαη ζπλήζσο θνληά ζην θάησ κέξνο. Απνηειείηαη απφ έλα ή

πεξηζζφηεξα απφ:

Logo / ινγφηππν

Σν φλνκα ηεο δηαθεκηζηηθήο

Γηεχζπλζε

Σειέθσλν

Υάξηε ή νδεγίεο

Web Site δηεχζπλζε

Page 11: 06 Page Layout

ηνηρεία ελφο εγγξάθνπ / Parts of a document

5.Credits

ειίδα ηίηινπ / Title Page(s)

Ωο ειάρηζηε απαίηεζε, ε ζειίδα ηίηινπ ελφο βηβιίνπ ή εγρεηξηδίνπ ζα έρεη

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

Άιιεο πιεξνθνξίεο κπνξεί λα εμαξηψληαη απφ ην είδνο ηεο δεκνζίεπζεο.

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

πιεξνθνξίεο ζρεηηθά κε ηα εηδηθά πξντφληα πνπ θαιχπηνληαη, αλαθνηλψζεηο

αζθάιεηα θαη εγγπήζεηο, ελψ έλα βηβιίν πνίεζεο κπνξεί λα έρεη κφλν ηα

δηθαηψκαηα ηνπ δεκηνπξγνχ θαη ηνπ εθδφηε πιεξνθνξηψλ.

ηνηρεία credits:

Ολνκαηεπψλπκν εθδφηε θαη δηεχζπλζε

Copyright πιεξνθνξίεο

ISBN

Αλαθνηλψζεηο έθδνζεο

Ηκεξνκελία δεκνζίεπζεο

Αξηζκφο εθηππψζεηο

Δγγπήζεηο

Πιεξνθνξίεο αζθάιεηαο

Page 12: 06 Page Layout

ηνηρεία ελφο εγγξάθνπ / Parts of a document

5.Credits

Masthead

Βξίζθνληαη ζε ελεκεξσηηθά δειηία θαη πεξηνδηθά, ην masthead είλαη ην ηκήκα

ηεο δεκνζίεπζεο, ην νπνίν ζπλήζσο βξίζθεηαη ζηε δεχηεξε ζειίδα ηνπ

ελεκεξσηηθνχ δειηίνπ (αιιά ζα κπνξνχζε λα είλαη ζε νπνηαδήπνηε ζειίδα) θαη

θνληά ζην κπξνζηηλφ κέξνο ελφο πεξηνδηθνχ πνπ αλαγξάθεη ην φλνκα ηνπ

εθδφηε θαη άιισλ ζπλαθψλ ζηνηρείσλ. Μπνξεί λα πεξηιακβάλεη ηα νλφκαηα ηνπ

πξνζσπηθνχ, ζπλεξγάηεο, πιεξνθνξίεο εγγξαθήο, δηεπζχλζεηο, ην ινγφηππν,

θιπ.

Bylines

Η byline είλαη κηα ζχληνκε θξάζε ή κηα παξάγξαθνο πνπ αλαθέξεη ην φλνκα

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

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

ζπγγξαθέα. Η byline εκθαλίδεηαη ζπλήζσο κεηαμχ ηνπ ηίηινπ θαη ηεο αξρήο ηνπ

άξζξνπ, ηεο νπνίαο πξνεγείηαη ε ιέμε κε ην« " » αλ θαη ζα κπνξνχζε επίζεο λα

εκθαλίδεηαη ζην ηέινο ηνπ άξζξνπ. Μπνξεί λα ζπλνδεχεηαη απφ έλα ζχληνκν

βηνγξαθηθφ ζθίηζν.

Page 13: 06 Page Layout

ηνηρεία ελφο εγγξάθνπ / Parts of a document

5.Credits

Other credits / Άιινη πληειεζηέο

Έγγξαθα, φπσο επρεηήξηεο θάξηεο, θπιιάδηα, θαηάινγνη έρνπλ θάπνηα κνξθή

ζπληειεζηψλ (credits) ή πιεξνθνξηψλ επηθνηλσλίαο. Μπνξεί λα είλαη ηφζν

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

πεξηγξάθεηαη κε πιήξεο δηεπζχλζεηο, αξηζκνχο ηειεθψλνπ, δηεπζχλζεηο

ειεθηξνληθνχ ηαρπδξνκείνπ, θαζψο θαη ηα νλφκαηα επαθψλ ζε κηα ηνπνζεζία

Web.

Page 14: 06 Page Layout

Γηακφξθσζε ζειίδαο / Page layout

Οξηζκφο

Δίλαη ε δηαδηθαζία ηεο ηνπνζέηεζεο θαη

ηαθηνπνίεζεο θαη μαλαηαθηνπνηήζεηο θεηκέλνπ

θαη γξαθηθψλ ζε κία ζειίδα κε ζθνπφ ηελ

παξαγσγή εληχπσλ φπσο newsletters,

θαηαιφγσλ, βηβιίσλ θηι. Αλαθέξεηαη θπξίσο ζην

ίδην ην έγγξαθν θαη ηελ ζχλζεζε.

Page 15: 06 Page Layout

Γεκηνπξγία ελφο Page layout

ην desktop publishing κηα θαιή δηάηαμε ηεο ζειίδαο (Page Layout) είλαη θάηη

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

ληηδάηλ.

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

πξννξίδεηε γηα ην πξσηνγελή αθξναηήξηφ ηνπ.

Μηα ιεηηνπξγηθή δηάηαμε ηεο ζειίδαο επηθεληξψλεηαη ζηηο πξαθηηθέο πηπρέο ηνπ

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

Page 16: 06 Page Layout

1.Φηηάμηε ηε δηάηαμε ζειίδαο γύξω από ην βαζηθό κήλπκα.

Όια ηα ζηνηρεία ηεο δηάηαμεο ζειίδαο, ζπκπεξηιακβαλνκέλσλ εηθφλσλ,

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

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

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

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

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

απνηειεζκαηηθά.

•Υξεζηκνπνηήζηε κηα εηθόλα ή εηθόλα πνπ ππνζηεξίδεη ην κήλπκα.

Μπνξεί λα είλαη πξνθαλήο, αιιά κηα θσηνγξαθία απφ έλα ηειεθσληθφ

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

ππεξεζία θηλεηήο ηειεθσλίαο εθηφο θαη αλ ην ζπλνδεπηηθφ ε επηθεθαιίδα

ή θάπνην άιιν θείκελν θάλεη θαηά θάπνηνλ ηξφπν κηα ιεθηηθή ζχλδεζε έηζη

ψζηε ε νπηηθή επηθνηλσλία λα ππνζηεξίδεη ην ιεθηηθφ κήλπκα θαη ηελ

πξφζεζε ηεο δηαθήκηζεο.

Γεκηνπξγία ελφο Page layout

Page 17: 06 Page Layout

1.Φηηάμηε ηε δηάηαμε ζειίδαο γύξω από ην βαζηθό κήλπκα.

•Υξεζηκνπνηήζηε γξακκαηνζεηξέο πνπ είλαη θαηάιιειεο γηα ην κήλπκα.

Αλ ην κήλπκα είλαη "είκαζηε έλαο ηφπνο αλαςπρήο γηα παηδηά” νη

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

δηαζθεδαζηηθέο θαη θηιηθέο. Ωζηφζν, νη πξφρεηξεο ή παηρληδηάξηθεο

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

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

•Επηιέμηε ρξώκαηα κε βάζε ην κήλπκα θαη όρη ηηο πξνζωπηθέο ζαο

πξνηηκήζεηο.

Δάλ κηα εηαηξεία έρεη εηαηξηθά ρξψκαηα πνπ ζέινπλ λα ρξεζηκνπνηήζεηε, ηφηε

ρξεζηκνπνηήζηε ηα. Καη βεβαησζείηε φηη ηα ηπρφλ πξφζζεηα ρξψκαηα δελ ζα

έξρνληαη ζε ζχγθξνπζε κε ηα ρξψκαηα απηά. Μνπληά ρξψκαηα κπνξεί λα

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

θσηεηλά ρξψκαηα. θεθηείηε ην ζθνπφ, ην αθξναηήξην, θαη ην θάζε θνκκάηη ηη

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

Γεκηνπξγία ελφο Page layout

Page 18: 06 Page Layout

2. Επηιέμηε έλα κέγεζνο γηα ηε δηάηαμε ζειίδαο πνπ ηαηξηάδεη κε ηε

πξνβιεπόκελε ή ηελ αλακελόκελε ρξήζε.

Δπηιέμηε έλα πξφηππν tri-fold γηα ηελ κνξθή θπιιαδίνπ, ηακπιφηλη κέγεζνο γηα

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

γξάκκα ηαρπδξνκείνπ κφλν κεηά ηελ εμέηαζε ηνπ δηθαηνχρνπ, ην

πξνυπνινγηζκνχ, ηελ αλάγθε γηα θνξεηφηεηα, θαζψο θαη ηηο ηαρπδξνκηθέο

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

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

•Κάλεηε θπιιάδηα θαη ζεκεηψζεηο ζέλα κέγεζνο πνπ λα είλαη εχθνιν λα

απνζεθεπηνχλ ζε αξρείν, λα επεμεξγαζηνχλ θαη λα εθηππσζνχλ.

•Γηα κεγαιχηεξα έγγξαθα πνπ ελδέρεηαη λα παξαθνξησζνχλ ,θάληε ηα

δηπισκέλα κε ην κηζφ κέγεζνο.

•Όηαλ δηπισζεί, νη πιεξνθνξίεο λα είλαη πξνο ηα έμσ ψζηε λα ηεξνχλ ηνλ

εληνπηζκφ.

Γεκηνπξγία ελφο Page layout

Page 19: 06 Page Layout

2. Επηιέμηε έλα κέγεζνο γηα ηε δηάηαμε ζειίδαο πνπ ηαηξηάδεη κε ηε

πξνβιεπόκελε ή ηελ αλακελόκελε ρξήζε.

•Γηα πιηθφ πνπ ζα δηαλεκεζεί απφ ηαρπδξνκείν, λα ηεξνχληαη νη ηαρπδξνκηθέο

ξπζκίζεηο. Σν βάξνο ηνπ ραξηηνχ, ηηο δηαζηάζεηο, ην πάρνο επεξεάδνπλ ηα

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

•Τιηθφ πνπ είλαη πηζαλφ λα απνζηαιεί κε θαμ, ή ζάξσζε, ή θσηναληίγξαθν

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

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

Γεκηνπξγία ελφο Page layout

Page 20: 06 Page Layout

3. ρεδηάζηε ηελ δηάηαμε ηεο ζειίδαο γύξω από ην πώο έλα αληηθείκελν

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

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

ζηνηρείσλ ηεο ζειίδαο. Μήπσο ν ηίηινο, ν ππέξηηηινο, ε εηηθέηα, ή ην θεληξηθφ

νπηηθφ αληηθείκελν πξέπεη λα είλαη επδηάθξηην, επαλάγλσζην, ή αλαγλσξίζηκν

απφ απφζηαζε;

•Γηα δηπισκέλα αληηθείκελα θαη auto-Mailers εμεηάζηε πνηεο πιεξνθνξίεο ν

παξαιήπηεο βιέπεη αξρηθά. Βάιηε ηα ζηνηρεία ζην εμσηεξηθφ πάλει πνπ

πξνζδηνξίδνπλ απηφ ην αληηθείκελν, λα είλαη ζρεηηθά, απηφ πνπ ζα είλαη κέζα,

φπσο έλα φλνκα ή ινγφηππν εηαηξείαο, ηελ νλνκαζία ηνπ ελεκεξσηηθνχ

δειηίνπ, ή κία δειεαζηηθή επηθεθαιίδα ή νπηηθά αληηθείκελα.

•Γηα ηα πεξηνδηθά πνπ πσινχληαη ζηα πεξίπηεξα, ε νλνκαζηηθή ζέζε πξέπεη

λα βξίζθεηαη ζηελ θνξπθή, ψζηε λα θαίλεηαη εχθνια.

Γεκηνπξγία ελφο Page layout

Page 21: 06 Page Layout

3. ρεδηάζηε ηελ δηάηαμε ηεο ζειίδαο γύξω από ην πώο έλα αληηθείκελν

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

•Γηα ηα ζχκβνια ή ηηο αθίζεο θάλνπκε ην θείκελν θαη ηα γξαθηθά αξθεηά

κεγάια γηα λα θαίλνληαη απφ απφζηαζε.

•Γηα ζπζθεπαζίεο, ρξεζηκνπνηνχκε ηα ρξψκαηα θαη ηελ ηνπνζέηεζε ηνπ

θεηκέλνπ θαη εηθφλεο πνπ πξνζδηνξίδνπλ ηελ ηαπηφηεηα ηνπ παθέηνπ

κπξνζηά, ζηα πιεπξά, ή πίζσ.

•Γηα ηα έληππα, επηζηνιέο, εθζέζεηο, θπιιάδηα, δηαθεκηζηηθά θπιιάδηα λα

αθήλνπλ επαξθή πεξηζψξηα γηα ζεκεηψζεηο θαη πεξηζψξηα ζηεξέσζεο κε

θιηπ ζπλδεηήξα.

•Γηα ηα βηνγξαθηθά, επηζηνιφραξηα, ππνκλήκαηα, ή έληππα πνπ ελδέρεηαη λα

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

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

άζπξν. Απνθχγεηε ηα απαιά ρξψκαηα πνπ εμαθαλίδνληαη ζε ρακειή

αλάιπζε ή θσηνγξαθίεο θαη ην ζθνχξν ρξψκα ηνπ κπινθ πνπ ζην θαμ ή ηελ

θσηνηππία θαίλνληαη άζρεκα.

Γεκηνπξγία ελφο Page layout

Page 22: 06 Page Layout

3. Ση ρξεηαδόκαζηε;

•Ο ζθνπφο θαη ην βαζηθφ κήλπκα γηα ηε δηάηαμε έξγνπ ηεο ζειίδαο (page

layout)

•Σα ραξαθηεξηζηηθά ηνπ αθξναηήξηνπ θαη ε πξνβιεπφκελε ρξήζε ηεο

γξαθηζηηθήο ηνπ εγγξάθνπ

•Μεγέζε ραξηηνχ θαη ε θνηλή δηάηαμε ζειίδαο θαζψο θαη ηα κεγέζε ησλ

εγγξάθσλ

•Αλ ππάξρνπλ απαηηήζεηο δηπιψκαηνο

•Σαρπδξνκηθέο απαηηήζεηο

Γεκηνπξγία ελφο Page layout

Page 23: 06 Page Layout

Αλαηνκία ελφο Page layout

1.Composing Pages / πλζέηνληαο ζειίδεο

ε απηή ηε ζεηξά ησλ εηθφλσλ ζα εμεηάζνπκε ηα ηκήκαηα θαη θνκκάηηα ηνπ

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

πψο είλαη ηνπνζεηεκέλα.

Τπάξρνπλ ηέζζεξηο εηθφλεο κε θάζε ζχλνιν - ε δηάηαμε ηεο ζειίδαο πνπ

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

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

Ο ζθνπφο απηήο ηεο δηάηαμεο ζειίδαο είλαη λα παξέρεη ζηνπο αλαγλψζηεο

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

ζα πεγαίλνπλ ζην αεξνδξφκην ηεο πφιεο ηνπο.

Page 24: 06 Page Layout

Αλαηνκία ελφο Page layout

•Απηφ ην έλζεην εθεκεξίδαο είλαη

27,5 inch κήθνο & 22 inch χςνο

(ζρεδφλ έλα δηπιφ broadsheet).

From The Dallas Morning News, March 12, 1986

•Γηαζέηεη επηθεθαιίδα

θεληξαξηζκέλε κε κηα

γξακκαηνζεηξά sans serif κε

φια ηα γξάκκαηα θεθαιαία ησλ

πεξίπνπ 90 points κέγεζνο.

•Σν δεπηεξεχνλ ηίηινο είλαη αληεζηξακκέλνο ζε ιεπθφ κε έλα ιεπηφ

θφθθηλν θνπηί πνπ εθηείλεηαη ην πιάηνο ηνπ ζηελ θχξηα εηθφλα.

•Σν ζχληνκν άξζξν είλαη ζηα

αξηζηεξά ζε έλα δηπιφ θνπηί double-

rule box. Σν άξζξν απηφ ρξεζηκνπνηεί

κηα serif γξακκαηνζεηξά, εθηείλεηαη ζε

δχν ζηήιεο ηνπ απνιχησο

δηθαηνινγεκέλε θεηκέλνπ.

•Σν κεγαιχηεξν κέξνο ηεο ζειίδαο

απνηειείηαη απφ κία κεγάιε

εηθνλνγξάθεζε θαη κεξηθά

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

infographics ζην θάησ κέξνο ηνπ

spread

Page 25: 06 Page Layout

Αλαηνκία ελφο Page layout

(1).Δίλαη θνηλφ γηα ηηο εθεκεξίδεο λα ξπζκίζεηε ην

θείκελν πιήξσο γηα εμνηθνλφκεζε ρψξνπ.

Ωζηφζν, ιφγσ ρξνληθψλ πεξηνξηζκψλ πνπ

ιακβάλνπλ δελ έρνπκε ρξφλν γηα λα

ηειεηνπνηήζνπκε ην θείκελν απηφ κε απνηέιεζκα

ηηο κεγάιεο ειιείςεηο θαη ηα δηαζηήκαηα ηνπ θελνχ

ρψξνπ.

Αλ ρξεζηκνπνηείηε ηε πιήξσο ζηνίρηζε ηνπ

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

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

εκθαλίδεηαη θαιχηεξα εάλ δψζεηε ρξφλν λα θάλεηε

δηνξζψζεηο ζην tracking ζηνλ εληνπηζκφ θαη ην

ζπιιαβηζκφ θαη ζηηο ξπζκίζεηο

(2).Σν ρξνλφκεηξν έρεη νξηζηεί ζε έλα κπιε

ηεηξάγσλν (ην ρξψκα ερεί ην γαιάδην ζην βαζηθφ

ζρέδην) κεηαηξέπεηαη ζε έλα φκνξθν ηεηξάγσλν

γξαθηθφ πνπ επηηξέπεη ηε ρξήζε ελφο βαζηθνχ

θεηκέλνπ wrap. Ο ρψξνο αλάκεζα ζην θείκελν θαη

γξαθηθά είλαη πεξίπνπ ε ίδηα ζε φιεο ηηο πιεπξέο.

(3).Σν άξζξν απηφ έρεη νξηζηεί ζε δχν ζηήιεο κε

έλα δξνκάθη κεηαμχ ησλ ζηειψλ πνπ είλαη

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

ησλ εμσηεξηθψλ άθξσλ θαη ην πιαίζην πνπ

πεξηβάιιεη ην άξζξν.

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

2-column layout, fully justified, with text wraps.

Page 26: 06 Page Layout

Αλαηνκία ελφο Page layout

(4).Οη παξάγξαθνη είλαη απνκαθξπζκέλε απφ

πξφζεζε.

(5).Σν ζρήκα ζχλλεθν απφ ηελ θχξηα εηθφλα

εηζέξρεηαη ζην θχξην ρψξν ηνπ άξζξνπ.

Λφγσ ηνπ αθαλφληζηνπ ζρήκαηνο ηνπ, ε

αλαδίπισζε ηνπ θείκελνπ είλαη αθφκε ιηγφηεξν

ίζε απφ φ, ηη γηα ηα άιια γξαθηθά ζηελ αξρή ηνπ

άξζξνπ.

Καηά ηε δεκηνπξγία κε πιαηηψλ wrap θείκελνπ, λα

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

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

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

2-column layout, fully justified, with text wraps.

Page 27: 06 Page Layout

Αλαηνκία ελφο Page layout

3. Μηα εηθόλα αμίδεη ρίιηεο ιέμεηο

(1).Σν θιεηδί απηήο ηεο εηθφλαο απεηθνλίδεη εηθφλεο

θαη ζχκβνια πνπ ρξεζηκνπνηνχληαη ζε έλα ράξηε

ή ζε κία παξφκνηα εηθφλα. ε απηή ηελ πεξίπησζε

ην θιεηδί δείρλεη ηα εηθνλίδηα αεξνπιάλσλ πνπ

ρξεζηκνπνηνχληαη γηα δηαθεκηζηηθή / επηβαηηθή,

Γεληθή Αεξνπνξία / Cargo, θαη ζηξαηησηηθά

αεξνζθάθε.

(2).Έλα ξαβδφγξακκα είλαη έλα άιιν είδνο

πιεξνθνξηαθνχ γξαθηθνχ. Απηφ δείρλεη ηηο αθίμεηο

ζε ζρέζε κε ηηο αλαρσξήζεηο.

(3). Μηθξφηεξα πιεξνθνξηαθά γξαθηθά ράξηε

αληηπξνζσπεχνπλ νπηηθά πξφζζεηεο

πιεξνθνξίεο ζε ζρέζε κε ην ζπλνιηθφ άξζξν.

(4). Έλαο απιφο θαηάινγνο πξνζζέηεη επθνιία

ζηελ αλάγλσζε πιεξνθνξηψλ πνπ ζα

κπνξνχζαλ λα ραζνχλ ή πην δχζθνιν λα

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

Key to main illustration and supporting charts and

graphics

Page 28: 06 Page Layout

Αλαηνκία ελφο Page layout

4. Δίλνληαο ζηελ ζειίδα βάζνο κε ηελ ηερληθή ηωλ Layers

(1). Σνπνζεηψληαο ηκήκαηα ηεο εηθφλαο

(ζχλλεθα) κπξνζηά θαη πίζσ απφ ηνπο

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

άξζξνπ ηνπ δίλεη ηελ ςεπδαίζζεζε ηνπ βάζνπο

θαη βνεζάεη λα δέζεη ην θείκελν πνπ ζπλνδεχεη

ηελ εηθφλα.

(2). Αληί λα είλαη επίπεδνο ηεηξάγσλνο ράξηεο,

ε πξννπηηθή πνπ εθαξκφδεηαη ζην ηκήκα ηνπ

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

θαη έηζη βνεζά ηα ζχλλεθα θαη αεξνπιάλα λα

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

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

δηαθνξνπνίεζε ηνπ εδάθνπο (πξάζηλν) απφ

νπξαλφ (κπιε).

Overlapping elements and perspective give a 3D look

to a flat page.

Page 29: 06 Page Layout

Αλαηνκία ελφο Page layout

5. Σα νπηηθό ιεμηιόγην ηνπ γξαθηθνύ ζρεδηαζκνύ

Κάζε ζειίδα ζε απηφ ην βηβιίν ζρεδηαζκνχ νξίδεη νπηηθά δηαθνξεηηθνχο φξνπο

πνπ ζρεηίδνληαη κε ηε γξαθηζηηθή. Πξννξίδεηαη λα είλαη γηα κηα γξήγνξε νπηηθή

αλαθνξά - έλαο φξνο αλά ζειίδα.

•ε αληίζεζε κε ηα πεξηζζφηεξα βηβιία, ε

δηάηαμε γηα θάζε ζειίδα ηνπ βηβιίνπ απηνχ

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

ζπλδένπλ φιεο ηηο ζειίδεο καδί. Φαίλνληαη

ζαλ έλα ηππηθφ δεπγάξη κε αληηθξηζηέο

ζειίδεο. Η κφλε ζρέζε κεηαμχ ησλ ζειίδσλ

πνπ αληηκεησπίδνπλ είλαη φηη ην έλα

αθνινπζεί ην άιιν. Γελ έρεη ζρεδηαζηεί

ψζηε λα δηαβαζζεί ή λα ζεσξεζεί σο εληαία

κνλάδα.

•Ωζηφζν, ππάξρνπλ νξηζκέλα ζηνηρεία πνπ

παξέρνπλ ζπλνρή ζε νιφθιεξε ηε ζρεδίαζε

ζπκπεξηιακβαλνκέλσλ ησλ πεξηζσξίσλ θαη

ηελ ηνπνζέηεζε ησλ αξηζκψλ ζειίδαο.

Οξαηή είλαη ζειίδα 148 (Lenticular) θαη

ζειίδα 149 (letterpress)

•Σα ηππνγξαθηθά ζηνηρεία, ζηνίρηζε θεηκέλνπ, εηθφλαο

ηνπνζέηεζε, θαη αθφκε θαη ην ρξψκα ζηε ζειίδα είλαη

δηαθνξεηηθά γηα θάζε ζειίδα

Each page stands alone yet there are still consistent elements

from page to page.

Page 30: 06 Page Layout

Αλαηνκία ελφο Page layoutΑλαηνκία ελφο Page layout

5. Σα νπηηθό ιεμηιόγην ηνπ γξαθηθνύ ζρεδηαζκνύ

•Οη επηκέξνπο ζειίδεο είλαη πεξίπνπ 4,75

inch πιάηνο θαη 6,5 inch χςνο. Σα

πεξηζψξηα είλαη πεξίπνπ ηα 3 / 8 inch.

•Οη πεξηζζφηεξεο ζειίδεο είλαη ιεπθέο, αιιά

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

Έλα εηδηθφ ηκήκα ζην πίζσ κέξνο

(ρξνλνδηάγξακκα, index) είλαη ραξηί

πεξηηπιίγκαηνο.

•ηνηρεία ζην κπξνζηηλφ θαη πίζσ κέξνο ηνπ

βηβιίνπ (πίλαθα πεξηερνκέλσλ, εηζαγσγή,

αλαγλσξίζεηο) αθνινπζνχλ έλαλ πην

ζπκβαηηθφ ζρεδηαζκφ βηβιίνπ κε ελφηεηεο

πνπ έρνπλ θνηλά δηάηαμε θαη ηππνγξαθία.Each page stands alone yet there are still consistent elements

from page to page.

Page 31: 06 Page Layout

Αλαηνκία ελφο Page layout

6. Ξερωξηζηέο ζειίδεο πεξηέρνπλ εληαία αξίζκεζε

Τπάξρνπλ πνιινί ηξφπνη γηα λα δψζνπκε κνξθή ζηνπο αξηζκνχο ζειίδαο, αιιά

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

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

ζηηο εμσηεξηθέο πιεπξέο ηεο ζειίδαο (αλ δελ είλαη ζην θέληξν ηνπ πάλσ ή

θάησ).

•ε απηφ ην βηβιίν φπνπ θάζε ζειίδα είλαη

απηφλνκε θαη νη δχν αληηθξηζηέο ζειίδεο δελ

αληηκεησπίδνληαη σο κία εληαία κνλάδα, φινη

νη αξηζκνί ζειίδσλ είλαη ζηελ επάλσ δεμηά

γσλία ηεο ζειίδαο. A-Z θαη ε ιέμε πνπ

νξίδεηαη είλαη ζηελ πάλσ αξηζηεξή γσλία

ηεο θάζε ζειίδαο.

•ε έλα ζρεδηαζκφ βηβιίνπ φπνπ θάζε

ζειίδα αληηκεησπίδεηαη ρσξηζηά, απηή ε

θεθαιίδα ζε φιε ηελ θνξπθή θάζε ζειίδαο

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

νκνηνγέλεηα ζειίδα.

All page numbers in are in the upper right corner. The

word (topic) of each page is in the upper left corner.

Page 32: 06 Page Layout

Αλαηνκία ελφο Page layout

7. πάδνληαο ηνπο θαλόλεο θεηκέλνπ

ην ζρεδηαζκφ βηβιίνπ, ην κεγαιχηεξν κέξνο ηνπ ζψκαηνο θεηκέλνπ

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

ζην ζχλνιν. Μπνξεί λα ππάξρεη έλα ζπγθεθξηκέλν ζηπι γηα φια ηα θχξηα

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

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

απφ ην έλα κέξνο ηνπ βηβιίνπ ζην επφκελν. Σν θείκελν ηνπ βηβιίνπ απηνχ δελ

αθνινπζεί γεληθά ηνπο απνδεθηνχο θαλφλεο.

•Σν κεγαιχηεξν κέξνο ηνπ θεηκέλνπ

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

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

γξακκψλ (νξηζκέλν ragged), αιιά επίζεο

ππάξρνπλ πνιιέο πεξηπηψζεηο θεληξηθεο

ζηνίρηζεο ηνπ ζψκαηνο θεηκέλνπ.

•Οη Serif γξακκαηνζεηξέο πνπ

ρξεζηκνπνηνχληαη γηα ην πεξηζζφηεξν

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

serif πνηθίιιεη σο πξνο ην κέγεζνο απφ ηε

κία ζειίδα ζηελ επφκελε.

•Leading πνηθίιιεη ζε νιφθιεξν ην βηβιίν. Most text throughout the book is set ragged right

although typefaces, font size, and line lengths vary

greatly.

Page 33: 06 Page Layout

Αλαηνκία ελφο Page layout

7. πάδνληαο ηνπο θαλόλεο θεηκέλνπ

(1). Σν κέγεζνο απηήο ηεο γξακκαηνζεηξάο

κε πνιχ ζηελέο ζηήιεο, ragged -δεμηά

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

ζπιιαβηζκνχ γξακκήο ζε πνιχ αθαλφληζηεο

θαηαιήμεηο γξακκήο θαη κεγάια θελά.

ε αληίζεηεο πεξηπηψζεηο ε απφζηαζε

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

δηαρσξηζκφ.

(2). Αθφκα θαη ζηελ ίδηα ζειίδα νη

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

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

ε απηή ηελ πεξίπησζε (ζειίδα 149) ην

ειαθξψο κηθξφηεξν θείκελν είλαη

ελεκεξσηηθνί ζεζαπξνί πνπ ζρεηίδνληαη κε

ηελ έλλνηα πνπ νξίδεηαη ζηελ πξψηε

παξάγξαθν ηνπ ιίγν κεγαιχηεξνπ θεηκέλνπ. Most text throughout the book is set ragged right

although typefaces, font size, and line lengths vary

greatly.

Page 34: 06 Page Layout

Αλαηνκία ελφο Page layout

8. ηνηρεία navigation

•Παξά ην γεγνλφο φηη θάζε ζειίδα έρεη ηε

δηθή ηεο εκθάληζε θαη δηάηαμή, φηαλ ην

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

λα είλαη κε ζπλέπηα ζην ρξψκα θαη ηελ

ηνπνζέηεζε ηνπ.

•Σν ξνδ δάρηπιν πνπ δείρλεη είλαη πάληα

ζην θάησ αξηζηεξφ κέξνο ηεο ζειίδαο.

Αθνινπζείηαη απφ ηε ιέμε «δεο» ζηε

ζπλέρεηα, έλαλ φξν πνπ ζρεηίδεηαη κε ηε

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

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

•Κάζε θνξά πνπ έλαο αλαγλψζηεο βιέπεη

ην ξνδ δάρηπιν πνπ δείρλεη γλσξίδνπλ φηη

απηφ δείρλεη ην δξφκν γηα ηελ πιεξνθνξία

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

ζειίδα.

On some pages this navigational icon appears.

Page 35: 06 Page Layout

Αλαηνκία ελφο Page layout

9. Πνηήκα πάλω ζηελ αθίζα

•Απηή είλαη κηα ρξσκαηηζηή αθίζα

κε 8x10 κέγεζνο.

•Η δηάηαμε είλαη πνιχ απιή κε ην

πνίεκα ζηε κέζε ηεο ζειίδαο, ηνλ

ηίηιν ζηελ θνξπθή, θαη έλα κεξηθφ

πιαίζην ινπινπδηψλ ζην θάησ

κέξνο θαη ηηο πιεπξέο.

•Η αθίζα αγνξάζηεθε ζε έλα

θαηάζηεκα ιηαληθήο πψιεζεο πνπ

εηδηθεχεηαη ζηα Overstock θαη

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

ήξζε κε έλα απιφ ρξπζφ-

δσγξαθηζκέλν μχιηλν πιαίζην.

Inspirational poster features a poem about

perseverance and staying positive.

Page 36: 06 Page Layout

Αλαηνκία ελφο Page layout

10. Πιαηζηώληαο ην ζέκα

Σα ινπινχδηα πνπ πεξηηξηγπξίδνπλ ην

πνίεκα δελ έρνπλ θακία ζρέζε κε ην

ζέκα ηνπ πνηήκαηνο. Δίλαη

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

σξαία. Ωζηφζν, ηα ινπινχδηα καδί κε

ην background θαη ην ηίηιν πνπ

ρξεζηκνπνηείηαη θαηά ηξφπν πνπ λα

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

ζθνπφ ηεο αθίζαο - ην πνίεκα.

Large title and graphic frame the poem in the middle.

(1).Ο ηίηινο είλαη αξθεηά κεγάινο γηα λα

θαιχςεη ην πάλσ κέξνο ηεο ζειίδαο θαη

απνηειεί κέξνο ηνπ πιαηζίνπ γχξσ απφ ην

πνίεκα. Η εμάιεηςε ηνπ ρψξνπ κεηαμχ ησλ δχν

ιέμεσλ καδί κε ηηο γξακκέο ζχκθσλα κε ηηο

ιέμεηο δέλεη ην ηίηιν καδί ζε κηα πην ζηαζεξή

κνλάδα.

(2).Σα ινπινχδηα απνηεινχλ ην πιαίζην ζην

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

(3).Σν θφλην είλαη ειαθξχηεξν ζηε κέζε,

αθξηβψο πίζσ απφ ην πνίεκα. Η πην ζθνηεηλή

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

αξηζηεξήο πιεπξάο λα ρξεζηκεχζεη γηα λα

νινθιεξσζεί νπηηθά ην πιαίζην, φπνπ ν ηίηινο

θαη ηα ινπινχδηα δελ θζάλνπλ.

Page 37: 06 Page Layout

Αλαηνκία ελφο Page layout

11. Ιζνξξνπία ζην Page Layout

Σα ζηνηρεία ζε απηφ ην ζρεδηαζκφ

αθίζαο δείρλνπλ πσο ε αζχκκεηξε

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

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

αληίζεζεο.

Split the poster into even quarters and you can see how

much text and image occupies each section.

•Απιά εμεηάδνληαο ηελ αθίζα θαίλεηαη λα είλαη

πεξηζζφηεξν ή ιηγφηεξν θεληξαξηζκέλε ε

ζειίδα.

•Γηαηξψληαο ηεο ζειίδαο ζε ηεηαξηεκφξηα

απνθαιχπηεηε ε πξαγκαηηθή επζπγξάκκηζε

ηνπ. Σν πνίεκα είλαη εθηφο-θέληξνπ πξνο ηα

αξηζηεξά.

•Ο ηίηινο είλαη αθφκε πεξηζζφηεξν πξνο ηα

αξηζηεξά, έηζη δελ είλαη κφλν φηη δελ

θεληξαξηζκέλν ζηε ζειίδα, δελ είλαη ζην θέληξν

πάλσ απφ ην πνίεκα.

•Σα πεξηζζφηεξα απφ ηα γξαθηθά είλαη ζην

θάησ κηζφ ηεο ζειίδαο. Δίλαη ηζνξξνπεκέλν

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

θείκελν είλαη νπηηθά ειαθξχηεξν απφ ην

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

πεξηζζφηεξν νπηηθφ βάξνο ζην άλσ ήκηζπ.

Page 38: 06 Page Layout

Αλαηνκία ελφο Page layout

12. Σππνγξαθία ελόο εκπλεπζκέλνπ Poster

Poster features simple typographic treatment

including serif fonts, initial caps, and centered text.

(1).Ο ηίηινο ηνπ πνηήκαηνο γίλεηαη πνιχ πην

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

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

Τπάξρεη επίζεο κηα ιεπθή ζθηά πηψζε γχξσ

απφ ηνλ ηίηιν πνπ ηνλ αλεβάδεη ειαθξψο απφ

ηε ζειίδα.

(2).Ο ηίηινο απνηειεί κέξνο ηνπ πιαηζίνπ ηνπ

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

ηνπ ηίηινπ θαη ηνπ ππφινηπνπ θεηκέλνπ. Οη

γξακκέο θάησ απφ ηηο ιέμεηο θαη ε εμάιεηςε ηνπ

ρψξνπ κεηαμχ ησλ δχν ιέμεσλ βνεζά λα θάλεη

ηε δνπιεηά ηελ πιαηζίσζεο ηνπ πην

απνηειεζκαηηθή.

(3).Κάζε ζηίρνο απφ ην πνίεκα μεθηλά κε έλα

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

θάζεηαη ζηελ baseline κε ην ππφινηπν ηεο

γξακκήο. Γελ είλαη πνιχ ελνριεηηθά, βνεζνχλ

λα νδεγεζεί ν αλαγλψζηεο ζην πνίεκα, αιιά

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

θείκελν.

(4).Σν θεληξαξηζκέλν θείκελν ηείλεη λα είλαη πην

δχζθνιν λα δηαβαζηεί, επηβξαδχλνληαο ηνλ

αλαγλψζηε. Ωζηφζν, γηα έλα πνίεκα είλαη κηα

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

αλαγλψζηε λα επηβξαδχλεη θαη εκβαζχλεη ζηελ

έλλνηα ηνπ πνηήκαηνο. Γελλαηφδσξν leading

βνεζά ψζηε λα είλαη επθνιφηεξν λα

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

Page 39: 06 Page Layout

Page layout ή ζχλζεζε ζειίδαο είλαη ε δηαδηθαζία ηεο ζχλζεζεο, ηεο νξγάλσζεο

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

Μηα θαιή ζχλζεζε είλαη θάηη πνπ δελ είλαη κφλν επράξηζην λα δνχκε, αιιά επίζεο

κεηαβηβάδεη νπζηαζηηθά ην κήλπκα ηνπ θεηκέλνπ θαη γξαθηθψλ ζην αθξναηήξηφ

ηνπ.

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

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

Μπνξείηε λα παξαηεξήζεηε φηη νη ελ ιφγσ ζπκβνπιέο ζηε ζχλζεζε ζειίδαο

ζπλδένληαη ζηελά κε ηηο αξρέο ηνπ ζρεδηαζκνχ.

Top 7 Page layout tips

Page 40: 06 Page Layout

1.Επζπγξάκκηζε όιωλ ηωλ ζηνηρείωλ

κεηαμύ ηνπο ή κέζα ζ’έλα πιέγκα

Σνπνζεηνχκε θάζε θείκελν ή γξαθηθφ

ζηνηρείν ηεο ζειίδα ψζηε λα έρνπλ κηα

νπηηθή ζχλδεζε κεηαμχ ηνπο. Μπνξνχκε

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

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

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

ηελ ίδηα αθκή ή ην θέληξν ηνπο. Η θπθιηθή

ηνπνζέηεζε κπνξεί λα ιεηηνπξγήζεη,

αιιά γηα κηα πην ζχλζεηε ζρεδίαζε, έλα

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

Απηφ θαη κφλν ην έλα κπζηηθφ ζχλζεζεο

απφ κφλν ηνπ κπνξεί λα βειηηψζεη

ζεκαληηθά ηε ζχλζεζε κηαο ζειίδαο, δηφηη

ηα κάηηα θαη ην κπαιφ καο πνζνχλ έλα

νξηζκέλν πνζφ ηάμεο θαη ζπλέπεηαο.

Top 7 Page layout tips

Page 41: 06 Page Layout

2.Επηινγή ελόο κόλν νπηηθνύ

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

ζπλδέζεηο

Έλα απφ ην πην απιά θαη ίζσο πην

ηζρπξά layout ρξεζηκνπνηεί έλα ηζρπξφ

νπηηθφ γξαθηθφ. Ωζηφζν, εάλ

ρξεζηκνπνηνχκε πνιιαπιέο εηθφλεο, λα

ηεξείηε ε ζχλδεζε ηνπο ηφζν κέζσ ηεο

ελαξκφληζεο θαη ηεο εγγχηεηαο -

νκαδνπνίεζε ησλ εηθφλσλ ψζηε λα

απνηεινχλ κία εληαία νπηηθή κνλάδα θαη

ε επζπγξάκκηζε κεηαμχ ηνπο κε

παξφκνην ηξφπν.

Top 7 Page layout tips

Page 42: 06 Page Layout

3.Κξαηήζηε κνλά θαη δπγά ζηνηρεία

ζε ηζνξξνπία

Η δεκηνπξγία ηεο ζσζηήο ηζνξξνπίαο

είλαη ηφζν ζέκα ηνπ αξηζκνχ ηνπ

θεηκέλνπ θαη ησλ γξαθηθψλ ζηνηρείσλ

αιιά θαη πψο είλαη ηνπνζεηεκέλα ζηε

ζειίδα. Μνλνί αξηζκνί ηείλνπλ λα

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

εκθάληζε. Υξεζηκνπνηήζηε κνλφ

αξηζκφ ησλ νπηηθψλ ζηνηρείσλ, κνλνί

αξηζκνί ησλ ζηειψλ θεηκέλνπ.

Ή, λα δεκηνπξγήζνπκε κηα δπλακηθή

εκθάληζε κε αζχκκεηξε δηάηαμε ησλ

ζηνηρείσλ. πκκεηξηθή ηζνξξνπία ή ηε

ρξήζε ίζσλ ζηνηρείσλ, φπσο είλαη δχν

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

εηθφλεο γεληθά παξάγεη κηα επίζεκε, πην

ζηαηηθή παξνπζίαζε.

Top 7 Page layout tips

Page 43: 06 Page Layout

4.Δηαηξνύκε ηελ ζειίδα ζε ηξίηα

ρεηηθά κε ηελ ηζνξξνπία, ν θαλφλαο

ησλ ηξίησλ ππνδειψλεη φηη κηα ζχλζεζε

είλαη πνην επράξηζηε εάλ ε ξχζκηζε ηνπ

θεηκέλνπ θαη γξαθηθψλ κπνξεί λα

ηνπνζεηεζεί κε κία απφ απηέο ηηο

θαηεπζπληήξηεο γξακκέο:

1. Σα ζεκαληηθφηεξα ζηνηρεία θαίλνληαη

κεηαμχ ηνπο πεξηζζφηεξν ή ιηγφηεξν ίζα

φηαλ βξίζθνληαη κέζα ζε θαηαθφξπθε ή

νξηδφληηα ηξίηα

2. Σα ζεκαληηθφηεξα ζηνηρεία

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

ηεο ζειίδαο

3. Σα ζεκαληηθφηεξα ζηνηρεία

επηθεληξψλνληαη ζε έλα απφ ηα ζεκεία

φπνπ ηέκλνληαη νη γξακκέο κεηά ηε

νπηηθή δηαίξεζε ηεο ζειίδα ζε ηξίηα

νξηδφληηα θαη θάζεηα

Top 7 Page layout tips

Page 44: 06 Page Layout

5.Πξνζζέηνπκε ιεπθό δηάζηεκα ζηα

ζωζηά ζεκεία

Δμίζνπ ζεκαληηθά κε ην θείκελν θαη ηα

γξαθηθά γηα ηε ζειίδα είλαη ην θελφ

δηάζηεκα. Γεκίδνληαο πάξα πνιχ ηε

ζειίδα αθφκα θαη αλ είλαη απφιπηα

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

εκπίπηεη ζηνλ θαλφλα ησλ ηξίησλ

κπνξεί λα θαηαζηξέςεη κηα ζχλζεζε. Η

ζειίδα ρξεηάδεηαη νπηηθφ δηάζηεκα ψζηε

λα αλαπλεχζεη. Σν θαιχηεξν κέξνο γηα

ην ιεπθφ ρψξν είλαη γχξσ απφ ηηο

άθξεο ηεο ζειίδαο θαη ηηο άθξεο ηνπ

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

λα κελ παγηδεπηεί ζηε κέζε ηεο

ζειίδαο, αιιά απμάλνληαο ηελ

παξάγξαθν, γξακκή, θαη ην

letterspacing κπνξεί λα βειηηψζεη

επίζεο κηα δηάηαμε.

Top 7 Page layout tips

Page 45: 06 Page Layout

6.Υξεζηκνπνηνύκε δύν ή

πεξηζζόηεξα όκνηα ζηνηρεία

ζρεδηαζκνύ

Δάλ κηα θνξά είλαη θαιφ, δχν είλαη

θαιχηεξε; Μεξηθέο θνξέο, λαη.

Δπαλάιεςε κπνξεί λα έξζεη κε ηε

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

επζπγξάκκηζεο, ρξεζηκνπνηψληαο ηα

ίδηα ρξψκαηα γηα ηα ζρεηηθά ζηνηρεία

(φπσο pull-quotes ή ηίηινπο), ην ίδην

ζηπι ή κέγεζνο ησλ γξαθηθψλ, ή απιά

ηε ηνπνζέηεζε ησλ αξηζκψλ ηεο

ζειίδαο ζην ίδην ζεκείν θαζ 'φιν ην

ζρεδηαζκφ.

Top 7 Page layout tips

Page 46: 06 Page Layout

7.Δίλνληαο έκθαζε ζηηο δηαθνξέο

ηωλ ζηνηρείωλ ζρεδηαζκνύ

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

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

αξρέο πνπ είλαη ίδηεο - ε ίδηα

επζπγξάκκηζε, ζπλεπήο ρξήζε ηνπ

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

λα θάλνπκε θάπνηα πξάγκαηα

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

ζηνηρεία αληηθξνπφκελα. Όζν

κεγαιχηεξε είλαη ε δηαθνξά ηφζν

κεγαιχηεξε είλαη ε αληίζεζε θαη πην

απνηειεζκαηηθή ε δηάηαμε. Απιά

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

ηίηινπο θαζηζηψληαο πνιχ

κεγαιχηεξνπο απφ φ, ηη ην άιιν θείκελν

θαη ρξεζηκνπνηψληαο έλα δηαθνξεηηθφ

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

pull-εηζαγσγηθά, θαη αξηζκνχο ζειίδσλ.

Top 7 Page layout tips

Page 47: 06 Page Layout