02 Basic Elements Of Design

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

Transcript of 02 Basic Elements Of Design

Page 1: 02 Basic Elements Of Design

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

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

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

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

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

Page 2: 02 Basic Elements Of Design

Γραφικόσ ςχεδιαςμόσ

είναι θ διαδικαςία και θ τζχνθ τθσ ςφνκεςθσ κειμζνου και γραφικϊν ςτθν επικοινωνία ενόσ πετυχθμζνου μθνφματοσ για τθν ςχεδίαςθ λογοτφπων, γραφικϊν, καταλόγων, newsletter, αφιςϊν ι για οποιοδιποτε άλλο τφπο

οπτικισ επικοινωνίασ.

1.τοιχεία Γραφικοφ χεδιαςμοφ 2. Αρχζσ Γραφικοφ χεδιαςμοφ

Page 3: 02 Basic Elements Of Design

Βαςικά ςτοιχεία γραφικοφ χεδιαςμοφ.

5 ςτοιχεία βαςικοφ ςχεδιαςμοφ: •θμείο

•Γραμμζσ

•χιματα

•Χρϊμα

•Τφι / texture

Page 4: 02 Basic Elements Of Design

Βαςικά ςτοιχεία γραφικοφ ςχεδιαςμοφ.

Γραμμι

Γενικι χριςθ: μερικζσ φορζσ ο ςχεδιαςτισ χρθςιμοποιεί τθν γραμμι για να διαχωρίςει ι να ενϊςει ςτοιχεία μιασ ςελίδασ. Οι γραμμζσ μποροφν να ορίςουν κατεφκυνςθ ι κίνθςθ, να ςυγκρατιςουν ςτοιχεία ςε μία ςελίδα.

Οι γραμμζσ είναι βαςικό ςτοιχείο ςχεδιαςμοφ και ςε ςυνδυαςμό με άλλα ςχιματα ι από μόνεσ τουσ μποροφν να προςκζςουν ςτθν αναγνωςιμότθτα, εμφάνιςθ και ςτο μινυμα του ςχεδιαςμοφ.

Page 5: 02 Basic Elements Of Design

Βαςικά ςτοιχεία γραφικοφ ςχεδιαςμοφ.

Γραμμι

Οι γραμμζσ χρθςιμοποιοφνται για να:

•Οργανϊςουν, ενϊςουν, διαχωριςουν•Δϊςουν υφι/ματιζρα•Οδθγιςουν το μάτι•Ορίςουν διάκεςθ ι ςυναίςκθμα•Κακορίςουν κίνθςθ•Κακορίςουν ςχιματα•Κάνουν διλωςθ•Να δϊςουν ζμφαςθ•Ορίςουν κακολικά νοιματα

Page 6: 02 Basic Elements Of Design

Βαςικά ςτοιχεία γραφικοφ ςχεδιαςμοφ.

Γραμμι

Παραδείγματα

Page 7: 02 Basic Elements Of Design

Βαςικά ςτοιχεία γραφικοφ ςχεδιαςμοφ.

Γραμμι

Οι γραμμζσ ςυχνά ςυναντϊνται ςε ηευγάρια ι ςε ομάδεσ.

Οι γραμμζσ με γενικά όμοια εμφάνιςθ ι οι γραμμζσ οι οποίεσ είναι ελάχιςτα διαφορετικζσ δθμιουργοφν πλθκϊρα pattern τα οποία δθμιουργοφν υφζσ και κακορίηουν κίνθςθ ι οδθγοφν το μάτι κατά τον ίδιο τρόπο όπωσ μία μόνο γραμμι.

Page 8: 02 Basic Elements Of Design

Βαςικά ςτοιχεία γραφικοφ ςχεδιαςμοφ.

χιμα

είναι τα τρία βαςικά ςχιματα γραφικοφ ςχεδιαςμοφ

Σο ποιο ςυνθκιςμζνο ςτοιχείο ςτθν ςχεδίαςθ εντφπου είναι το τετράγωνο, τα ςτοιχεία κειμζνου είναι ςε τετράγωνα ι παραλλθλόγραμμο, το χαρτί είναι παραλλθλόγραμμο.

Page 9: 02 Basic Elements Of Design

Βαςικά ςτοιχεία γραφικοφ ςχεδιαςμοφ.

χιμα

Οι τρείσ κατθγορίεσ ςχθμάτων είναι:

Σα γεωμετρικά ςχθματίηονται ςυνικωσ από ςυμμετρικά ςχιματα. Εδϊ περιζχονται τα τετράγωνα, οι κφκλοι, τα τρίγωνα αλλά και τα οκτάγωνα τα εξάγωνα και οι κϊνοι.

