Παρουσίαση σήματος & οδηγός χρήσης

Transcript

1 Οπτική ταυτότητα Δευκαλίωνα Παρουσίαση σήματος & οδηγός χρήσης Περιεχόμενα 1 _ Σήμα και λογότυπο 2 _ Σημειολογική ανάλυση 3 _ Χρωματική παλέτα 4 _ Μέγεθος 5 _ Τοποθέτηση 6 _ Κακή χρήση 7 _ Πρωτότυπος σχεδιασμός Γιώργος Τριανταφυλλάκος [backpacker.gr] 2012

2 1 _ 1 Σήμα και λογότυπο

3 1 _ 2 Σήμα και λογότυπο Χρωματικές παραλλαγές Μονόχρωμο: Χρήση εναλλακτικών χρωμάτων για επιμέρους θεματικές εφαρμογές. Αποχρώσεις του γκρι: Για αναπαραγωγή σε ασπρόμαυρους εκτυπωτές ή όπου απαιτείται μονόχρωμη αναπαραγωγή. Μαύρο/Άσπρο: Για εφαρμογές όπου απαιτείται μονόχρωμη αναπαραγωγή χαμηλής ποιότητας.

4 1 _ 3 _ 1 Σήμα και λογότυπο Θεματικές παραλλαγές Καταιγίδα Πυρκαγιά Τσουνάμι Σεισμός Θεματικές παραλλαγές: Σειρά από 20 διαφορετικά σύμβολα, βασισμένα στο περικλείων τρίγωνο του κύριου σήματος, για την σήμανση των μαθησιακών αντικειμένων της αντίστοιχης φυσικής καταστροφής. Τα επιμέρους σύμβολα έχουν σχεδιαστεί έτσι ώστε να σχηματίζουν ένα ολοκληρωμένο σύνολο με σαφείς μορφολογικές συγγένειες.

5 1 _ 3 _ 2 Ηφαίστειο (λάβα) Ηφαιστειακή δραστηριότητα Κατολίσθηση Παγετός Πλημμύρα Λασποροή Δείκτες ανθρώπινης δυσφορίας Όζον

6 1 _ 3 _ 3 Ατμοσφαιρική ρύπανση Καύσωνας Ομίχλη Ηλιακή ακτινοβολία Άνεμος Βροχή Χαλάζι Χιόνι

7 2 _ Σημειολογική ανάλυση Το προτεινόμενο σήμα επιδιώκει: (α) την δημιουργία μιας δυνατής και άμεσης οπτικοποίησης των κινδύνων που ελοχεύουν σε κάθε φυσική καταστροφή, και (β) την εστίαση του έργου Δευκαλίων στην εκπαίδευση, την πρόληψη και την αντιμετώπιση των ακραίων και μη φυσικών φαινομένων. Η χρήση του τριγώνου - ενός πρωτεύοντος σχήματος, η γωνιώδης μορφή του οποίου συνδέεται στενά με την έννοια του κινδύνου - ως κεντρικής δομικής μονάδας του προτεινόμενου σήματος, λειτουργεί σε πολλαπλά εννοιολογικά επίπεδα. Αφενός ως μια οπτικοποίηση του πρώτου γράμματος του ονόματος του έργου (Δ), αλλά και ως μια σαφής αναφορά στην έννοια της προειδοποίησης, της προσοχής και της πρόληψης απέναντι στον ενδεχόμενο κίνδυνο. Στο τελευταίο σημείο συνεισφέρει δυνητικά και το χρώμα του σήματος: ένα βαθύ πορτοκαλί, σχεδόν κόκκινο, με ιδιαίτερη ένταση και δυναμική. Η έννοια του κινδύνου υπογραμμίζεται άμεσα και με μεγαλύτερη ένταση με την χρήση μιας αφαιρετικής εικονογράφησης ενός κεραυνού, αφενός και πρωτίστως ως σύμβολο κινδύνου (η σύνδεση με το αντίστοιχο σήμα για τον κίνδυνο ηλεκτροπληξίας είναι ξεκάθαρη και επιθυμητή), αλλά και ως μια έμμεση αναφορά στον μύθο του Κατακλυσμού του Δευκαλίωνα. Η δε ένταση της εικονογράφησης του κεραυνού προσδίδει στο σήμα μια άμεσα αναγνωρίσιμη μορφή ενώ ταυτόχρονα το μετατρέπει σε ένα δυναμικό οπτικό αντικείμενο. Οι γωνίες του τριγώνου ωστόσο έχουν εξομαλυνθεί, ώστε να γίνει λιγότερο επιθετικό και περισσότερο θελκτικό ως γραφικό αντικείμενο στην ηλικιακή ομάδα στην οποία απευθύνεται. Το αποτέλεσμα είναι ένα σήμα το οποίο ενώ διατηρεί τις αναφορές του στις έννοιες προειδοποίηση, προσοχή, πρόληψη, κίνδυνος, προβάλει ως ένα εκλυστικό και ευέλικτο γραφικό αντικείμενο. Η ευελιξία αυτή είναι εμφανής στην πληθώρα των επιμέρους συμβόλων που δημιουργήθηκαν ως αφαιρετικές αναπαραστάσεις κάθε μιας από τις φυσικές καταστροφές. Στόχος των επιμέρους αυτών συμβόλων είναι η σήμανση και ο θεματικός διαχωρισμός των αντίστοιχων μαθησιακών αντικειμένων, διατηρώντας ωστόσο σταθερή την μορφολογική και εννοιολογική σύνδεση τους με το κύριο σήμα (το οποίο μάλιστα χρησιμοποιείτε ως μέρος αυτού του συνόλου με διαφορετικό χρώμα, βλ. καταιγίδα). Το σήμα ολοκληρώνεται με την τοποθέτηση του λογοτύπου (Δευκαλίων) στοιχειοθετημένου με ανεπίσημους πεζούς χαρακτήρες στη βάση του σήματος, χρησιμοποιώντας την γραμματοσειρά Neutraface Text Greek: μια στρογγυλή, καθαρή, άνευ ακρεμόνων, ιδιαίτερα ευανάγνωστη γραμματοσειρά, ιδανική για τις ανάγκες της ηλικιακής ομάδας στην οποία αφορά το έργο, με αναφορές τόσο σε μοντέρνες, γεωμετρικές ελληνικές γραμματοσειρές όσο και αναγνωστικά περασμένων δεκαετιών.

