Πώς να γνωρίζετε την τυπογραφία μιας ιστοσελίδας

Γνωρίστε τον ιστότοπο τυπογραφίας

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

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

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

Επιλογή αναζήτησης 1: Χρήση εικόνων

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

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

Σας αφήνουμε ένα παράδειγμα με το λογότυπο του Facebook. Λαμβάνουμε υπόψη ότι αυτή η διαδικασία μπορεί να είναι λίγο κουραστική και ότι ως αποτέλεσμα δεν σας δίνει την ακριβή τυπογραφία. καθώς αυτό το εργαλείο περιορίζεται από την εσωτερική του βιβλιοθήκη γραμματοσειρών.

Αναζήτηση στο Facebook

Επιλογή αναζήτησης 2: Επιθεωρητής προγράμματος περιήγησης

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

Πρώτα απ 'όλα, θα κάνουμε μια διάκριση μεταξύ διαφορετικών προγραμμάτων περιήγησης, συγκεκριμένα μεταξύ δύο. Από τη μια βρίσκουμε το Chrome και άλλα προγράμματα περιήγησης που βασίζονται στο Chromium και από την άλλη τοποθετούμε τον Firefox. επισημάνετε, ότι Όποιο πρόγραμμα περιήγησης χρησιμοποιείτε, θα χρησιμοποιείτε πάντα την ίδια συντόμευση για πρόσβαση στον επιθεωρητή, Ctrl+Shift+I.

Εάν χρησιμοποιείτε ChromeΌταν ανοίγετε την επιλογή επιθεωρητή, εμφανίζονται τρεις διαφορετικοί πίνακες. Θα πρέπει να αναζητήσετε το κείμενο που χρησιμοποιείται στον Ιστό για να μάθετε ποια γραμματοσειρά χρησιμοποιείται. Στο δεύτερο πλαίσιο που σας παρουσιάζεται, αναζητήστε και Επιλέξτε την επιλογή «Υπολογισμός». Στη συνέχεια θα αναζητήσετε "Γραμματοσειρά - οικογένεια" και όπως μπορείτε να δείτε το όνομα της οικογένειας τυπογραφίας εμφανίζεται δίπλα.

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

google checker

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

Όπως και στην προηγούμενη περίπτωση, θα ανοίξετε το inspector με την ίδια συντόμευση που αναφέραμε και θα εμφανιστούν ξανά τρεις διαφορετικοί πίνακες, θα πρέπει να μεταβείτε σε αυτό με μια καρτέλα με το όνομα "Typefaces", όπως δηλώνει και το όνομά του, εκεί θα βρείτε όλα τα απαραίτητα στοιχεία. Υπάρχει μια ενότητα που ονομάζεται "όλες οι γραμματοσειρές στη σελίδα" όπου εμφανίζεται μια λίστα με όλες αυτές.

αναζήτηση firefox

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

Επιλογή αναζήτησης 3: χρήση προσθηκών

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

Υπάρχουν χιλιάδες πρόσθετα για να προσθέσουμε στις συσκευές μας και να εκτελέσουμε μια συγκεκριμένη εργασία, προκειμένου να καλύψουμε μια ανάγκη. Αυτή η επιλογή είναι βέβαιο ότι θα γίνει μια από τις αγαπημένες σας χάρη στην απλότητά της. Προτείνουμε τα Fontface Ninja, WhatTheFonts ή Visbug.

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

Αναζήτηση προσθηκών

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

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


Γίνε ο πρώτος που θα σχολιάσει

Αφήστε το σχόλιό σας

Η διεύθυνση email σας δεν θα δημοσιευθεί. Τα υποχρεωτικά πεδία σημειώνονται με *

*

*

  1. Υπεύθυνος για τα δεδομένα: Miguel Ángel Gatón
  2. Σκοπός των δεδομένων: Έλεγχος SPAM, διαχείριση σχολίων.
  3. Νομιμοποίηση: Η συγκατάθεσή σας
  4. Κοινοποίηση των δεδομένων: Τα δεδομένα δεν θα κοινοποιούνται σε τρίτους, εκτός από νομική υποχρέωση.
  5. Αποθήκευση δεδομένων: Βάση δεδομένων που φιλοξενείται από τα δίκτυα Occentus (ΕΕ)
  6. Δικαιώματα: Ανά πάσα στιγμή μπορείτε να περιορίσετε, να ανακτήσετε και να διαγράψετε τις πληροφορίες σας.