Σα φυςικά απατϊνται ςτθν φφςθ και τον άνκρωπο. Προςκζτουν ενδιαφζρον και ενδυναμϊνουν ζνα κζμα με αυκορμθτιςμό.

Σα αφαιρετικά (abstract) είναι τυποποιθμζνα απλουςτευμζνεσ εκδόςεισ φυςικϊν ςχθμάτων. Σα ςχιματα ςτισ πόρτεσ τθσ τουαλζτασ αγόρι –κορίτςι.

Σο ςχιμα μόνο ι ςε ςυνδυαςμό με άλλα ςχιματα ι γραμμζσ μποροφν να μεταφζρουν κακολικά μθνφματα, να οδθγιςουν το μάτι ι να οργανϊςουν πλθροφορίεσ.

Page 10: 02 Basic Elements Of Design

Βαςικά ςτοιχεία γραφικοφ ςχεδιαςμοφ.

χιμα

Σο Σετράγωνο εκφράηει :Ειλικρίνεια, τακερότθτα, Οικειότθτα, Αςφάλεια, Άνεςθ

*Μπορεί να είναι βαρετό. Όντωσ οριςμζνα άλλα ςχιματα μποροφν να ςυγκεντρϊςουν περιςςότερο τθν προςοχι αλλά να μθν ξεχνάμε τθν ςθμαντικότθτα τθσ οικειότθτασ και τθσ άνεςθσ.

Σα τετράγωνα και τα παραλλθλόγραμμα μποροφν να χρθςιμοποιθκοφν για να:

υμβολίςουν ειλικρίνεια, ςτακερότθτα, ιςότθτα, άνεςθ, οικειότθτα αλλά και ακαμψία, ομοιομορφία.Όπωσ τα bullets μποροφν να κακορίςουν όμοια κζματα.Να υπογραμμίςουν, οργανϊςουν ι να διαχωρίςουν πλθροφορίεσ.

Page 11: 02 Basic Elements Of Design

Ο Κφκλοσ εκφράηει :Άπειρο, Προςταςία, Κίνθςθ

Ο κφκλοσ μπορεί να κεντρίςει τθν προςοχι περιςςότερο από το τετράγωνο, να δϊςει ζμφαςθ.

Ο κφκλοσ μπορεί να χρθςιμοποιθκεί για να:

oυμβολίςει το άπειρο και τθν προςταςία ι τθν αςφάλεια.oΌπωσ τα bullets μποροφν να κακορίςουν όμοια κζματα.oΝα υπογραμμίςουν, οργανϊςουν ι να διαχωρίςουν πλθροφορίεσ χρθςιμοποιϊντασ περιγράμματα κφκλου ι ςυμπαγι κφκλουσ.

Βαςικά ςτοιχεία γραφικοφ ςχεδιαςμοφ.

χιμα

Page 12: 02 Basic Elements Of Design

Σο Σρίγωνο εκφράηει :Δράςθ, Δυναμικό, Δφναμθ, Ενόχλθςθ, Κίνθςθ

Σο τρίγωνο μπορεί να ςυμβολίςει διαφορετικζσ ιδεολογίεσ όπωσ τθν κρθςκευτικι τριάδα, τθν πυραμίδα μια ςθμαία, ζνα βζλοσ.

Σο τρίγωνο μπορεί να χρθςιμοποιθκεί για να:

υμβολίςει δράςθ ι ενόχλθςθ.Όπωσ τα bullets μποροφν να κακορίςουν όμοια κζματα.Να υπογραμμίςουν, οργανϊςουν ι να διαχωρίςουν πλθροφορίεσ

χρθςιμοποιϊντασ περιγράμματα τριγϊνου ι ςυμπαγι τρίγωνα.

Βαςικά ςτοιχεία γραφικοφ ςχεδιαςμοφ.

χιμα

Page 13: 02 Basic Elements Of Design

Σο Μζγεκοσ είναι ςχετικό.

Τπάρχει το μζγεκοσ:

Φυςικό μζγεκοσ ανταποκρίνεται ςτο μζγεκοσ των υπαρκτϊν ορατϊν αντικείμενων του μθ ψθφιακοφ κόςμου π.χ. το χαρτί.

Οπτικό μζγεκοσ ανταποκρίνεται ςτο μζγεκοσ των ψθφιακϊν ςχεδιαςτικϊν αντικειμζνων π.χ. πόςο μεγάλα ι μικρά είναι τα γράμματα.