8 3 _ Χρωματική παλέτα CMYK 0, 80, 100, 0 RGB 205, 80, 0 Hexadecimal #cb5000 PANTONE 166 C CMYK 0, 30, 100, 0 RGB 250, 190, 0 Hexadecimal #fbbb00 PANTONE 7408 C CMYK 50, 0, 10, 0 RGB 155, 205, 225 Hexadecimal #9ccde2 PANTONE 630 C CMYK 70, 30, 0, 0 RGB 110, 150, 205 Hexadecimal #6c93cc PANTONE 542 C CMYK 55, 55, 55, 0 CMYK 0, 0, 0, 50 CMYK 0, 0, 0, 80 CMYK 80, 0, 70, 0 RGB 130, 110, 100 RGB 150, 150, 150 RGB 80, 80, 80 RGB 100, 170, 110 Hexadecimal #806F65 Hexadecimal # Hexadecimal # Hexadecimal #65aa70 PANTONE 7531 C PANTONE Cool Gray 8 C PANTONE 445 C PANTONE 7482 U

9 4 _ Μέγεθος 50mm 30mm 20mm Προτεινόμενο μέγεθος για εκτύπωση σε έγγραφο Α3: Το πλάτος του σήματος και του λογοτύπου καλό είναι να μην είναι μικρότερο των 5 εκατοστών. Προτεινόμενο μέγεθος για εκτύπωση σε έγγραφο Α4: Το πλάτος του σήματος και του λογοτύπου καλό είναι να μην είναι μικρότερο των 3 εκατοστών. Ελάχιστο μέγεθος: Το πλάτος του σήματος και του λογοτύπου δεν πρέπει σε καμία περίπτωση να είναι μικρότερο των 2 εκατοστών.

10 5 _ 1 Τοποθέτηση Ασφαλής περιοχή Ασφαλής περιοχή: Η ασφαλής περιοχής του σήματος ορίζεται από ένα πλαίσιο πάχους ίσου με αυτό του τετραγώνου που ξεκινάει από την τελευταία ακμή του κεραυνού και καταλήγει στην βάση του σήματος (βλ. σχήμα). Η περιοχή αυτή οφείλει να παραμείνει ανέπαφη από οποιοδήποτε γραφικό αντικείμενο ή κείμενο. Τοποθέτηση σε έγρωμο φόντο: Σε περίπτωση εκτύπωσης του σήματος σε σκούρο φόντο, συνίσταται η χρήση λευκού χρώματος προς αποφυγής ανεπιθύμητων αλληλεπιδράσεων μεταξύ του χρώματος του σήματος με το φόντο.

