03 Basis Princeples Of Design

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

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

25.10.2009

Ι.Δ.Κ. ΧΑΛΚΙΓΑ

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

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

Γξαθηθόο ζρεδηαζκόο

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

επηθνηλσλία ελόο πεηπρεκέλνπ κελύκαηνο γηα ηελ ζρεδίαζε ινγνηύπσλ,

γξαθηθώλ, θαηαιόγσλ, newsletter, αθηζώλ ή γηα νπνηνδήπνηε άιιν ηύπν

νπηηθήο επηθνηλσλίαο.

1.ηνηρεία Γξαθηθνύ ρεδηαζκνύ 2. Αξρέο Γξαθηθνύ ρεδηαζκνύ

Βαζηθέο αξρέο γξαθηθνύ ζρεδηαζκνύ.

6 Βαζηθέο αξρέο ζρεδηαζκνύ: •Ιζνξξνπία

•Δγγύηεηα

•Δπζπγξάκκηζε

•Δπαλάιεςε / πλνρή

•Αληίζεζε

•Λεπθό Γηάζηεκα


Όια ηα ζρέδηα πεξηέρνπλ ηα βαζηθά

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

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

κήλπκα, πέξα από ηηο ιέμεηο θαη ηηο

εηθόλεο πνπ ρξεζηκνπνηνύκε.

Ο ηξόπνο κε ηνλ νπνίν ηνπνζεηνύκε

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

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

αλαγλσζηκόηεηα θαη ην πώο όια

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

κήλπκα.

Οη αξρέο ηνπ ζρεδηαζκνύ δηέπνπλ

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

θάζε ζηνηρείν πνπ δεκηνπξγνύκε.


Ιζνξξνπία

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

ζειίδαο έηζη ώζηε θαλέλαο ηνκέαο λα κελ είλαη «βαξύηεξνο»

Δγγύηεηα – Δλόηεηα

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

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

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

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

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

ηνίρηζε

Η ζηνίρηζε θέξλεη ηάμε ζην ράνο. Ο ηξόπνο πνπ ζηνηρίδνπκε θείκελν θαη

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

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

επηθέξεη ελζνπζηαζκό ζην ζρεδηαζκό.

Δλ ζπληνκία


Δπαλάιεςε – πλνρή

Δπαλαιακβαλόκελα ζηνηρεία ζρεδηαζκνύ θαη ε ζπλερείο ρξήζε θεηκέλνπ θαη

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

λα δηαβάζεη θαη ην βνεζάεη λα πινεγεζεί ζην ζρεδηαζκό ηνπ layout κε

αζθάιεηα.

Αληίζεζε

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

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

Λεπθό Γηάζηεκα

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

ζηελ ζειίδα θαη ηνπνζεηνύληαη άβνια πνπ έηζη είλαη αδύλαηνλ λα δηαβαζηνύλ.

Σν ιεπθό δηάζηεκα δίλεη ζηνλ ζρεδηαζκό ρώξν λα αλαπλεύζεη

Δλ ζπληνκία


Ιζνξξνπία




ηνίρηζε



Αληίζεζε



Λεπθό Γηάζηεκα


Ιζνξξνπία

Αξρέο ηεο Ιζνξξνπίαο:

πκκεηξηθή

Αζύκκεηξε

Κπθιηθή

πκκεηξηθή Ιζνξξνπία

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

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

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

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

ζύλζεζε εθηόο ηζνκεηξίαο.

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

πξνζζέζνπκε /αθαηξέζνπκε ή λα αλαθαηαλέκνπκε ηα ζηνηρεία ώζηε ηζόηηκα λα

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

ίζα ηκήκαηα (δεύηεξα, ηξίηα, ηέηαξηα).


Ιζνξξνπία

πκκεηξηθή Ιζνξξνπία

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

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

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

θνξκαξηζκέλα θαη ηαμηλνκεκέλα layout. πρλά κεηαθέξνπλ κηα αίζζεζε