Βαςικά ςτοιχεία γραφικοφ ςχεδιαςμοφ.

Μζγεκοσ

Page 14: 02 Basic Elements Of Design

Βαςικά ςτοιχεία γραφικοφ ςχεδιαςμοφ.

Μζγεκοσ

Κάκε ςτοιχείο γραφικοφ ςχεδιαςμοφ που δθμιουργοφμε ζχει ζνα φυςικό μζγεκοσ. Και όλα αυτά τα ςτοιχεία ςτο ςφνολο τουσ κακορίηουν το μζγεκοσ τθσ όλθσ ςφνκεςθσ.

Σο φυςικό μζγεκοσ περιγράφεται από τισ διαςτάςεισ το φψοσ, μάκροσ, βάκοσ.

Μερικοί τρόποι που χρθςιμοποιοφμε το μζγεκοσ ςτο γραφικό ςχεδιαςμό:

•Να φιλοξενιςει πλθροφορίεσ και περιεχόμενο•Να φιλοξενιςει φυςικοφ μεγζκουσ περιοριςμοφσ ι εξαιρζςεισ•Να μεταφζρει διάκεςθ ι να προβάλει ζμφαςθ•Να δθμιουργιςει αντίκεςθ

*Μερικζσ φορζσ το μεγαλφτερο δεν είναι πάντα καλφτερο!!!

Page 15: 02 Basic Elements Of Design

Βαςικά ςτοιχεία γραφικοφ ςχεδιαςμοφ.

Μζγεκοσ

το γραφικό ςχεδιαςμό, ςχεδίαςθσ εντφπου και εκδόςεων (Desktop Publishing) το μζγεκοσ μετράει: μετρϊντασ τα γράμματα (fonts), το χαρτί (paper) και οι εικόνεσ (images).

Πωσ μετράμε ςτο desktop publishing :

•Γενικζσ μετριςεισ χρθςιμοποιϊντασ το μετρικό ςφςτθμα (m,cm,dm,cm,mm).•Μετριςεισ χαρακτιρων χρθςιμοποιϊντασ points, x-height, και caps height.•Page Layout μετριςεισ χρθςιμοποιϊντασ picas και points.•Μετριςεισ χαρτιϊν χρθςιμοποιϊντασ ISO και Β. Αμερικισ (A1, A2, A3, A4) μεγζκθ φφλλων.•Μετριςεισ ανάλυςθσ χρθςιμοποιϊντασ SPI (sample per inch), PPI (pixels per inch), DPI (dots per inch), and LPI (lines per inch).

Page 16: 02 Basic Elements Of Design

Βαςικά ςτοιχεία γραφικοφ ςχεδιαςμοφ.

Τφι

το γραφικό ςχεδιαςμό, ςχεδίαςθσ εντφπου και εκδόςεων (Desktop Publishing) θ υφι είναι θ αίςκθςθ του χαρτιοφ.

υγκεκριμζνεσ τεχνικζσ εκτυπϊςεισ και φινιρίςματοσ όπωσ θ κερμογραφία μποροφν να προςκζςουν οπτικι και πραγματικι υφι

Η υφι μπορεί να είναι ςκόπιμα μζροσ του ςχεδιαςμοφ ι όχι. Είναι θ οπτικι ι πραγματικι υφι μιασ επιφάνειασ.

Οπτικά μποροφμε να ειςάγουμε υφι με τθν διαρρφκμιςθ γραμμϊν και ςχθμάτων θ με τθν χρθςιμοποίθςθ φωτογραφικϊν εικόνων ςυγκεκριμζνθσ επιφάνειασ.

Page 17: 02 Basic Elements Of Design

Βαςικά ςτοιχεία γραφικοφ ςχεδιαςμοφ.

Τφι

Σο χαρτί είναι κάτι που ςυχνά παίρνουμε ςαν δεδομζνο είναι απλά «εκεί». Σο χαρτί μπορεί να αποτελζςει ςθμαντικό ςτοιχείο υφισ ςτον ςχεδιαςμό εντφπων.

Αλλάηοντασ τισ επιφάνειεσ χαρτιοφ μπορεί να αλλάξει δραματικά θ διάκεςθ που κζλουμε το ςχζδιο μασ να εμπεριζχει.

Όταν επιλζγουμε χαρτί, διαλζγουμε εκείνο που ζχει υφι ςχετικό με τθν κεντρικι ιδζα του ςχεδιαςμοφ και επικαλφπτει το νόθμα του μθνφματοσ.

Page 18: 02 Basic Elements Of Design

Βαςικά ςτοιχεία γραφικοφ ςχεδιαςμοφ.

