Web Responsive Media Design
Τίτλος Σεμιναρίου: Web Responsive Media Design Ώρες διδασκαλίας: 34+2 (από κοινού αμφιθέατρο) Εισηγητής: Λεωνίδας Κανέλλος (Ux/Ui) ΠΕΡΙΓΡΑΦΗ Τα σεμινάρια έχουν σαν σκοπό να εκπαιδεύσουν τον ενδιαφερόμενο στην ανάλυση της διαδικασίας, τον σχεδιασμό και την εφαρμογή real time projects, που καλύπτουν τον ευρύ χώρο του Responsive Web Media Design. Τα σεμινάρια είναι 3 κύκλων: 1. Εισαγωγή: 5 X 2 ώρες 2. Βασικά στοιχεία σχεδιασμού web: 7 X 2 ώρες 3. Είκοσι (20) πρακτικά παραδείγματα real time. Ομάδες εργασίας: 5 Χ 2 ώρες ο Ο σχεδιασμός γίνεται με τη μεταφορά του θέματος απευθείας στην οθόνη, με τη χρήση προγραμμάτων publishing (InDesign) - bitmap (Photoshop) & vector (Illustrator). Ο αρχικός προγραμματισμός γίνεται με την θεωρητική προσέγγιση, την ανάλυση του θέματος, την παρουσίαση παράλληλων παραδειγμάτων και τον καθορισμό της ροής εργασίας. 1
Εισαγωγή από κοινού. Αμφιθέατρο: 2 ώρες α. Γ ενική εισαγωγή και παρουσίαση της σειράς του σεμιναρίου βάση των ωρών και των κύκλων του. β. Περιγραφή των μαθημάτων, τρόπος διδασκαλίας και αναφορές στην μεθοδολογία. γ. Ανάλυση των όρων: responsive media, user (χρήστης), Ui/Ux. δ. Ερωτήσεις. 2
1ος κύκλος: Βασικά στοιχεία σχεδιασμού Ο πρώτος κύκλος περιλαμβάνει αναφορές και αναλύσεις των βασικών γνώσεων σχεδιασμού, με παραδείγματα: ο 0. Browsers 1. Πρακτικές σχεδιασμού web 2. Μεταφορά του σχεδιαστικού θέματος 3. Τυπογραφία web και web fonts 4. Χρώμα 5. Responsive media: οθόνες και αναλύσεις 6. Mobile & Pad 7. Μenu & Ιcons design 8. Info war 9. Μορφές ανθρώπινης διαδραστικότητας 10. Ο χρήστης, η συμπεριφορά του 11. Διαφήμιση 12. Social media 13. Frameworks 14. Eshop online catalogs 15. Νewspaper design - mobile 16. Video & Animations 17. Web images 18. CMS (Συστήματα Διαχείρισης Περιεχομένου) 10. Συνεργίες: σχεδιαστικού & τεχνικού μέρους 11. Βασικές αρχές client - side server 12. Software 3
2ος κύκλος: Τεχνικές & εφαρμογές Τεχνικές σχεδιασμού που βασίζονται στο τρίπτυχο: α. Περιβάλλον χρήσης β. Design γ. Δόμηση της πληροφορίας user inerface user χρήστης interactive διάδραση design menus επιλογές media files news elements οθόνες mobile info structure δόμηση prototype πρωτότυπο αξιολόγηση 4
3ος κύκλος: Ομάδες εργασίας - realtime projects Οργάνωση ομάδων εργασίας μέχρι 3 ατόμων που έχουν επιλέξει θεματολογία website, βάσει των γνώσεων που έχουν αποκτήσει στους προηγούμενους 2 κύκλους παρακολούθησης. Σταδιακή πρόοδος και progressive scan όλων των διαδικασιών μέχρι την ανάρτηση. Αξιολόγηση και επιμέρους σχεδιαστικές λύσεις. Ανάλυση παράλληλων παραδειγμάτων και δειγμάτων (περίπου 20) demos web design. Θα υπάρχει blog για όποιον έχει την διάθεση για επιπλέον αναζήτηση, με links & downloads. Οι εργασίες με το πέρας των σεμιναρίων θα αξιολογηθούν και θα αναλυθούν οι μη εφαρμόσιμες τεχνικές καθώς τα τυχόν λάθη. DESIGN case studies demos δείγματα αξιολόγηση evaluation τεχνικά προβλήματα λάθη & λύσεις η επόμενη ημέρα updates κλείσιμο 5
s y n o p s i s Ο Λεωνίδας Κανέλλος σπούδασε Τυπογραφία, Γραφιστική & Φωτογραφία στα ΤΕΙ ΑΘΗΝΑΣ, τη δεκαετία του 80. Συνέχισε με σπουδές στην Αρχιτεκτονική και την Πληροφορική. To 1986 ξεκίνησε να σχεδιάζει τις πρώτες εφαρμογές επάνω στους αρχαϊκούς browser της εποχής, με τη χρήση javascript & actionscript. Από το 1988 μέχρι και σήμερα, εργάζεται από το studio του στην Αθήνα, στο χώρο της οπτικής επικοινωνίας με πελάτες όπως: την Ελληνική Επιτροπή Ολυμπιακών Αγώνων 1992 έως 2004 - HSBC - Vodafone - Good'ys Υπουργείο Πολιτισμού Starbucks - Μουζάκη - Πεταλούδα - Εθνική Τράπεζα Ελευθεροτυπία - Δήμος Αθηναίων Kodak Hellas OTE Institut Français de Grèce - κ.λπ. Από το 1990 συνεργάζεται με τον οργανισμό ΑΚΤΟ και είναι ο πρώτος που ξεκίνησε το αντίστοιχο τμήμα των Computer Graphics της σχολής. Συνεχίζει και σήμερα τη συνεργασία του, με σεμινάρια & διαλέξεις επάνω σε συγκεκριμένη θεματολογία: Responsive Media Design User Interface User Experience CMS FRAMEWORKS. Οι γνώσεις του στο software καλύπτουν τα bundle Adobe & Corel ( vector imaging - motion ) καθώς επίσης και ολοκληρωμένα προγράμματα client-server & side server ( javascript, php, css3, Saas, bootsrap, jquery,.net, MySql, Wordpress, Prestashop, admin panels, networking, Mobile Native ). Περιβάλλον Win - Mac Os. Βιβλιογραφία: 1996 /Color wheel (english) 2010 /Ux levels (english). Http://www.leonidaskanellos.com http://www.indexx.gr http://www.hardcoreworks.com http://www.linkedin.com/leonidas kanellos https://educ.leonidaskanellos.com 6