Περιεχόμενο
- Στατικές διατάξεις υγρού VS
- Φιλτράρισμα τυπικών μεγεθών οθόνης
- Οθόνες κινητής τηλεφωνίας
- Το χρυσό πλέγμα
Τα κινητά τηλέφωνα, ταμπλέτες και οθόνες ηλεκτρονικών υπολογιστών έχουν διαφορετικές χρήσεις, χρήστες και διαστάσεις που αφήνουν το ερώτημα ποιο είναι το καλύτερο μέγεθος διάταξης για έναν ιστότοπο καθορίζεται από τις ανάγκες των κύριων χρηστών αυτού του ιστότοπου. Εάν ένας ιστότοπος προορίζεται να προβληθεί από τυποποιημένους χρήστες σε οθόνη ευρείας οθόνης με ανάλυση 1680x1040 pixels, το μέγεθος του ιστότοπου πρέπει να είναι κατάλληλο για την κύρια οθόνη του προγράμματος περιήγησης. Εάν ο ιστότοπος προορίζεται για χρήση σε κινητές συσκευές, θα πρέπει να γίνει για πολύ μικρότερη οθόνη.
Στατικές διατάξεις υγρού VS
Το πρώτο ερώτημα είναι αν ο ιστότοπος απαιτεί μια ιδιότητα που ορίζεται σε εικονοστοιχεία. Χρησιμοποιώντας ποσοστά, μπορείτε να δημιουργήσετε μια διάταξη "ρευστού", η οποία αλλάζει δυναμικά τις περιοχές, ανάλογα με το μέγεθος του παραθύρου του προγράμματος περιήγησης. Όταν χρησιμοποιείται σε συνδυασμό με κείμενο, οι διατάξεις υγρού μπορεί να είναι η καλύτερη επιλογή κατά τη δημιουργία ενός ιστότοπου για τυπική ανάλυση οθόνης καθώς και για προγράμματα περιήγησης για κινητά. Οι διατάξεις υγρού επιτυγχάνονται χρησιμοποιώντας το "πλάτος = 100%" στη δήλωση περιεχομένου CSS, αντί για "width = 960x", για παράδειγμα.
Φιλτράρισμα τυπικών μεγεθών οθόνης
Για να δημιουργήσετε διατάξεις "σταθερού" ή υγρού, το πλάτος των κατανεμητών, των περιτυλίξεων ή των κύριων πινάκων περιεχομένου πρέπει να ταιριάζει στο παράθυρο του προγράμματος περιήγησης του χρήστη, λαμβάνοντας υπόψη τόσο την μπάρα κύλισης όσο και τη γραμμή εργαλείων. Θα πρέπει επίσης να εξετάσετε το ενδεχόμενο να κάνετε την πλειοψηφία. Πάνω από το 80% των περιηγητών χρησιμοποιούν σήμερα μια ανάλυση οθόνης άνω των 1024x768 pixels. Αυτό σημαίνει ότι μπορείτε να το κάνετε για 1680x1024 pixels, αλλά είναι καλή ιδέα να προβάλλετε στο μεσαίο επίπεδο. 960 ή 980 εικονοστοιχεία είναι δύο έμπιστα μέτρα που χρησιμοποιούνται για την εύκολη προβολή του περιεχομένου σε ένα πρόγραμμα περιήγησης που χρησιμοποιείται από οποιονδήποτε χρησιμοποιεί ανάλυση 1024x768 ή υψηλότερη. Το σύστημα ταιριάζει επίσης σε κινητές συσκευές που μπορούν να προβάλλουν ολόκληρους ιστότοπους. Αν είναι πολύ σφιχτό, το 1080 είναι το επόμενο καλύτερο πλάτος. Θυμηθείτε το ύψος ενός τυπικού προγράμματος περιήγησης σε οποιαδήποτε ανάλυση για να κρατήσετε τις πιο σημαντικές πληροφορίες πάνω από την "πτυχή" ή το σημείο, όπου είναι απαραίτητη η κύλιση.
Οθόνες κινητής τηλεφωνίας
Εάν θέλετε ο ιστότοπός σας να φαίνεται καλός σε μια ποικιλία κινητών συσκευών, θα πρέπει είτε να το κάνετε ειδικά για τη συσκευή είτε να δημιουργήσετε ένα ειδικό στυλ που χρησιμοποιείται από τα προγράμματα περιήγησης για κινητά για να εμφανιστεί η έκδοση "κινητού" του ιστότοπού σας. Η ανάλυση 240x320 είναι το σημερινό πρότυπο για τα περισσότερα smartphones και συσκευές Διαδικτύου, όπως το iPhone. Είναι καλή ιδέα να χρησιμοποιείτε "ευχάριστα" ποσοστά ή σχεδιαγράμματα, καθώς πολλές συσκευές υποστηρίζουν λειτουργίες πορτρέτου και τοπίου. εάν δημιουργήσετε έναν ιστότοπο που έχει οριστεί σε πλάτος 320 pixel, ενδέχεται να εμφανιστεί αποκοπή για τον χρήστη, μεταβαίνοντας σε κατάσταση πορτραίτου.
Το χρυσό πλέγμα
Ίσως το καλύτερο σύστημα για τον καθορισμό των διαστάσεων διάταξης είναι μέσω της χρήσης του συστήματος πλέγματος. Τα πλέγματα υπολογίζουν τέλεια ισορροπημένες περιοχές μέσα σε ένα δεδομένο πλάτος για να παρέχουν μια αίσθηση του τρόπου κλιμάκωσης των στοιχείων μέσα στην κύρια διάταξη διάταξης ή περιεχομένου. Αυτά τα στοιχεία περιλαμβάνουν διαφημιστικά κουτιά, ράβδους, διαφημιστικό χώρο ή παραγράφους. Για παράδειγμα, μια διάταξη που χρησιμοποιεί συνολικό πλάτος 1080 pixels και χωρίζεται χρησιμοποιώντας το χρυσό πλέγμα θα είχε αφήσει την περιοχή αριστερά για αναρτήσεις ιστολογίου σε πλάτος 739 pixels και δεξιά μπάρα πλάτους 780 pixel, και οι δύο με περιθώριο των 10 εικονοστοιχείων. Το τελικό αποτέλεσμα είναι μια τέλεια ευθυγραμμισμένη και ισορροπημένη διάταξη. Μπορείτε να πειραματιστείτε με πολλά διαφορετικά πλέγματα με την επίσκεψη στο σύστημα γεννήτριας πλέγματος (βλ. Πόρων).