εξεκίαο ή νηθεηόηεηαο ή θνκςόηεηαο ή ζνβαξήο ελαηέληζεο.


Ιζνξξνπία

Αζύκκεηξή Ιζνξξνπία

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

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

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

Μπνξνύκε λα έρνπκε έλαλ ελδηαθέξνλ ζρεδηαζκό

ρσξίο ηέιεηα ζπκκεηξία.

Με ηελ αζύκκεηξε ηζνξξνπία νκνηόκνξθα

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

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

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

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

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


Ιζνξξνπία

Αζύκκεηξή Ιζνξξνπία

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

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

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

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

Σα αζύκκεηξα layout είλαη γεληθά πεξηζζόηεξν

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

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

ελζνπζηαζκό, ραξά, επραξίζηεζε.

.


Ιζνξξνπία

Κπθιηθή Ιζνξξνπία

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

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

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

κνλνπάηη.

Κνκκάηηα ηνπ ζρεδηαζκνύ πξέπεη λα αλαδνκεζνύλ ώζηε λα ηζνξξνπήζνπλ

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

απνπζία ηζνξξνπίαο.


Κάησ από ηα πεξηζζόηεξα layout ησλ

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

ζρεηηθέο παξάκεηξνη ηεο ηζνξξνπίαο.

Απηέο είλαη βαζηθέο αξρέο ζρεδηαζκνύ

layout ε νπνίεο βνεζνύλ ην ζρεδηαζηή λα

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

ηζνξξνπία.

Καλόλαο ησλ ηξηώλ θαη ηζνξξνπία

Ο θαλόλαο ησλ ηξηώλ ιέεη πσο ηα

πεξηζζόηεξα ζρέδηα κπνξνύλ λα γίλνπλ

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

ε ζειίδα ζε ηξία θάζεηα / νξηδόληηα

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

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

ζε απηά.

Ιζνξξνπία

Καλόλαο ησλ ηξηώλ, Οπηηθό θέληξν, Πιέγκαηα


Ιζνξξνπία


Οπηηθό θέληξν θαη ηζνξξνπία

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

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

αθόκα ηξηθ ζρεδηαζκνύ. Σν νπηηθό θέληξν είλαη ειαθξά δεμηόηεξα θαη ςειόηεξα

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


Ιζνξξνπία


Πιέγκα / θακβάο (Grid) θαη ηζνξξνπία

Σα πεξηζζόηεξα ηζνξξνπεκέλα ζρέδηα (αθόκα θαη ηα αληζόξξνπα) βαζίδνληαη ζε

θάπνην θακβά. Απηή ε αόξαηε δνκή βνεζάεη ζην λα δηαζθαιίζνπκε όηη

ηνπνζεηνύκε ηα αληηθείκελα ζηε ζσζηή ζέζε ώζηε λα επηηύρνπκε ηελ ηζνξξνπία

ώζηε λα βνεζήζνπκε ζηελ ζπλερεία θαη ηελ ζπλνρή ηνπ ζρεδηαζκνύ.

Σν πιέγκα κπνξεί λα είλαη απιό ή πνιύπινθν.

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

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


Πιέγκαηα ηάμε ζην ράνο

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

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

ζηνηρεηά ηεο ζειίδαο.

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

θνκκαηηνύ/ζηνηρείνπ, ην δηάζηεκα αλάκεζα ζηα ζηνηρεία ηεο ζειίδαο (ηίηινπο,

ζώκα θεηκέλνπ, θσηνγξαθίεο θ.α.) θαη καο βνεζάεη λα γλσξίδνπκε πνπ

ηνπνζεηνύκε ηα ζηνηρεία κέζα ζηελ θελή ζειίδα.

Ιζνξξνπία



Πεξηζώξηα θαη πιέγκαηα (Margins & Grids)

Σα πεξηζώξηα θαζνξίδνπλ ηα εμσηεξηθά όξηα ηεο

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

