Απεικόνιση: μέγεθος οθόνης

24.05.11

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

Σήμερα υπάρχουν γύρω μας χιλιάδες, εκατομμύρια οθόνες, για κάθε χρήση, Η οθόνη έχει γίνει πια προσιτή και απαραίτητη σε δεκάδες συσκευές. Θυμάμαι παλαιότερα όταν είχα πιάσει στα χέρια μου το πρώτο κινητό τηλέφωνο, κάποιος αναφώνησε: "Α' μα έχει οθόνη;" Σήμερα το κινητό τηλέφωνο έχει πια μόνο οθόνη. Η πολυλειτουργικότητα των οθονών έχει προκαλέσει τη δημιουργία όλων των ειδών και μεγεθών οθόνης. Plasma, TFT, AMOLED, Transflective, Resistive, Capacitive, Active Digitizer κλπ από ελάχιστων εκατοστών του μέτρου μέχρι ολόκληρες προσόψεις κτιρίων.

Παλαιότερα, το να σχεδιάζεις για πλάτος οθόνης 1024px και ύψος κατι κοντά στα 600 κάλυπτε σχεδόν όλες τις περιπτώσεις σχετικά ικανοποιητικά. Η πλειοψηφία των οθονών ήταν γύρω στις 15 ίντσες και οι άλλες διαστάσεις ήταν ιδιαίτερα σπάνιο φαινόμενο, τόσο που οι συσκευές με τις αναλύσεις αυτές φρόντιζαν με scaling ή άλλες μεθόδους να δείχνουν περίπου αυτό που θα εδειχνε μια οθόνη με αναλυση 1024x768. Αυτό έχει αλλαξει δραματικά και οφείλεται σε τρια πράγματα. 1. Την αλλαγή (δυο φορές μάλιστα) των συνήθων αναλογιών εικόνας (από 4:3 σε 16:10 και επειτα σε 16:9) 2. Την επικράτηση των εξυπνων κινητών τηλεφώνων κα το γεμισμα της γκάμας μεταξύ τηλεφώνου και υπολογιστή με tablet και netbook 3. Της εμφάνισης υψηλής ευκρίνειεας οθονών και δεν εννοώ τόσο μεγαλο αριθμό εικονοστοιχείων σαν απόλυτο νούμερο, αλλά μεγάλο αριθμό εικονοστοιχείων ανά ιντσα, ή καλύτερα ανα μοίρα οπτικής γωνίας.

Στατιστικά στοιχεία: 300 εκατομμύρια smartphones πουλήθηκαν το 2010 (ανάλυση οθόνης από 240x320 έως 960x640px - τυπική 800x480) 18 εκατομύρια media tablets (ανάλυση οθόνης από 800x480 έως 1360x768px - τυπική 1024x768) 12 εκατομμύρια ηλεκτρονικά βιβλία (800x600 - 1600x1200) 0,2 εκατομμύρια φορητοί υπολογιστές (1024x600 - 1920x1080 - τυπική σε χρήση 1280x800 - τυπική σε νέες συσκευές 1360x768) 0,15 εκατομμύρια σταθεροί υπολογιστές (1360x768 - 2560x1440 - τυπική 1920x1080)

Τα στατιστικά βέβαια δεν αντιπροσωπεύουν το πόσο οι άνθρωποι βλέπουν ιστοσελίδες από το κινητό τους ή από τον υπολογιστή, υποθέτω πως η πλειοψηφία των ανθρώπων συνεχίζει να επισκέπτεται περισσότερα sites στις μεγαλύτερες οθόνες παρά στις πιο μικρές. Όμως έχει πάψει να υπάρχει σαφής διαχωρισμος μεταξύ κινητής συσκευής και υπολογιστή, οπότε και η λογική δημιουργίας δυο διαφορετικών ιστοσελίδων για κινητά και υπολογιστές αρχίζει να μην είναι πια τόσο ελκυστική. Η καλύτερη λύση είναι η ιστοσελίδα να μην είναι σταθερού πλάτους, αλλά μεταβλητού, και να προσαρμόζεται στο μέγεθος της οθόνης που προβάλλεται. Αυτό επιτυγχάνεται κρύβοντας τις μη απαραίτητες πληροφορίες όσο μικραίνει η οθόνη. Άλλη μια μέθοδος είναι να αλλάζεις τα μεγέθη όλων των αντικειμένων στη σελίδα αναλογικά, όπως γίνεται στη δική μας ιστοσελίδα. Το να φτιάχνεις ένα site για όλες τις χρήσεις είναι καλύτερο για το χρήστη γιατί βλέπει πάντοτε όση πληροφορία μπορεί να δει άνετα στην οθόνη του, για τον ιδιοκτήτη του site που δείχνει μια κοινή εικόνα σε όλες τις συσκευές, αλλά στην περίπτωση που το site είναι κατασκευασμένο από λευκό χαρτί, και για τον προγραμματιστή, αφού με κατάλληλο σχεδιασμό, αν ιεραρχήσει κατά σημασία όλα τα στοιχεία στη σελίδα του θα μπορεί με λίγες γραμμές κώδικα να έχει μια ιστοσελίδα που θα παίζει ταυτόχρονα σε Nokia N95 (240x320), Samsung Galaxy S (800x480), iPad (1024x768), Dell Studio 1530 (1280x800), Samsung FullHD TV (1920x1080)

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

Στο επόμενο, αναλογίες πλευρών εικόνας