Web Διαστάσεις για τα Infographics σας - ανδρείκελα

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

Σε αντίθεση με ένα τυπωμένο γραφικό, όπου όποιος το βλέπει βιώνει στο ίδιο μέγεθος, το πραγματικό μέγεθος ενός γραφικού ιστού αλλάζει ανάλογα με τις συσκευές των αναγνωστών. Μια οθόνη συσκευής μπορεί να κυμαίνεται από 27 "για έναν επιτραπέζιο υπολογιστή έως 5" για ένα smartphone.

Βελτιστοποιήστε πάντα το ακροατήριό σας . Χρησιμοποιήστε το λογισμικό ανάλυσης ιστού για να προσδιορίσετε τον τρόπο με τον οποίο οι χρήστες έχουν πρόσβαση στον ιστότοπό σας και να βασίζουν τις αποφάσεις σας σε αυτά τα δεδομένα.

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

Αναλογία διαστάσεων οθόνης

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

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

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

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

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

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

Ανάλυση οθόνης για infographics

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

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

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

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