ζειίδαο. Σα πεξηζώξηα κπνξεί λα κελ είλαη

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

ζε δηαδνρηθέο ζειίδεο. ηα πεξηζζόηεξα

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

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

Μνλνπάηηα θαη πιέγκαηα (Alleys & Grids)

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

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

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

(alleys).

Καλάιηα θαη πιέγκαηα (Gutters & Grids)

ε κηα δηζέιηδε αλάπηπμε Gutter είλαη ν

ελδηάκεζνο ρώξνο ησλ εζσηεξηθώλ

πεξηζσξίσλ

Ιζνξξνπία



Μνλάδεο Πιεγκάησλ (Grid Units)

Δίλαη ε πξνζσξηλέο ηνπνζεζίεο πνπ

ηνπνζεηνύκε θείκελν θαη εηθόλεο εληόο ηεο

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

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

Ιζνξξνπία



Σνκείο πνπ βνεζάεη ην πιέγκα ζηνλ ζρεδηαζκό:

•Πεξηερόκελν ή ζηνηρεία κηαο ζειίδαο: είλαη ε ζειίδα πνπ ζα ζρεδηάζνπκε

βαξηά σο πξνο ην θείκελν ή σο πξνο ηηο θσηνγξαθίεο; Θα έρεη πνιινύο

ηίηινπο; ρέδηα;

•Κείκελν: βιέπνπκε ην ζπλνιηθό κέγεζνο ηνπ θεηκέλνπ θαη πσο απηό

δηαρσξίδεηαη ζε άξζξα.

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

ζην κέγεζνο ησλ εηθόλσλ. Μπνξνύλ νη εηθόλεο λα νκαδνπνηεζνύλ ζε ζρέζε κε

ηνλ ηύπν θαη ην κέγεζνο.

•Πνιππινθόηεηα: Γεληθά όζν πεξηζζόηεξνο είλαη ν αξηζκόο ησλ κνλάδσλ

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

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

ππνζηεξίμεη.

Ιζνξξνπία



Νόκνη Δλόηεηαο / νκαδνπνίεζεο

•The law of proximity

Αληηθείκελα πνπ βξίζθνληαη πάξα πνιύ θνληά

ηείλνπλ λα ηα βιέπνπκε ζαλ νκάδα.

•The law of common fate

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

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

νκάδα.


Σν πόζν θνληά καδί ή καθξηά βξίζθνληαη ηα ζηνηρεία ππνδεηθλύεη κηα ζρέζε

αλάκεζα ζηα ζηνηρεία. Η ελόηεηα κπνξεί επίζεο λα επηηεπρζεί όηαλ

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


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

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

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

Υξεζηκνπνηνύκε ηελ ζηνίρηζε γηα λα:

•Γεκηνπξγήζνπκε ηάμε

•Οξγαλώζνπκε ζηνηρεία ζε κηα ζειίδα

•Οκαδνπνηήζνπκε αληηθείκελα

•Γεκηνπξγήζνπκε νπηηθέο ζπλδέζεηο

Η θαιή ζηνίρηζε είλαη αόξαηε. Οη πεξηζζόηεξνη αλαγλώζηεο δε ζα

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

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

ηνίρηζε


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

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

•Οξηδόληηα ζηνίρηζε

ηελ νξηδόληηα ζηνίρηζε ηα αξηζηεξά θαη δεμηά πεξηζώξηα είλαη νπηηθά ίδηα. Η

νξηδόληηα ζηνίρηζε κπνξεί λα είλαη δηακέζνπ ηεο ζειίδαο ή εληόο ζηειώλ. Γελ

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

•Κάζεηε ζηνίρηζε

ηελ θάζεηε ζηνίρηζε ηα πάλσ θαη θάησ πεξηζώξηα είλαη αθξηβώο ή νπηηθά ίζα.

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

ηεο ζειίδαο.