11 5 _ 2 Τοποθέτηση Περιθώρια σελίδας μέσο σελίδας Τοποθέτηση σε σελίδα: Η απόσταση του σήματος από τα άκρα ή το μέσο ενός εντύπου πρέπει να ισούται τουλάχιστον με το πλάτος και του ύψους του σήματος αντίστοιχα (χωρίς το λογότυπο). Η τοποθέση του σήματος εντός της σελίδας μπορεί να γίνει κατά το δοκούν ανάλογα με τις απαιτήσεις του εντύπου.

12 5 _ 3 Τοποθέτηση Άλλα αντικείμενα Σχέση ως προς άλλα γραφικά αντικείμενα: Η απόσταση του σήματος από άλλα γραφικά αντικείμενα ορίζεται από την ασφαλή περιοχή του. Η στοίχιση του σήματος σε σχέση με άλλα γραφικά αντικείμενα θα πρέπει να γίνεται ως προς τον κορμό του σήματος. Το μέγεθος του σήματος μπορεί να αλλάξει κατά το δοκούν ώστε να ισορροπήσει οπτικά με το ύψος των υπόλοιπων σημάτων, με την προϋπόθεση πάντα ότι δεν θα είναι μικρότερο του ελάχιστου προτεινόμενου μεγέθους (>2 εκατοστά πλάτος σήματος).

13 6 _ Κακή χρήση Μην αλλοιώνετε τις αναλογίες (1) Μην αλλοιώνετε τις αναλογίες (2) Μην αλλάζετε την γωνία Μην αλλάζετε την σχέση σήματος/λογοτύπου Μην χρησιμοποιείτε διαφορετικά χρώματα στο σήμα και στο λογότυπο Μην χρησιμοποιείτε υπερβολικές σκιές Μην χρησιμοποιείτε strokes Μην χρησιμοποιείτε σε έγχρωμο φόντο με χρώμα εκτός του άσπρου

14 7 _ 1 Έντυπα Αφίσες προώθησης του έργου Καταιγίδα Βροχή Κατολίσθηση Χιόνι Πυρκαγιά Τσουνάμι Χαλάζι Ηφαίστειο (λάβα) Ατμοσφαιρική ρύπανση Παγετός Καύσωνας Πλημμύρα Δείκτες ανθρώπινης δυσφορίας Ομίχλη Άνεμος Λασποροή Ηλιακή ακτινοβολία Σεισμός Όζον Ηφαιστειακή δραστηριότητα

15 7 _ 2 Έντυπα Επιστολόχαρτο (έγχρωμο/ασπρόμαυρο) Lorem ipsum Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas tempus mattis mattis. Proin placerat feugiat arcu sed commodo. Maecenas ac mauris et purus pretium porta. Vestibulum eget ligula egestas metus consequat facilisis. Nunc posuere mauris ut nibh mollis ac laoreet neque eleifend. Sed quis turpis ligula, sit amet tempor nisl. Nullam elementum libero arcu, non fringilla nisl. Pellentesque eros nunc, consequat at euismod ac, egestas vitae tortor. Nullam eget molestie mi. Curabitur tristique ullamcorper nisi ut malesuada. Donec bibendum, enim sit amet consequat feugiat, dolor dolor cursus lacus, eu ullamcorper ante ante eget lectus. Ut quis mi ac velit lacinia aliquet. Integer porta, neque quis tincidunt commodo, purus risus posuere velit, vel ultricies lorem eros non sapien. Suspendisse potenti. Curabitur sagittis suscipit elit, sed lobortis turpis cursus elementum. Duis luctus aliquam ligula, sit amet consectetur turpis mollis convallis. Morbi lobortis felis vel lectus cursus sodales. Mauris a purus sed nunc gravida commodo eget sed urna. Nullam elementum libero arcu, non fringilla nisl. Pellentesque eros nunc, consequat at euismod ac, egestas vitae tortor. Nullam eget molestie. Curabitur tristique ullamcorper nisi ut malesuada. Curabitur tristique ullamcorper nisi ut malesuada. Nullam eget molestie mi. Curabitur tristique ullamcorper nisi ut malesuada. Donec bibendum, enim sit amet consequat feugiat, dolor dolor cursus lacus. Quisque ac dolor sit amet, consectetur adipiscing elit. Maecenas tempus mattis mattis. Proin placerat feugiat arcu sed commodo. Maecenas ac mauris et purus pretium porta. Vestibulum eget ligula egestas metus consequat facilisis. Nunc posuere mauris ut nibh mollis ac laoreet neque eleifend. Sed quis turpis ligula, sit amet tempor nisl. Nullam elementum libero arcu, non fringilla nisl. Pellentesque eros nunc, consequat at euismod ac, egestas vitae tortor. Nullam eget molestie mi. Curabitur tristique ullamcorper nisi ut malesuada. Donec bibendum, enim sit amet consequat feugiat, dolor dolor cursus lacus, eu ullamcorper ante ante eget lectus. Ut quis mi ac velit lacinia aliquet. Integer porta, neque quis tincidunt commodo, purus risus posuere velit, vel ultricies lorem eros non sapien. Suspendisse potenti. Curabitur sagittis suscipit elit, sed lobortis turpis cursus elementum. Duis luctus aliquam ligula, sit amet consectetur turpis mollis convallis. Morbi lobortis felis vel lectus cursus sodales. Mauris a purus sed nunc gravida commodo eget sed urna. Nullam elementum libero arcu, non fringilla nisl. Pellentesque eros nunc, consequat at euismod ac, egestas vitae tortor. Nullam eget molestie. Curabitur tristique ullamcorper nisi ut malesuada. Curabitur tristique ullamcorper nisi ut malesuada. Nullam eget molestie mi. Curabitur tristique ullamcorper nisi ut malesuada. Donec bibendum, enim sit amet consequat feugiat, dolor dolor cursus lacus. Quisque ac Nullam elementum libero arcu Nullam elementum libero arcu