Τφι

Οπτικι υφι: Σα πάντα γφρω μασ ζχουν μια υφι. Μερικζσ φορζσ μποροφμε να προςομοιϊςουμε αυτι τθν υφι ςτο χαρτί.

Τπάρχουν 4 βαςικοί τρόποι που ενςωματϊνονται οι οπτικζσ υφζσ:

1.Αντικείμενα μζςα ςε μια φωτογραφία

2.Εικόνεσ δθμιουργθμζνεσ με λογιςμικό επεξεργαςίασ εικόνασ

Page 19: 02 Basic Elements Of Design

Βαςικά ςτοιχεία γραφικοφ ςχεδιαςμοφ.

Τφι

3.Ψθφιοποιθμζνεσ εικόνεσ πραγματικϊν υφϊν

4.υμβολικζσ υφζσ δθμιουργθμζνεσ από γραμμζσ ι ςχιματα

*Πολλζσ φορζσ οπτικζσ υφζσ μποροφν να χρθςιμοποιθκοφν ςαν background, προςζχουμε όταν τοποκετοφμε το κείμενο πίςω από «βαρφ» οπτικι φφθ.

Page 20: 02 Basic Elements Of Design

Βαςικά ςτοιχεία γραφικοφ ςχεδιαςμοφ.

Χρϊμα

Σο χρϊμα βρίςκεται παντοφ.

Χρθςιμοποιείται για να αποςπάςει τθν προςοχι να προκαλζςει ςυναιςκιματα και αντιδράςεισ.

Δεν είναι απαραίτθτο για ζνα καλό ςχεδιαςμό το άςπρο και το μαφρο ι το γκρι μποροφν να δθμιουργιςουν ζνα πετυχθμζνο αποτζλεςμα .

Σο χρϊμα προςκζτει ςε διαςτάςεισ κακορίηει τθν διάκεςθ και δθμιουργεί ιςχυρά μθνφματα όταν χρθςιμοποιείται με ςφνεςθ.

Σιμι (value) ενόσ χρϊματοσ είναι το πόςο φωτεινό ι ςκοφρο είναι ζνα χρϊμα.

Page 21: 02 Basic Elements Of Design

Βαςικά ςτοιχεία γραφικοφ ςχεδιαςμοφ.

Χρϊμα

Χρθςιμοποιοφμε τθν τιμι ενόσ χρϊματοσ για να:

•Δθμιουργιςουμε κίνθςθ

•Αυξιςουμε / μειϊςουμε τθν αντίκεςθ

•Οδθγιςουμε το μάτι

Page 22: 02 Basic Elements Of Design

Βαςικά ςτοιχεία γραφικοφ ςχεδιαςμοφ.

Χρϊμα

•Σο χρϊμα ζχει τθν δφναμθ να επικαλφπτει, αλλάηοντασ το χρϊμα αλλάηει θ εςτίαςθ και θ ιςορροπία του ςχεδιαςμοφ.

Σο ποιο ενδιαφζρον κομμάτι του ςχεδιαςμοφ είναι θ επιλογι των ςωςτϊν χρωμάτων, τα ςωςτά χρϊματα ηωντανεφουν τον ςχεδιαςμό ι τον καταςτρζφουν.

Σα χρϊματα χωρίηονται ςε τρείσ γενικζσ κατθγορίεσ:

Θερμά, Ψυχρά, Ουδζτερα.

Ο τρόποσ που τα αναμειγνφουμε και με τθν μεταβολι τθσ τιμισ μπορεί να προςκζςει ενδιαφζρον και να τονίςει τον όλο ςχεδιαςμό.

Page 23: 02 Basic Elements Of Design

Βαςικά ςτοιχεία γραφικοφ ςχεδιαςμοφ.

Χρϊμα

Επεξθγιςεισ χρωμάτων και χρϊματα που «πθγαίνουν» μαηί:

1.Ψυχρά χρϊματα εκφράηουν (θρεμία): Μπλε, Πράςινο, Σιρκουάη, Αςθμζνιο.2. Θερμά χρϊματα εκφράηουν (ζνταςθ): Κόκκινο, Ροη, Κίτρινο, Χρυςό, Πορτοκαλί3. Ανάμειξθ κερμϊν/ψυχρϊν χρωμάτων εκφράηουν (θρεμία και ζνταςθ): Μωβ, Πράςινο, Σιρκουάη4.Ουδζτερα χρϊματα εκφράηουν (ακακόριςτο): Καφζ, Μπζη, Γκρίηο, Μαφρο, Λευκό 1

234