7 Απαιτούμενες επεκτάσεις Chrome για σχεδιαστές ιστοσελίδων

7 Απαιτούμενες επεκτάσεις Chrome για σχεδιαστές ιστοσελίδων

Ως σχεδιαστής Ιστού, ποιο είναι το λογισμικό που πρέπει να έχετε στον υπολογιστή σας; Οι πιθανότητες είναι ότι είναι Photoshop και Illustrator. Και ενώ αυτά είναι τα βασικά της ροής εργασίας του σχεδιασμού σας, υπάρχουν μικρότερα εργαλεία που πιθανότατα δεν γνωρίζετε ότι χρειάζεστε.





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





1. Dropbox για Gmail

Το Dropbox ξεκίνησε ως υπηρεσία φιλοξενίας αρχείων, αλλά σύντομα ανακάλυψε ότι το κύριο κοινό του είναι σχεδιαστές, οι οποίοι χρησιμοποιούν την υπηρεσία για να μοιραστούν τη δουλειά τους με συναδέλφους. Επειδή τα αρχεία σχεδίασης είναι συχνά πολύ μεγάλα για συνημμένα email, είναι ευκολότερο να στείλετε έναν σύνδεσμο Dropbox στο αρχείο.





Το Dropbox για Gmail κάνει τη διαδικασία ακόμα πιο βολική. Όταν συνδέεστε στο αρχείο σας χρησιμοποιώντας ένα κουμπί Dropbox στο κάτω μέρος του νέου παραθύρου ηλεκτρονικού ταχυδρομείου, ο παραλήπτης λαμβάνει μια κλεφτή ματιά για αυτό που στέλνετε. Οι σύνδεσμοι στα αρχεία εικόνων θα ανεβάζουν τις εικόνες απευθείας στο email και οι σύνδεσμοι σε άλλους τύπους αρχείων θα δημιουργήσουν μια εύχρηστη προεπισκόπηση.

Εγκαθιστώ: Dropbox για Gmail



2. FontFace Ninja

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

Το FontFace Ninja είναι μια επέκταση Chrome που σας βοηθάει να το κάνετε αυτό. Μοιάζει πολύ με το εργαλεία που βρίσκουν γραμματοσειρές από εικόνες σας βοηθά να προσδιορίσετε τις γραμματοσειρές που βλέπετε στο διαδίκτυο. Η μόνη διαφορά είναι ότι το FontFace Ninja διαβάζει τις γραμματοσειρές που έχουν κωδικοποιηθεί στο CSS της σελίδας, όπως η γραμματοσειρά των επικεφαλίδων και το κείμενο του σώματος.





Όταν ξεκινάτε το FontFace Ninja, θα σας δείξει τις πληροφορίες σχετικά με τη γραμματοσειρά που την κατευθύνετε-και όχι μόνο την γραμματοσειρά, αλλά και το βάρος, το μέγεθος, το ύψος, το πλάτος και το χρώμα. Για να προσθέσετε σελιδοδείκτη σε αυτήν τη γραμματοσειρά, θα χρειαστείτε έναν λογαριασμό στην αδελφή υπηρεσία, FontFace Dojo Το

Εγκαθιστώ: FontFace Ninja





3. ColorPick Eyedropper

Ανεξάρτητα από το πόσο καλό μάτι έχετε για το χρώμα, είναι δύσκολο να αναδημιουργήσετε μια συγκεκριμένη απόχρωση που είδατε στο διαδίκτυο, εκτός εάν γνωρίζετε τις τιμές RGB ή HTML. Ευτυχώς, δεν χρειάζεται να μαντέψετε αν έχετε ColorPick Eyedropper.

Σαν τις καλύτερες εφαρμογές επιλογής χρωμάτων για Mac , Το ColorPick Eyedropper θα σας δείξει τις τιμές για οποιοδήποτε χρώμα επισημαίνετε. Η διαφορά είναι ότι είναι πάντα εκεί στο πρόγραμμα περιήγησής σας και δεν χρειάζεται να ανεβάσετε τίποτα --- απλά κάντε κλικ στο εικονίδιο και μετακινήστε τον στόχο στο σωστό σημείο.

Η επέκταση διαβάζει χρώματα από κείμενο, εικόνες και σχεδόν οτιδήποτε μπορεί να δείτε σε μια ιστοσελίδα (ακόμη και οι διαφημίσεις). Μόλις τραβήξετε ένα χρώμα, σας εμφανίζει τις τιμές HTML, RGB και HSL για αυτό.

Εγκαθιστώ: ColorPick Eyedropper

4. Διαστάσεις

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

μπορείτε να ακουστικά bluetooth στο xbox one

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

Εγκαθιστώ: Διαστάσεις

5. Οπτικός Επιθεωρητής

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

Στο Επιθεωρώ καρτέλα, μπορείτε να επιλέξετε οποιοδήποτε στοιχείο στη σελίδα για να λάβετε πλήρεις πληροφορίες σχετικά με αυτό, από τις διαστάσεις έως το όνομα του αρχείου. ο Χρωματιστά και Τυπογραφία οι υποκαρτέλες σάς επιτρέπουν να βλέπετε την παλέτα χρωμάτων και όλες τις γραμματοσειρές με μια ματιά, ενώ Περιουσιακά στοιχεία συγκεντρώνει όλες τις εικόνες στη σελίδα σε ένα μέρος.

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