16 7 _ 3 Έντυπα Φάκελος αλληλογραφίας Εργαστήριο Εφαρμογών Εικονικής Πραγματικότητας στην Εκπαίδευση Πανεπιστήμιο Ιωαννίνων , Ιωάννινα

17 7 _ 4 _ 1 Έντυπα Φάκελος αρχειοθέτησης (Α4) _ 1

18 7 _ 4 _ 2 Έντυπα Φάκελος αρχειοθέτησης (Α4) _ 2

19 7 _ 4 _ 3 Έντυπα Φάκελος αρχειοθέτησης (Α4) _ 3

20 7 _ 5 Έντυπα Βεβαίωση συμμετοχής Βεβαίωση συμμετοχής Βεβαιώνεται ότι ο/η συνέβαλε στην ολοκλήρωση του έργου Δευκαλίων: Παραγωγή εκπαιδευτικών εργαλείων για την εκπαίδευση μαθητών στην αντιμετώπιση σεισμών και άλλων φυσικών καταστροφών Ο Υπεύθυνος του έργου Αναστάσιος Μικρόπουλος Καθηγητής, Πανεπιστήμιο Ιωαννίνων

21 7 _ 6 Έντυπα εξώφυλλο οπισθόφυλλο εσωτερικό Σημειώσεις

22 7 _ 7 Έντυπα θήκη CD/DVD - εξώφυλλο οπισθόφυλλο

23 7 _ 8 _ 1 Έντυπα [πρόταση] Πρόταση για παιχνίδι καρτών: ομαδικό παιχνίδι (για 2,3 ή 4 άτομα) τύπου trivial με ερωτήσεις σχετικές με την αντιμετώπιση των καταστροφών. Οδηγίες παιχνιδιού Παρουσίαση των κανόνων του παιχνιδιού συνοπτικά. Ομαδικό παιχνίδι (για 2,3 ή 4 άτομα) τύπου trivial με ερωτήσεις σχετικές με την αντιμετώπιση των καταστροφών. Επιλογή από 4 προτεινόμενες απαντήσεις με μια μονάχα σωστή. Παρουσίαση των κανόνων του παιχνιδιού συνοπτικά. Ομαδικό παιχνίδι (για 2,3 ή 4 άτομα) τύπου trivial με ερωτήσεις σχετικές με την αντιμετώπιση των καταστροφών. Ερώτηση σχετική με την συγκεκριμένη φυσική καταστροφή; Α. Κείμενο πιθανής απάντησης. Β. Η σωστή απάντηση, υπογραμμισμένη για να ξεχωρίζει από τις υπόλοιπες Γ. Κείμενο άλλης πιθανής απάντησης στην ερώτηση. Δ. Ακόμη μια πιθανή απάντηση.