•Αθξηαλή ζηνίρηζε

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

πάλσ θαη θάησ, αξηζηεξά θαη δεμηά άθξσλ.

ηνίρηζε


•Κεληξηθή ζηνίρηζε

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

•Οπηηθή ζηνίρηζε

Η νπηηθή ζηνίρηζε δηνξζώλεη νξηζκέλα από ηα πξνβιήκαηα πνπ κπνξνύλ λα

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

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

Χξεζηκνπνηνύκε ηελ ζηνίρηζε:

•Έιιεηςε ζηνίρηζεο δεκηνπξγεί έλα ηζαπαηζνύιηθν θαη αλνξγάλσην

απνηέιεζκα.

•Μημάξνληαο πνιιά δηαθνξεηηθά είδε ζηνίρηζεο κπνξεί λα έρνπκε παξόκνην

απνηέιεζκα.

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

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

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

ηνίρηζε


Η επαλάιεςε ζρεδίσλ θαη ε ζηαζεξή ηνπο ρξήζε ραξαθηήξσλ θαη γξαθηθώλ

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

βνεζάεη λα πινεγεζεί ζην ζρεδηαζκό θαη ην layout κε αζθάιεηα.

Ση ζα ζπλέβαηλε άκα νη πηλαθίδεο STOP βξηζθόληνπζαλ ζε ξνδ ηεηξάγσλα,

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

θαηνίθνπο; Φαληαζηείηε ην θπθινθνξηαθό ράνο πνπ ζα επηθξαηνύζε;



Αληίζεζε

Η αληίζεζε ζπκβαίλεη όηαλ δύν αληηθείκελα

κίαο ζύλζεζεο είλαη δηαθνξεηηθά. Όζν

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

κεγαιύηεξε ε αληίζεζε. Σν θιεηδί γηα λα

δνπιεύεη θαλείο ηελ αληίζεζε είλαη λα γίλεη

εκθαλήο ε δηαθνξά. Σέζζεξηο είλαη νη θνηλέο

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

ρξεζηκνπνηώληαο: ην κέγεζνο, ηελ ηηκή, ην

ρξώκα, ην θείκελν.

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

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

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

πξώηα ή ηη είλαη ζεκαληηθό. Η αληίζεζε θάλεη ηελ ζειίδα πνην

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

απηό πνπ είλαη ζηελ ζειίδα.


Αληίζεζε

Η αληίζεζε πξνζζέηεη ζηελ

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

ηνπο ππόηηηινπο λα μερσξίδνπλ.

Η αληίζεζε δείρλεη ηη είλαη ζεκαληηθό

θάλνληαο κηθξόηεξα ή ειαθξύηεξα ηα

ζηνηρεία λα ππνρσξνύλ ζηελ ζειίδα ώζηε

λα επηηξέςνπλ ζε άιια ζηνηρεία λα βγνπλ

ζην πξνζθήλην.

Παξάδεηγκα: αληίζεζεο κε

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

Αληίζεζε κε ην κέγεζνο

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

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

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

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


Αληίζεζε

Παξάδεηγκα: αληίζεζεο κε ηηκή

Αληίζεζε κε ηηκή

Η ζρεηηθή έληαζε ιεπθνύ ή ζθνύξνπ δύν

ζηνηρείσλ κεηαμύ ηνπο κπνξεί λα

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

Αθόκα θαη κε απνρξώζεηο ηνπ γθξη ή

απνρξώζεηο ελόο κνλαδηθνύ ρξώκαηνο,

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

ηόζν κεγαιύηεξε ε αληίζεζε.


Αληίζεζε

Παξάδεηγκα: αληίζεζεο κε ρξώκα

Αληίζεζε κε ρξώκα

Υξεζηκνπνηνύκε ελαξκνληζκέλα

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

ώζηε λα δεκηνπξγήζνπκε αληίζεζε.

Πξνζνρή ζηελ ηηκή ησλ ρξσκάησλ

