Σχέδια για την εργασία

Παρακάτω σας παραθέτω το αρχικά σχέδια για το σχεδιασμό της εργασίας. 

Scan QR code.

Στη σελίδα About ο αναγνώστες θα έχει τη δυνατότητα να scan με το κινητό του το QR code και αυτό με τη σειρά του θα τους "πηγαίνει" στη σελίδα του "Simplify" στο Facebook. Αυτό το θεώρησα σημαντικό διότι στη πρώτη περίπτωση που ο αναγνώστης δεν έχει πρόσβαση στο διαδίκτυο εκείνη τη στιγμή θα μπορεί να αποθηκεύσει το QR code έτσι ώστε να το χρησιμοποιήσει ότι έχει πρόσβαση. Ενώ στη δεύτερη περίπτωση που ο αναγνώστης θέλει να συνδεθεί με τη σελίδα από το κινητό ενώ το αρχείο το διαθέτει σε άλλη ηλεκτρονική συσκευή θα μπορεί με ένα απλό scan να συνδεθεί με τη σελίδα. Παρακάτω θα σας επισημάνουμε τους δύο QR code.

Γραμματοσειρά για τα κείμενα.

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

Century Gothic

Colonna MT

Duepuntozero

Fabada (OT1)

Forte

High Tower

Maiandra GD

Quicksand

Sylfaen

Verdana

Τελικά κατέληξα στη επιλογή της Sylfaen.

Γραμματοσειρά για τίτλο

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

Century Gothic 

Collona MT

Duepuntozero

Fabada (OT1)

Forte

High Tower 

Maiandra GD

Poor Richard

Quicksand

Sylfaen

Τελικά όμως κατέληξα στη γραμματοσειρά "High Tower"

Αντικείμενο (Client Simulate Project)

Αντικείμενο αυτής της εργασίας ( Client Simulate Project) η διαφήμιση της Σελίδας στο Facebook "Simplify". 

Για αρχή ας περιγράψουμε την χρησιμότητα του "Simplify". Πρόκειται για μια σελίδα στο Facebook που πραγματεύεται τη συλλογή φωτογραφιών. Το φάσμα των κατηγοριών είναι αρκετά μεγάλο, για του λόγου το αληθές θα σας παραθέσουμε της κατηγορίες της.
Cele "Simplify"
Just "Simplify"

Animal "Simplify"

Art "Simplify"

Inked "Simplify"

Moto "Simplify"

Girl "Simplify"

Sports "Simplify"

Quotes "Simplify"

Places "Simplify"
Yours "Simplify"