πώς να διαγράψετε προεγκατεστημένες εφαρμογές στο Android

Όπως τα περισσότερα προηγμένα εργαλεία, το Visual Inspector συνοδεύεται από μια τιμή: θα πρέπει να πληρώσετε από $ 9/χρήστη/μήνα για να προσθέσετε σχόλια και να συγχρονίσετε αλλαγές. Ωστόσο, τα βασικά χαρακτηριστικά του, όπως η επιθεώρηση χρωμάτων, γραμματοσειρών και εικόνων, είναι δωρεάν για χρήση.

Εγκαθιστώ: Οπτικός Επιθεωρητής

6. Εύκολη λήψη οθόνης

Μια επέκταση καταγραφής οθόνης μπορεί να φαίνεται περιττή, καθώς η λήψη ενός στιγμιότυπου οθόνης σε Mac είναι πανεύκολη και λήψη της οθόνης σας στα Windows είναι λίγο περισσότερο ταλαιπωρία. Αλλά το Easy Screen Capture έχει αρκετά σημεία πώλησης.

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

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

Εγκαθιστώ: Εύκολη λήψη οθόνης

7. Παγωμένο 2

Τέλος, υπάρχει ένα κρίσιμο καθήκον με το οποίο πρέπει να ασχολείστε κάθε πρωί: να ανακινείτε τα υπολείμματα του ύπνου και να μπείτε στο αυλάκι. Το Muzli 2 της InVision θα χρησιμεύσει ως η πρωινή σας εφημερίδα με επιμελημένα άρθρα για την τέχνη, το σχεδιασμό, το UX και την τεχνολογία.

Το Muzli αντικαθιστά την προεπιλεγμένη καρτέλα Chrome και σας επιτρέπει να προσαρμόσετε αυτό που βλέπετε εκεί. Ανάλογα με τα ενδιαφέροντά σας, το Muzli θα επιλέξει ροές για εσάς, με ιστότοπους που κυμαίνονται από Dribble και Behance έως 99designs και Creative Bloq. Πολλή έμπνευση για να περιηγηθείτε ενώ πίνετε τον πρώτο σας καφέ!

Εάν πιστεύετε ότι μια ολόκληρη καρτέλα προγράμματος περιήγησης γεμάτη με σχεδιαστικό περιεχόμενο είναι πολύ έντονη, το Muzli διαθέτει επίσης μια έκδοση Lite. Δεν θα παρακάμψει την προεπιλεγμένη καρτέλα σας και θα μπορείτε να έχετε πρόσβαση στη ροή όποτε θέλετε απλά κάνοντας κλικ στο εικονίδιο επέκτασης.

Εγκαθιστώ: Παγωμένο 2

Λάβετε επεκτάσεις Chrome για όλες τις εργασίες σχεδίασης

Οι επεκτάσεις Chrome σε αυτήν τη λίστα δεν ταιριάζουν με το λογισμικό σχεδιασμού σας, αλλά καλύπτουν όλα τα μικρά πράγματα που έρχονται με το να είσαι σχεδιαστής-είτε πρόκειται για τυπογραφία intel είτε για συνεργασία με τους συναδέλφους σου.

Μόλις συνειδητοποιήσετε ότι το Chrome Web Store είναι γεμάτο με εργαλεία, μπορεί να είναι δύσκολο να σταματήσετε να προσθέτετε νέα. Μάθε λοιπόν πώς να διαχειριστείτε τις επεκτάσεις Chrome πριν ξεφύγουν από τον έλεγχο.

Μερίδιο Μερίδιο Τιτίβισμα ΗΛΕΚΤΡΟΝΙΚΗ ΔΙΕΥΘΥΝΣΗ Αξίζει την αναβάθμιση σε Windows 11;

Τα Windows έχουν επανασχεδιαστεί. Είναι όμως αυτό αρκετό για να σας πείσει να μεταβείτε από τα Windows 10 στα Windows 11;

Διαβάστε Επόμενο
Σχετικά θέματα
  • Διαδίκτυο
  • Δημιουργικός
  • Google Chrome
  • Σχεδιασμός Ιστού
  • Επεκτάσεις προγράμματος περιήγησης
Σχετικά με τον Συγγραφέα Αλίκη Κοτλιαρένκο(Δημοσιεύθηκαν 28 άρθρα)

Η Αλίκη είναι συγγραφέας τεχνολογίας με απαλό σημείο για την τεχνολογία της Apple. Γράφει για Mac και iPhone εδώ και λίγο καιρό και γοητεύεται από τους τρόπους με τους οποίους η τεχνολογία αναδιαμορφώνει τη δημιουργικότητα, τον πολιτισμό και τα ταξίδια.

Περισσότερα από την Alice Kotlyarenko

Εγγραφείτε στο newsletter μας

Εγγραφείτε στο ενημερωτικό μας δελτίο για τεχνικές συμβουλές, κριτικές, δωρεάν ebooks και αποκλειστικές προσφορές!

Κάντε κλικ εδώ για εγγραφή