Οι πληροφορίες για το Whiskey

πρότυπα για το interface

Αυτά είναι τα τρία πιο τελειοποιημένα πρότυπα για το interface της ιστοσελίδας.

Εικόνες για background

Θεματολογία

Το ζητούμενο της εργασίας είναι η κατασκευή ενός ηλεκτρονικού καταστήματος, με θέμα τις επιλογής μας. Το θέμα που επέλεξα είναι ηλεκτρονικό κατάστημα για whiskey. Τα whiskey  που θα πωλούνταν θα προέρχονται από 5 χώρες δηλαδή Σκωτία, Αμερική, Ιρλανδία, Καναδάς και Ιαπωνία.   

Παλέτα χρωμάτων

Αυτή είναι η παλέτα με τα χρώματα που κατά πάσα πιθανότητα  θα χρησιμοποιήσω για το σχεδιασμό της διεπαφής.

Πλαίσιο.

Όσο αναφορά το πλαίσιο τα πράγματα είναι πιο εύκολα καθώς πιο προσιτά ήταν μόνο δύο σχέδια.

1)

2)

Τελική επιλογή δεν έχει γίνει ακόμα καθώς μπορεί να υπάρχουν και άλλες διαφοροποιήσεις.

Έρευνα για γραμματοσειρές.

Μετά από έρευνα σε διάφορες γραμματοσειρές και πως μπορούν να συνδυαστούν μερικές από αυτές μεταξύ τους κατέληξα σε ορισμένες γραμματοσειρές οι οποίες ταιριάζουν περισσότερο στο στύλ του porfolio.     

1

2

3

4

5

6

Για το λογότυπο που υποβόσκει πίσω από το μενού διάλεξα την εικόνα 1) καθώς ταιριάζει περισσότερο και με το μεταλλικό background  αλλά και με τα γράμματα του μενού.

Όσο αναφορά το όνομα που αναγράφετε πάνω αριστερά διάλεξα την εικόνα 5) που έχει την ίδια γραμματοσειρά με την προηγούμενο λογότυπο έτσι  ώστε να υπάρχει ομοιογένεια . 

The Interpretation - C.R.I.

http://www.youtube.com/watch?v=h6w6txiJMkI

Design Process

Περίληψη

Το συγκεκριμένο άρθρο αναλύει δυο από τις τέσσερις διαδικασίες σχεδιασμού, την αντίστροφη μηχανική και το ανοιχτό λογισμικό. Το άρθρο αναλύει τον τρόπο με τον οποίο βοηθούν στη παραγωγική διαδικασία συνδυάζοντάς τις αλλά και η κάθε μία μόνη της ως αυτόνομη διαδικασία. Επίσης διευκολύνει την κατανόηση των παραπάνω εννοιών, καθώς πολλοί επαγγελματίες κάνουν χρήση τις αντιστροφής μηχανικής και του ανοιχτού λογισμικού, με μεγάλη επιτυχία, αλλά δεν γνωρίζουν τις διαδικασίες, αυτό συμβαίνει και στην καθημερινότητά μας.

Buttoms

Items

Character's icons

Τhe plan of the work

This is the planning of the work (subject: Design practice 1__ Interactive space) 

one shot film "the meeting"

the second project is a one shot film called "the meeting"

Exercise in after effect

It's a funny video for my friend who hate barca! VAMOS REAL hahaha

Creating: Cristian Zgouri (CristiZ)

Τι είναι Multimedia

Ετυμολογία
Ο αγγλικός ορός, που εδω έχει αποδοθεί ως πολυμέσα, είναι multimedia. Ο ορος αυτός αποτελείται από δυο μέρη: το πρόθεμα multi και τη ριζά media. Multi: προέρχεται από τη λατινική λέξη multus και σημαίνει "πολυάριθμος", "πολλαπλός". Media: είναι ο πληθυντικός αριθμός της επίσης λατινικής λέξης medium που σημαίνει "μέσο", "κέντρο"

Ορισμός
ο αγγλικός ορος media χρησιμοποιείται σε πολλούς οικονομικούς, τεχνικούς και επιστημονικούς τομείς με διαφορετικές σημασίες. Το κοινό σημείο αυτών των χρήσεων είναι ότι σχετίζονται πάντοτε με κάποιο είδος χειρισμού πληροφορίας:

- αποθήκευση και επεξεργασία στην πληροφορική
- παράγωγη στον χώρο των εκδόσεων
- διανομή στων χώρο των μαζικών μεσών επικοινωνίας
- μετάδοση στις τηλεπικοινωνίες
- αντίληψη κατά την αλληλεπίδραση του ανθρώπου με το περιβάλλον του.


Εφαρμογές Πολυμέσων
Τα πολυμέσα εμπλέκονται & εφαρμόζονται σε πολλούς διαφορετικούς τομείς στην καθημερινή μας ζωή, όπως εκπαίδευση & επιμόρφωση, επαγγελματική κατάρτιση, ψυχαγωγία, πωλήσεις & διαφημίσεις, περίπτερα παροχής πληροφοριών (kiosks), Internet, ψηφιακές βιβλιοθήκες, κ.ά. Σε πολλές περιπτώσεις είναι απαραίτητο οι εφαρμογές πολυμέσων να επικοινωνούν μέσω δικτύου με άλλους υπολογιστές. Παραδείγματα τέτοιων εφαρμογών είναι το ηλεκτρονικό ταχυδρομείο (e-mail) πολυμέσων
και η τηλεδιάσκεψη. Τα εργαλεία συγγραφής εφαρμογών πολυμέσων είναι ειδικά προγράμματα με τα οποία μπορούμε να αναπτύξουμε γρήγορα και αξιόπιστα μια πολυμεσική εφαρμογή.