Όσο αναφορά την τελευταία κατηγορία οι "views"  θα έχουν την δυνατότητα να στέλνουν φωτογραφίες στη σελίδα (είτε δικές τους είτε από έρευνα στο διαδίκτυο.
Τέλος οι φωτογραφίες που προβάλει η σελίδα έχουν βρεθεί από το διαδίκτυο και δεν υπόκεινται σε copyright της σελίδας, καθώς ούτε δικές της είναι ούτε έχουν υποβληθεί σε κάποια είδους επεξεργασία.
Παρακάτω θα σας παρουσιάσουμε την περιγραφή της ίδιας της σελίδας στο Facebook.

"Images and graphics used, unless otherwise noted, have been taken from the Internet and are assumed to be in the public domain. This material is not presented as our own work, unless noted under the specific post. Since though, such matters are not always crystal clear in the free-wheeling world of Internet, in case there is a problem or error with copyrighted material, the break of the said copyright is neither intentional. The material in question will be removed at once with any request with presented proof. If you see any images which you feel should not be here, please email us immediately at Facebook.com and the offending material will be promptly removed."

Για να μπορέσουμε να κρίνουμε και μετέπειτα να συγκρίνουμε στο θέμα «στιλ» τις δουλειές τρίτων, θα πρέπει να αναφέρουμε ποια είναι αυτά τα κριτήρια αλλά και να τα εξηγήσουμε. 

Πρώτο κριτήριο είναι το χρώμα, το οποίο είναι μια αίσθηση που δημιουργείται στον εγκέφαλο από μέρος της αλληλουχίας των ηλεκτρικών ώσεων που φθάνουν σε αυτόν μέσω του οπτικού νεύρου. Η πληροφορία για το χρώμα αφορά τις συχνότητες της προσπίπτουσας ακτινοβολίας που μπορεί να ανιχνευθεί στους κατάλληλους υποδοχείς και κωδικοποιείται μέσα στα ηλεκτρικά αυτά σήματα. Οι ηλεκτρικές ώσεις που αφορούν πληροφορία χρώματος προέρχονται από εξειδικευμένους φωτοευαίσθητους υποδοχείς του ματιού, τα κωνία, που αντιδρούν το καθένα στην ανίχνευση φωτός συγκεκριμένου εύρους μήκους κύματος. Ένα χρώμα που παίρνει μορφή στον εγκέφαλο μπορεί να προέρχεται από μία συχνότητα ή συνδυασμό περισσότερων συχνοτήτων του ορατού φάσματος.
Δεύτερο κριτήριο είναι η γραμματοσειρά, η οποία είναι είναι ένα σύνολο τυπογραφικών χαρακτήρων σχεδιασμένων με γνώμονα τη μεταξύ τους αρμονία και ομοιομορφία για να αναπαραστήσουν ένα αλφάβητο. Συνήθως περιλαμβάνει τα γράμματα του αλφαβήτου, αλλά και μια σειρά αριθμών, σημεία στίξης και κάποια σύμβολα. Μπορεί, επίσης, να αποτελείται εξ ολοκλήρου από ιδεογράμματα και σύμβολα, π.χ. μαθηματικά σύμβολα ή σύμβολα χαρτογράφησης.
Τρίτο κριτήριο είναι το wireframe, το οποίο είναι ο πρόχειρος σχεδιασμός μια ιστοσελίδας ο οποίος γίνεται πριν τον κανονικό της σχεδιασμό. Συνήθως γίνεται με πολύ απλά εργαλεία γιατί στόχος είναι η προβολή της λειτουργικότητας της σελίδας και όχι του εικαστικού της. Λόγω της απλότητάς τους και της έλλειψης εικαστικού, είναι συνήθως ασπρόμαυρα και έχουν μοναδικό στόχο να απεικονίσουν την τοποθέτηση των στοιχείων μιας σελίδας και τη λειτουργικότητα της. Στοιχεία όπως scrollers, κουμπιά, θέσεις εικόνων, θέσεις τίτλων, κ.α.
Το τέταρτο κριτήριο  είναι η αρχιτεκτονική ενός website, ίσως σας φανεί ότι δεν έχει άμεση σχέση με το Design, αλλά «Design δεν είναι μόνο το πώς φαίνεται κάτι (όπως νομίζουν οι περισσότεροι) αλλά και το πως λειτουργεί». Κάθε διαδικτυακός τόπος αποτελείται από πληροφορίες ενωμένες και δομημένες με τέτοιο τρόπο ώστε να εξυπηρετούν το σκοπό του δημιουργού τους. Ο τρόπος με τον οποίο αυτές οι πληροφορίες προσεγγίζονται και χρησιμοποιούνται ονομάζεται αρχιτεκτονική ενός website. Το επίκεντρο της αρχιτεκτονικής αυτής είναι το περιεχόμενο απ” όλες του τις απόψεις. Δηλαδή, ποιο είναι αυτό το περιεχόμενο, πώς είναι δομημένο, πώς μπορεί κάποιος να το προσεγγίσει και με ποιο τρόπο παρουσιάζεται στον τελικό χρήστη.
Υπάρχουν αρκετοί λόγοι για τους οποίους οφείλετε να δίνετε μεγάλη προσοχή στην αρχιτεκτονική των ιστοσελίδων που φτιάχνετε και αν δεν τους λάβετε υπόψη σας ίσως στο μέλλον να αντιμετωπίσετε πολλές δυσκολίες σε διάφορα επίπεδα. Αυτό που πρέπει να σημειωθεί είναι πως η αρχιτεκτονική παίζει πάρα πολύ σημαντικό ρόλο στην επιτυχία ενός website.
Έτσι έχοντας αναλύσει τα παραπάνω κριτήρια τώρα μπορούμε να παρουσιάσουμε τις δουλειές άλλων επαγγελματιών, να τις κρίνουμε και να τις συγκρίνουμε με τη δικιά μας. 
Πάνω σε αυτό το θέμα (εφαρμογές για καταστήματα) υπάρχει ένα «κενό» στην αγορά, διότι παρόλο που υπάρχουν εφαρμογές, πάνω σε αυτό το θέμα κανένα δεν είναι ολοκληρωμένο λειτουργικά αλλά και σχεδιαστικά, δεν ανταποκρίνονται στις απαιτήσεις των καιρών αλλά και των χρηστών. 
Μόνο μία εφαρμογή-ιστοτοπος υπάρχει το «foursquare» το οποίο έχει το ίδιο σκεπτικό με το δικό μας και σας το παρουσιάζουμε. 
Μόλις μπαίνει ο χρήστης στον ιστότοπο, του ζητάει τόπο «στο οποίο θα ψάξει τα καταστήματα», το είδος των καταστημάτων και την ονομασία τους. Εάν πληκτρολογήσει όλα τα παραπάνω τότε θα εμφανιστεί μια λίστα με όλα τα μαγαζιά που πληρούν όλες τις παραπάνω προϋποθέσεις.
Όσο αναφορά τα χρώματα που χρησιμοποιεί ο ιστότοπος είναι κυρίως το μπλε και το γρι  Αυτά τα δύο χρώματα ταιριάζουν ιδιαίτερα μεταξύ τους και δημιουργούν μια ωραία αίσθηση.
Η γραμματοσειρά που χρησιμοποιεί ο ιστότοπος είναι μόνο μια, εκτός από το λογότυπο.
Το Wireframe, είναι πολύ απλό και λειτουργικό, χωρίς περιττά γραφικά στοιχεία που θα μπέρδευαν τον χρήστη. Το μενού βρίσκετε στην πάνω αριστερη γωνία, αφήνοντας όλο το άλλο χώρο τις οθόνης για τον χάρτη, στο οποίο όταν επιλέγεις ένα μαγαζί εμφανίζετε η τοποθεσία του εκεί. Άλλες ενδιαφέρουσες ιδιοτητες που έχει ο ιστότοπος είναι: η δυνατότητα σχολιασμού των καταστημάτων, η δυνατότητα βαθμολόγησης των καταστημάτων, η δυνατότητα να δηλώσεις αν σου αρέσει το κατάστημα, η δυνατότητα να κοινοποιήσεις της επιλογές σου και σε περίπτωση που δεν θες να κάνεις λογαριασμό έχεις την δυνατότητα να συνδεθεις μέσο του profil σου στο facebook. Αυτά είναι μερικά στοιχεία που σου προσφέρει ο συγκεκριμένος ιστοτοπος. 

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

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