Έχετε ακούσει ποτέ για το pixel perfect; Σας έχουν ρωτήσει για αυτό σε συνεντεύξεις για δουλειά ή το έχετε δει σε προσφορές εργασίας; Αν ναι, μπορεί να έχετε αμφιβολίες για το τι αναφέρονται. Εκτός αν ξέρετε με βεβαιότητα τι είναι, είτε από την προπόνησή σας είτε από την εμπειρία σας.
Αλλά αν αυτό δεν ισχύει και πρέπει να ξεκαθαρίσετε αυτήν την έννοια, ώστε να μην σας πιάσουν ως «πρωτάρηδες» σε μια συνέντευξη, εδώ είναι όλες οι πληροφορίες που πρέπει να γνωρίζετε για αυτό. Ρίχνεις μια ματιά;
Τι είναι το τέλειο pixel
Είναι πιθανό ότι με αυτές τις λέξεις μπορείτε να σκεφτείτε ότι αναφέρεται στη δημιουργία εικονογραφήσεων ή εικόνων με τέλεια pixel (δηλαδή με τα στοιχεία που συνθέτουν μια εικόνα).
Αλλά στην πραγματικότητα προχωρά παραπέρα. Είναι αλήθεια ότι όντως πρόκειται για αυτό, πετυχαίνοντας την τελειότητα με τα σχέδια.
Αυτές οι τεχνικές χρησιμοποιούνται κυρίως σε σχέδια σελίδων ή εφαρμογών, αλλά τίποτα δεν σας εμποδίζει να τις χρησιμοποιήσετε όταν δημιουργείτε εικόνες με τον υπολογιστή σας.
Ο όρος άρχισε να χρησιμοποιείται τη δεκαετία του 90., που χαρακτηρίστηκαν γιατί οι ιστοσελίδες έγιναν μέσω Photoshop, με πιο παραδοσιακό τρόπο (όχι όπως τώρα). Για το λόγο αυτό αναζητήθηκαν άτομα που κατέχουν άψογα το εργαλείο και τις τεχνικές ώστε το σχέδιο να είναι επαρκές.
Φυσικά, έχουν περάσει πολλά χρόνια και, αν και δεν υπάρχουν πολλοί που αναζητούν επαγγελματίες που ξέρουν πώς να εφαρμόζουν την τέλεια τεχνική pixel, δεν βλάπτει να τη γνωρίζουν ή τουλάχιστον να ξέρετε ποιες τεχνικές χρησιμοποιήθηκαν για να επιτευχθεί καλύτερο αποτέλεσμα.
Σας λέμε παρακάτω.
τέλειες τεχνικές pixel
Όπως σας είπαμε και πριν, εδώ θα μιλήσουμε για τις διαφορετικές τεχνικές που χρησιμοποίησε ένας τέλειος επαγγελματίας pixel για να πετύχει τον στόχο του.
Προσιτότητα
Η προσβασιμότητα είναι κάτι που δεν σας επιτρέπει να ξέρετε σε τι αναφερόμαστε αν δεν σας δώσουμε περισσότερα δεδομένα, σωστά;
Φανταστείτε ότι έχετε μια ιστοσελίδα που θα έχει ένα μενού από το οποίο εμφανίζονται πολλές επιλογές.
Ένας μη προσβάσιμος ιστότοπος θα ήταν αυτός που, σε αυτές τις εμφανιζόμενες επιλογές, μπορεί να διαβαστεί ένα απόσπασμα κάθε σελίδας.
Ένας προσβάσιμος ιστότοπος θα ήταν αυτός που, σε αυτές τις επιλογές που εμφανίζονται, θα είχαμε μια ή δύο λέξεις που καθορίζουν τι θα βρεθεί σε αυτή τη σελίδα.
Με άλλα λόγια, και εστιάζοντας στη σχεδίαση, πρόκειται για τη δημιουργία ενός ιστότοπου ή μιας εφαρμογής που είναι εύκολη στην πλοήγηση, που δεν προκαλεί προβλήματα και είναι επίσης διαισθητική.
τυπογραφία
Αν και η τυπογραφία θα μπορούσε να εμπίπτει σε αυτό που θα ήταν προσβασιμότητα, η αλήθεια είναι ότι έχει τη δική της τεχνική.
Από τη μία πλευρά, Πρέπει να βρείτε μια γραμματοσειρά που να είναι αποτελεσματική για την επιχείρηση ή τον τομέα αυτού του ιστότοπου. Αλλά επίσης, είναι σημαντικό να έχει κατάλληλο μέγεθος και κενό ώστε να είναι ευανάγνωστο, ώστε να φαίνεται σε οποιοδήποτε πρόγραμμα περιήγησης, συσκευή κ.λπ.
Σε αυτήν την περίπτωση, δεν συνιστάται να ποντάρετε σε γραμματοσειρές που είναι πολύ πρωτότυπες, που είναι εκτός του «κλασικού». Επειδή μπορείτε να διαπιστώσετε ότι το πρόγραμμα περιήγησης αλλάζει το γράμμα επειδή δεν το έχει, επειδή το κείμενο δεν εμφανίζεται κ.λπ.
το pixel
Πώς όχι, Αν μιλάμε για pixel perfect, μια από τις τεχνικές που πρέπει να κατακτήσεις τέλεια Είναι όλα σχετικά με τα pixel. Δεν πρέπει να γνωρίζετε μόνο τι είναι, τη σημασία τους κ.λπ. αλλά και πώς να τα χρησιμοποιήσετε προς όφελός σας.
Και με αυτή την έννοια, πρέπει να ξέρετε ότι μια από τις αποτυχίες όσων δεν τα καταφέρνουν τέλεια είναι να επιτρέπουν την ραστεροποίηση των άκρων (κάτι που μπορεί να κάνει το Photoshop από προεπιλογή).
Για να το αποφύγετε, θα χρειαστείτε οι άκρες να είναι ίσιες και, επιπλέον, να είναι ολόκληρες. Με άλλα λόγια: χρησιμοποιώντας τις ρυθμίσεις του Photoshop θα πρέπει να αποφύγετε το anti-aliasing καθώς και τη ραστεροποίηση pixel.
οπτική ιεραρχία
Αν και αυτή η τεχνική δεν σχετίζεται τόσο με τα εικονοστοιχεία, σχετίζεται με τη σειρά με την οποία θα εμφανίζονται τα διαφορετικά στοιχεία ενός ιστότοπου ή μιας εφαρμογής. Όταν το έκανες στο Photoshop, έπρεπε να είσαι πολύ ξεκάθαρος για το πώς ήθελες να φαίνονται όλα (γιατί ήταν δύσκολο να το αλλάξω αργότερα).
Για το λόγο αυτό, κατά την κατασκευή της «βάσης» ή της δομής του ιστού, ήταν απαραίτητο να γνωρίζουμε ποια στοιχεία ήταν σχετικά, σε ποιο βαθμό και τη σειρά με την οποία έπρεπε να εμφανίζονται για να έχουμε ένα οπτικά ευχάριστο σχέδιο.
Οργάνωση και ονοματολογία
Εκτός κι αν φτιάξετε την ιστοσελίδα εντελώς μόνοι σας και οργανωθείτε όπως θέλετε, η καλή οργάνωση δίνει μια πολύ καλή εικόνα.
Οι σχεδιαστές γενικά λειτουργούν ως ομάδα. Επομένως, η παρουσίαση ενός καλά οργανωμένου αρχείου, ανά στρώματα και ο καθορισμός κάθε στοιχείου (όχι μόνο οι ιστότοποι, αλλά και οι εικόνες, τα εικονίδια κ.λπ. που έχει) θα σας βοηθήσει να κάνετε αλλαγές πολύ πιο γρήγορα, γιατί πάντα θα ξέρετε πού να αγγίξω.
ευθυγράμμιση και απόσταση
Η προσφορά ενός σχεδίου ιστοσελίδων με πολλά προϊόντα, αλλά το καθένα υψηλότερο ή χαμηλότερο από το επόμενο θα είναι χαοτικό. Πρώτον γιατί θα δώσεις πολύ κακή εικόνα. και δεύτερο γιατί οπτικά θα αισθάνεται τόσο ακατάστατο που οι άνθρωποι θα θέλουν απλώς να φύγουν από εκεί το συντομότερο δυνατό.
Φροντίζοντας τα περιθώρια, καθιερώνοντας κάθετες και οριζόντιες γραμμές έτσι ώστε κάθε στοιχείο να είναι κεντραρισμένο και δημιουργώντας κριτήρια για το μέγεθος, θα επιτευχθεί ισορροπία στη σελίδα.
Επιπλέον, θα «αναπνεύσει» το σχέδιο και, μαζί του, δεν θα αισθάνεστε συγκλονισμένοι από όλα όσα βλέπετε, αλλά μάλλον πηγαίνετε πιο ήρεμα.
Χρώμα, σχήμα και νόημα
Τα οπτικά στοιχεία ενός ιστότοπου ή μιας εφαρμογής πρέπει να «παντρεύονται». Δηλαδή είναι απαραίτητο να συνδυάζονται μεταξύ τους ώστε να προσφέρουν ένα αποτέλεσμα σαν να ήταν πάντα μαζί. Αυτό φροντίζει το pixel perfect.
Διαφορετικά θα μπερδέψει τον χρήστη.
Για παράδειγμα, βάζοντας ένα μαύρο εικονίδιο με ένα άλλο δίπλα του με φωσφορίζον χρώμα.
Πρέπει να δώσετε προσοχή σε αυτές τις λεπτομέρειες. γιατί μπορούν να καταστρέψουν εντελώς το τελικό αποτέλεσμα.
Η τεχνική της τέλειας εικονοστοιχείου χρησιμοποιείται σπάνια πλέον, ειδικά επειδή οι ιστότοποι δεν δημιουργούνται πλέον με χρήση του Photoshop. Αλλά αυτό θα μπορούσατε να το μετακινήσετε για άλλες χρήσεις. Την έχεις ακούσει ποτέ;