24 7 _ 8 _ 2 Έντυπα Ερώτηση σχετική με την συγκεκριμένη φυσική καταστροφή; Ερώτηση σχετική με την συγκεκριμένη φυσική καταστροφή; Α. Κείμενο πιθανής απάντησης. Β. Ακόμη μια πιθανή απάντηση Γ. Κείμενο άλλης πιθανής απάντησης στην ερώτηση. Δ. Η σωστή απάντηση, υπογραμμισμένη για να ξεχωρίζει από τις υπόλοιπες. Α. Η σωστή απάντηση, υπογραμμισμένη για να ξεχωρίζει από τις υπόλοιπες Β. Κείμενο πιθανής απάντησης. Γ. Κείμενο άλλης πιθανής απάντησης στην ερώτηση. Δ. Ακόμη μια πιθανή απάντηση.

25 7 _ 8 _ 3 Έντυπα Ερώτηση σχετική με την συγκεκριμένη φυσική καταστροφή; Ερώτηση σχετική με την συγκεκριμένη φυσική καταστροφή; Α. Κείμενο πιθανής απάντησης. Β. Ακόμη μια πιθανή απάντηση Γ. Η σωστή απάντηση, υπογραμμισμένη για να ξεχωρίζει από τις υπόλοιπες. Δ. Κείμενο άλλης πιθανής απάντησης στην ερώτηση. Α. Κείμενο πιθανής απάντησης. Β. Η σωστή απάντηση, υπογραμμισμένη για να ξεχωρίζει από τις υπόλοιπες Γ. Κείμενο άλλης πιθανής απάντησης στην ερώτηση. Δ. Ακόμη μια πιθανή απάντηση.

26 7 _ 9 Ψηφιακές [πρόταση] Πυρκαγιά Καύσωνας Ηφαίστειο Καταιγίδα Ηλιακή ακτινοβολία Τσουνάμι Πλημμύρα Σεισμός Κατολίσθηση Λασποροή Κατολίσθηση Τρόπος αντιμετώπισης Δεύτερος τρόπος αντιμετώπισης Ελαφρώς πιο εκτενές κείμενο για τον τρίτο τρόπο αντιμετώπισης Προτελευταίος τρόπος αντιμετώπισης Και ο τελευταίος τρόπος Πρόταση για mobile app: εφαρμογή για φορητές συσκευές για την άμεση, συνοπτική παρουσίαση οδηγιών για την αντιμετώπιση κάθε μιας φυσικής καταστροφής. Ενδείκνυται για μαθητές γυμνασίου.

27 7 _ 10 _ 1 Ψηφιακές Πρότυπο παρουσίασης _ πρώτη σελίδα ΠΑΡΑΓΩΓΗ ΕΚΠΑΙΔΕΥΤΙΚΩΝ ΕΡΓΑΛΕΙΩΝ ΓΙΑ ΤΗΝ ΕΚΠΑΙΔΕΥΣΗ ΜΑΘΗΤΩΝ ΣΤΗΝ ΑΝΤΙΜΕΤΩΠΙΣΗ ΣΕΙΣΜΩΝ ΚΑΙ ΑΛΛΩΝ ΦΥΣΙΚΩΝ ΚΑΤΑΣΤΡΟΦΩΝ

28 7 _ 10 _ 2 Ψηφιακές 2 / 72 Πρότυπο παρουσίασης _ εσωτερική σελίδα Ut nec ipsum mi, a commodo quam Donec massa tellus, adipiscing sit amet. Curabitur a quam ut libero mollis molestie. Lorem ipsum dolor sit amet. Nullam facilisis arcu sed sapien commodo egestas. Nam ullamcorper pharetra nunc in bibendum. Aenean lorem metus, hendrerit sit amet viverra sed, commodo non nisl. Nulla pretium nunc sagittis felis rhoncus mollis.

29 7 _ 11 _ 1 Ψηφιακές action safe area Μαθησιακό αντικείμενο _ 1 [αναλογίες PAL: 720 x 576px] text safe area

30 7 _ 11 _ 2 Ψηφιακές action safe area Μαθησιακό αντικείμενο _ 2 [αναλογίες PAL: 720 x 576px] text safe area

31 7 _ 11 _ 3 Ψηφιακές action safe area Μαθησιακό αντικείμενο _ 3 [αναλογίες PAL: 720 x 576px] text safe area

32 Παρατηρήσεις/πληροφορίες: Γιώργος Τριανταφυλλάκος [backpacker.gr] 2012