Ως γραφίστας, είναι φυσιολογικό να γνωρίζετε τις τάσεις, άλλων σχεδιαστών, εικονογράφων, δημιουργικών... Και επομένως, θα χρησιμοποιείτε το Διαδίκτυο. Αλλά, Γνωρίζετε ότι υπάρχουν επεκτάσεις στον Chrome που μπορούν να σας βοηθήσουν πολύ στη δουλειά σας;
Συγκεντρώσαμε μια επιλογή από τις καλύτερες επεκτάσεις του Chrome για να ρίξετε μια ματιά. Κάποια μπορεί να τα γνωρίζετε και άλλα μπορεί να είναι καινούργια για εσάς. Το σημαντικό είναι ότι βλέπεις ότι αυτά μπορούν να σε βοηθήσουν πολύ στη δουλειά σου. Πάμε μαζί τους;
Instant Wireframe
Ξεκινάμε με μια επέκταση Chrome ιδανική για όσους φτιάχνουν ιστοσελίδες. Και είναι ότι, με αυτό, αυτό που θα μπορείτε να δείτε είναι ο σκελετός μιας ιστοσελίδας, δηλαδή τα καλώδια της. Με αυτόν τον τρόπο, παίρνετε μια ιδέα για το πώς κατασκευάζεται.
Αν και αυτή τη στιγμή δεν βλέπετε πολύ νόημα σε αυτό, όταν δημιουργείτε μια ιστοσελίδα για έναν πελάτη πρέπει να γνωρίζετε πώς το κάνει ο ανταγωνισμός σας και αυτό μπορεί να σας βοηθήσει να δείτε πού πρέπει να τοποθετήσετε τα στοιχεία για καλύτερο οπτικό αποτέλεσμα.
Εάν γνωρίζετε επίσης τη θερμοκρασία προβολής στους χρήστες (δηλαδή τα μέρη που βλέπουν περισσότερο οι χρήστες στο διαδίκτυο) θα μπορέσετε να επιτύχετε ένα πολύ αποτελεσματικό αποτέλεσμα.
WhatFont
Μια άλλη από τις επεκτάσεις του Chrome που θα έπρεπε να έχετε εγκαταστήσει (θυμηθείτε ότι είναι δωρεάν) είναι αυτή. Χρησιμοποιείται για να ανακαλύψετε τι γραμματοσειρά έχει χρησιμοποιηθεί σε μια ιστοσελίδα, αν και είναι επίσης χρήσιμο για εσάς, στον ιστότοπο WhatFont, για να μάθετε ποια είναι η τυπογραφία αφισών, εικόνων κ.λπ.
Στην περίπτωση της επέκτασης, το μόνο που έχετε να κάνετε είναι να επιλέξετε την πηγή και θα ψάξει τι είναι ή τουλάχιστον θα σας δείξει κάποιες πολύ παρόμοιες.
Είναι πολύ χρήσιμο όταν θέλετε μια γραμματοσειρά που σας άρεσε αλλά δεν μπορείς να ξοδεύεις ώρες και ώρες ψάχνοντάς το στα τυφλά.
Τέλειο Pixel
Όταν κάνετε ένα σκίτσο για τον πελάτη, που σχετίζεται με μια ιστοσελίδα, ξέρετε ότι μερικές φορές δεν θα είναι πάντα το ίδιο. Αλλά, αν είστε πολύ τελειομανής, μπορείτε να κάνετε ό,τι είναι δυνατόν για να το κάνετε.
Λοιπόν, αυτή η επέκταση σάς βοηθά να συγκρίνετε το σχέδιο που φτιάξατε και το αποτέλεσμα που θα εμφανιστεί στον υπολογιστή σας. Με αυτόν τον τρόπο θα ξέρετε αν όλα ταιριάζουν σωστά ή υπάρχει κάτι που δεν είναι σωστό. Έτσι, μπορείτε να αγγίξετε αυτό το μέρος έτσι ώστε να φαίνεται ακριβώς το ίδιο όπως είχατε σκεφτεί και επινοήσει στην αρχή.
Εργαλεία σχεδιαστή
Αυτή είναι μια άλλη από τις επεκτάσεις του Chrome που πρέπει να δοκιμάσετε. Επιπλέον, σας δίνει πολλά εργαλεία σε ένα: ένα αναγνωριστικό της γραμματοσειράς που χρησιμοποιείται στα κείμενα, τη δυνατότητα αναθεώρησης των χρωμάτων που έχουν προστεθεί στις σελίδες ή ακόμα και των ορίων.
Θα μπορούσαμε να πούμε ότι είναι ένα all-in-one, γιατί περιλαμβάνει πολλές από τις επεκτάσεις για τις οποίες έχουμε μιλήσει (και για τις οποίες θα μιλήσουμε παρακάτω).
stylebot
Θέλετε να κάνετε αλλαγές στη σχεδίαση ενός ιστού για να τις εμφανίσετε στον πελάτη; Και χωρίς να αγγίξετε τίποτα στο διαδίκτυο; Λοιπόν, είναι δυνατό με αυτήν την επέκταση. Για να το κάνετε αυτό, αυτό που πρόκειται να αγγίξετε είναι οι ιδιότητες CSS και αυτό που θα κάνει είναι, με βάση αυτά που βάλατε, να αλλάξετε τον ιστό για να τον κάνετε προεπισκόπηση όπως θέλετε να φαίνεται.
Και τώρα θα πεις, και για τι;
Λοιπόν, έχει πολλές χρήσεις:
- Από τη μία πλευρά, μπορείτε να δείξετε στους πιθανούς πελάτες τι θα κάνατε με τον ιστότοπό τους για να τον βελτιώσετε (και πιστέψτε μας όταν σας λέμε ότι αυτό είναι καλύτερο από οποιοδήποτε βιογραφικό).
- Από την άλλη, επειδή μπορείτε να τους δείξετε ζωντανά, σε μια συνάντηση, τι θα μπορούσατε να κάνετε για να αλλάξετε τον ιστό χωρίς να χρειάζεται να αγγίξετε πάρα πολύ. Ή αν.
Χάρακας σελίδων
Αυτή είναι μια από τις λιγότερο γνωστές επεκτάσεις του Chrome, αλλά η αλήθεια είναι ότι μπορείς να του δώσεις πολλές χρήσεις. Αρχικά, θα σας πούμε ότι χρησιμοποιείται για τη μέτρηση των στοιχείων ενός ιστότοπου, όχι μόνο σε επίπεδο pixel, αλλά και της απόστασης μεταξύ άλλων στοιχείων.
Για παράδειγμα, φανταστείτε ότι έχετε βάλει τρία οριζόντια κουτάκια. Και θέλετε και τα τρία να έχουν την ίδια απόσταση μεταξύ τους. Λοιπόν, αυτό το εργαλείο σας βοηθά να τα τετραγωνίσετε.
Ακόμα κι αν πιστεύεις ότι δεν είναι πολύ χρήσιμο, αν είσαι τελειομανής και θέλεις να φαίνεται ωραίο, σίγουρα θα το χρησιμοποιήσεις.
Πλήρης καταγραφή οθόνης σελίδας
Αυτό είναι ένα από τα πιο γνωστά εκεί έξω και σας επιτρέπει να τραβήξετε ένα στιγμιότυπο οθόνης της ιστοσελίδας, αλλά όχι μόνο του τμήματος που είναι ορατό στο πρόγραμμα περιήγησης, αλλά ολόκληρου του ιστού. Είναι ιδανικό, για παράδειγμα, για όταν θέλετε να παρουσιάσετε το έργο στον πελάτη και δεν χρειάζεται να κάνετε λήψη με λήψη, αλλά μια πιο γενική άποψη του τελικού αποτελέσματος. Το ίδιο μπορεί να χρησιμοποιηθεί για αυτά που βλέπετε στο Διαδίκτυο και θέλετε να τα έχετε ως αναφορά, είτε επειδή σας άρεσε το σχέδιο, τα χρώματα κ.λπ.
Αναλυτής χρωματικής αντίθεσης
Μας άρεσε πολύ αυτή η επέκταση γιατί μπορεί να σας βοηθήσει να εστιάσετε σε ένα συγκεκριμένο κοινό. Το εργαλείο χρησιμοποιείται για να εγγυηθεί την αναγνωσιμότητα ενός κειμένου, καθώς και τις οπτικές αντιθέσεις που υπάρχουν γενικά.
Με άλλα λόγια, θα σας πει εάν το κείμενο και τα χρώματα που έχετε επιλέξει φαίνονται καλά και όλα είναι ευανάγνωστα.
Τώρα, γιατί μας άρεσε γιατί μπορείτε να δείτε το αποτέλεσμα σύμφωνα με πολλές μεταβλητές. Για παράδειγμα, τι γίνεται αν ο ιστός επικεντρώνεται σε άτομα μεγαλύτερης ηλικίας με καταρράκτη; Λοιπόν, θα το δείτε έτσι και θα ξέρετε αν είναι σωστό ή όχι. Τι κι αν το κοινό είναι άτομα με αχρωματοψία; Λοιπόν το ίδιο.
Με αυτόν τον τρόπο θα βελτιώσετε το τελικό αποτέλεσμα γιατί θα εστιάσετε σε αυτές τις ομάδες.
Γεννήτρια Lorem Ipsum
Όπως γνωρίζετε, όταν δημιουργείτε μια ιστοσελίδα πρέπει να έχει κάποιο κείμενο για να γνωρίζει πώς θα φαίνεται. Για αυτό χρησιμοποιείται το Lorem Ipsum, ένα κείμενο που αυτή τη στιγμή έχει πολλές μεταβλητές.
Λοιπόν, με το Lorem Ipsum Generator θα μπορείτε να δημιουργήσετε το κείμενο σύμφωνα με τον αριθμό των λέξεων, φράσεων, γραμμάτων... και έτσι θα έχετε μόνο να κάνετε αντιγραφή και επικόλληση.
ColorZilla
Θυμάστε την επέκταση του WhatFont? Με αυτό προσδιορίσατε μια γραμματοσειρά. Λοιπόν, με αυτό αυτό που θα κάνετε είναι να προσδιορίσετε το χρώμα που έχουν χρησιμοποιήσει. Με αυτόν τον τρόπο θα σας δώσει τον κωδικό ώστε να μπορείτε να τον χρησιμοποιήσετε στα προγράμματα επεξεργασίας εικόνων σας και να έχετε τον ίδιο χρωματικό τόνο που σας άρεσε.
Όπως μπορείτε να δείτε, υπάρχουν πολλές επεκτάσεις Chrome που, εάν εργάζεστε στο σχεδιασμό, θα έπρεπε να τις έχετε ενεργοποιήσει. Στην πραγματικότητα, υπάρχουν περισσότερα, αλλά το καλύτερο είναι να τα δοκιμάσετε και να δείτε ποια ταιριάζουν καλύτερα στη δουλειά σας. προτείνετε κάτι παραπάνω;