επίζεο.

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

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

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

μεπιπκέλα εάλ δελ ππάξρεη αξθεηή

δηαθνξά ζηηο ηηκέο ηνπ θάζε ρξώκαηνο.


Αληίζεζε

Παξάδεηγκα: αληίζεζεο κε θείκελν

Αληίζεζε κε θείκελν

Η αληίζεζε κε θείκελν κπνξεί λα

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

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

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

•Πξνζζέηνπκε Bold ή italics γηα λα

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

•Αλακεηγλύνληαο ραξαθηήξεο κεγάινπο θαη

κηθξνύο.

•πλδπάδνληαο serif κε sans serif ηύπνπο

ραξαθηήξσλ.

•Γεκηνπξγώληαο ζεη από θείκελν κε αληίζεζε

ζηα ρξώκαηα ή κε δηαθνξεηηθέο ηηκέο

•Αιιαγέο ζηνλ ηύπν ζηνίρηζεο ή θελά κεηαμύ

ησλ ραξαθηήξσλ

•Σν κεγάιν δηάζηεκα γξακκάησλ γηα έλα ηίηιν


Αληίζεζε

Υξεζηκνπνηνύκε εκθαλή ζηνηρεία αληίζεζεο:

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

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

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

ζηνίρηζεο, θαηεύζπλζε, θίλεζε.

Μεξηθνί ηξόπνη πνπ ρξεζηκνπνηνύκε ηελ αληίζεζε:

•Πξνζζέηνπκε νπηηθό ελδηαθέξνλ ζέλα layout κε κία ςειή θαη αδύλαηε ζηήιε

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

•Μηα ζεηξά από ζηαηηθέο εηθόλεο κε κία θαη κόλν εηθόλα ε νπνία δείρλεη θίλεζε

ζα ηξαβήμεη ην κάηη ε εηθόλα ηεο αληίζεζεο.

•ηνηρηζκέλν θείκελν ζηα αξηζηεξά αιιά ζεη ελνηήησλ δεμηά ζηνηρηζκέλσλ

κέζα ζε παξαθείκελε ζηήιε.

•Σππηθά έλα layout κπνξεί λα απαζρνιεί έλα ζπλδπαζκό δύν ή πεξηζζόηεξσλ

αληίζεησλ ζηνηρείσλ.


Λεπθό δηάζηεκα

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

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

Σν ιεπθό δηάζηεκα δελ είλαη ηίπνηα.

Σν ιεπθό δηάζηεκα είλαη ε απνπζία θεηκέλνπ θαη γξαθηθώλ.

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

Πξνθαιεί ηελ νπηηθή αλαπλνή ζην κάηη.

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

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


Πσο ξπζκίδνπκε ην ιεπθό δηάζηεκα:

1.Απμάλνπκε ην δηάζηεκα κεηαμύ ησλ παξαγξάθσλ.

2.Απμάλνπκε ην δηάζηεκα κεηαμύ ζηειώλ θεηκέλνπ.

3.Βάδνπκε θελό δηάζηεκα ζην ηέινο ηεο γξακκήο ηνπ θεηκέλνπ.

4.Βάδνπκε θελό δηάζηεκα γύξσ από ηηο γσλίεο ηεο ζειίδαο.

5.Αθήλνπκε κε κεγαιύηεξν θελό γύξσ από ηα γξαθηθά.

6.Απμάλνπκε ην θελό γύξσ από ηνπο ηίηινπο.

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




Μηθξά κπζηηθά:

1.Έρνπκε ην ζρεδηαζκό ηζνξξνπεκέλν.

2.Γελ παξαθνξηώλνπκε ηνλ ζρεδηαζκό.

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

4.Σα πξν-εθηππσκέλα ζρέδηα ρξεηάδνληαη πεξηζζόηεξν ιεπθό δηάζηεκα.

Education

03 Basis Princeples Of Design