Τα Συστατικά Στοιχεία των Πολυμέσων

Το κείμενο, που αποτελεί το βασικότερο συστατικό σ’ άλλες υπολογιστικές εφαρμογές, έχει έναν διαφορετικό ρόλο στα πολυμέσα. Είναι αρκετά περιορισμένο αφού έχει αντικατασταθεί από τα άλλα συστατικά στοιχεία των πολυμέσων, όπως είναι ο ήχος, το βίντεο, η διαδοχή εικόνων κ.ά. Είναι, όμως, απαραίτητο σε ορισμένες πολυμεσικές εφαρμογές, όπως είναι οι εγκυκλοπαίδειες.

Η εικόνα αποτελεί το σημαντικότερο κομμάτι στον κόσμο των υπολογιστών και ειδικότερα στα πολυμέσα. Εικόνες μπορούμε να εισάγουμε σε μια πολυμεσική εφαρμογή με τη βοήθεια του σαρωτή (scanner), όπου η όλη διαδικασία λέγεται ψηφιοποίηση της εικόνας, ή να τις πάρουμε (κατεβάσουμε) από το Internet ή από CD ή από δισκέτες.

Μετά το φόρτωμα της εικόνας στον υπολογιστή μας, είναι καλό να χρησιμοποιήσουμε ένα ειδικό πρόγραμμα επεξεργασίας εικόνας, όπως είναι το Photoshop, για να βελτιώσουμε την εμφάνιση της εικόνας και να την προσαρμόσουμε στην εφαρμογή μας.

Τα γραφικά είναι εικόνες που δημιουργούμε μόνοι μας στον υπολογιστή με κατάλληλα προγράμματα, όπως είναι το PhotoPaint, το PaintBrush (Ζωγραφική), το CorelDRAW, το Illustrator κ.ά.

Το animation (κινούμενη εικόνα ή προσομοίωση κίνησης) είναι γραφικά που έχουν δημιουργηθεί σε υπολογιστή με ειδικά προγράμματα δισδιάστατης (2D) ή τρισδιάστατης (3D) μοντελοποίησης. Τα προγράμματα αυτά έχουν τη δυνατότητα να δημιουργούν αντικείμενα χρησιμοποιώντας σαν βασικά (δομικά) συστατικά απλά γεωμετρικά σχήματα.

Για παράδειγμα, αν περιστρέψουμε έναν κύκλο γύρω από τη διάμετρό του θα δημιουργηθεί μια σφαίρα, ενώ αν τον περιστρέψουμε γύρω από μια εφαπτομένη του θα δημιουργηθεί ένας λουκουμάς. Τα προγράμματα μοντελοποίησης μπορούν να χειρίζονται τα αντικείμενα αυτά σαν μια οντότητα. Το επόμενο βήμα είναι ηφωτορεαλιστική απεικόνιση (rendering).

Το βίντεο εισάγεται στον υπολογιστή με μια συσκευή που λέγεται ψηφιοποιητής (digitizer), η οποία αναλαμβάνει να διαβάσει την αναλογική εικόνα βίντεο και με τη μέθοδο της δειγματοληψίας να αποθανατίσει σε ψηφιακή μορφή και να συμπιέσει σε πραγματικό χρόνο αυτά που διάβασε από την βιντεοταινία.

Αν, όμως, χρησιμοποιήσουμε ψηφιακή συσκευή λήψης βίντεο, μπορούμε να εισάγουμε την εικόνα βίντεο κατευθείαν στον υπολογιστή. Τα αρχεία βίντεο μπορούμε μετά να τα επεξεργαστούμε με ειδικά προγράμματα, όπως είναι το Adobe Premiere, για να κρατήσουμε τις σκηνές που μας ενδιαφέρουν, να προσθέσουμε εφέ μετάβασης, ήχους κ.ά.

Επειδή τα αρχεία βίντεο έχουν τον μεγαλύτερο όγκο απ’ όλα τα άλλα στοιχεία μιας πολυμεσικής εφαρμογής, μπορούμε να κάνουμε συμπίεση για να μικρύνουμε το μέγεθός τους, αλλά θα έχουμε απώλεια ποιότητας.

Η εισαγωγή και η επεξεργασία του ήχου από τον υπολογιστή μοιάζει πολύ μ’ αυτήν του βίντεο, αλλά δεν υπάρχουν τα ίδια προβλήματα με την ποιότητα και το μέγεθος των αρχείων. Μπορούμε με ειδικά προγράμματα επεξεργασίας ήχου να μιξάρουμε, να προσθέσουμε εφέ και να βελτιστοποιήσουμε τους ήχους.


Οι Χώροι Εφαρμογής των Πολυμέσων
•Οι χώροι εφαρμογής των πολυμέσων σήμερα είναι πάρα πολλοί και συνεχώς διευρύνονται. Μερικά ενδεικτικά παραδείγματα είναι τα εξής :
•Εκπαίδευση
•Επιμόρφωση
•Παρουσιάσεις - Κατάρτιση Στελεχών
•Σημεία Ενημέρωσης του Κοινού (Information Kiosks)
•Παιχνίδια
•Διασκέδαση
•Αναψυχή (Recreation)
•Περιοδικά
•Βιβλία
•Εγκυκλοπαίδειες
•Edutainment (Education and Entertainment - Εκπαίδευση και Ψυχαγωγία)
•Αγορά και Διαφήμιση

First Project

Αn attempt to create an Advertisement for TV Channel (Animation) from 3ds Max and Adobe Premiere.

Design Practice 1

"Thriller" Rat vs Cat

Last week we tried our creativity, making a whiteboard within 50 minutes in classroom. It was our first time trying something like this and the result underlines it.