20 Τυπογραφικοί ιστότοποι
Είναι η τάση που ζητούν οι άνθρωποι φέτος. Αλλά είναι πραγματικά μια τάση που έχει εδώ εδώ και δύο χρόνια. Η τυπογραφία είναι μια έννοια που ασκείται εδώ και πολλούς αιώνες. Και είναι ένα που θα μείνει για τα επόμενα χρόνια.
Τι είναι η τυπογραφία που κάνει τους πάντες τρελά; Έχει αυτό το καλλιτεχνικό στοιχείο σε αυτό, όπου μπορεί να αυξήσει την αισθητική μιας σελίδας. Έχει επίσης εκείνο το στοιχείο γραφικού σχεδιασμού που επιτρέπει την ανάγνωση για να είναι εύκολη και λογική. Μετά από όλα, αν δεν μπορώ να το διαβάσω και δεν έχει νόημα, δεν έχει χάσει το σκοπό της;
Η τυπογραφία έχει σημασία, είτε χρησιμοποιείται για να κάνει την ανάγνωση εύκολη, είτε χρησιμοποιείται για να προσθέσει κάποια διακόσμηση. Γίνεται όλο και πιο εύκολη και ευκολότερη, με τις καλύτερες τεχνολογίες, για τους σχεδιαστές να χρησιμοποιούν εξαιρετική τυπογραφία στα σχέδια των ιστοσελίδων τους. Σήμερα, θα έρθουμε σε σας με μερικές εξαιρετικές τοποθεσίες που χρησιμοποιούν τυπογραφία ...
Μια λίστα εκτός
Ας ξεκινήσουμε με μια ιστοσελίδα πολλοί από εμάς είναι εξοικειωμένοι με - περιμένετε ... έχετε δει αυτόν τον υπέροχο νέο επανασχεδιασμό; Το A List Apart δεν χάνει πολύ χώρο με εικόνες και ενδιαφέρεται πολύ για την διαφώτιση της κοινότητας. Ευτυχώς, κάνουν σπουδαία δουλειά, φροντίζοντας το κείμενο να μην είναι υπερβολικό.
Basheer Tome
Ο Basheer Tome το κρατά αρκετά καθαρό και απλό σε ολόκληρη την ιστοσελίδα του. Αυτές οι λεπτότερες, στρογγυλεμένες γραμματοσειρές τείνουν να κάνουν τα πάντα να αισθάνονται κομψά και μοντέρνα. Το κράτησε αρκετά κανονικά χρησιμοποιώντας το Myriad Pro.
Bleed Design
Οι τεράστιες επικεφαλίδες είναι δημοφιλείς επειδή καθιστούν την αναγνωσιμότητα ευχάριστη. Φυσικά, θέλετε να το συνδυάσετε με ωραία, καθαρή γραμματοσειρά. Είμαι βέβαιος ότι δεν χρειάζεται καν να σας πούμε ποια δημοφιλή γραμματοσειρά είναι αυτή, αλλά το Bleed Design είναι προφανώς τεράστιοι οπαδοί της Helvetica Neue.
VGrafiks
Αυτός ο ιστότοπος χρησιμοποιεί μεταξύ τριών και πέντε διαφορετικών γραμματοσειρών ανά σελίδα, συμπεριλαμβανομένης της Intro για τις τεράστιες κεφαλίδες τους. Δεν έχουν τόνο γραπτού περιεχομένου, αλλά η τυπογραφική διάταξη τους κάνει την ανάγνωση εύκολη και γρήγορη.
Co Op
Στα περισσότερα σχέδια ιστού για δημιουργικούς οργανισμούς, υπάρχει μια εστίαση στις εικόνες και την εργασία αντί του αντιγράφου και του κειμένου. Αυτό είναι συνήθως καλό και λειτουργεί καλά. Η Co Op έχει υιοθετήσει μια διαφορετική προσέγγιση και έκανε το σχέδιό τους εξίσου εξαρτημένο και από τα δύο. Στην πραγματικότητα, με τη χρήση του Open Sans, θα μπορούσατε μάλιστα να υποστηρίξετε ότι η τυπογραφία είναι πιο εντυπωσιακή.
Elysium Burns
Με μια διάταξη ιστολογίου, γνωρίζετε ότι θα υπάρξει πολλή αντιγραφή. Η ιδέα, ωστόσο, είναι να βεβαιωθείτε ότι υπάρχει αναγνωσιμότητα και ότι όλα δεν είναι μόνο εκεί και βαρετά. Το Elysium έχει κάνει μεγάλη δουλειά στο να κάνει μια αρκετά συνηθισμένη διάταξη blog πολύ συναρπαστική με τη χρήση της τυπογραφίας. Οι διαφορετικές γραμματοσειρές βοηθούν να διακρίνουν διαφορετικά πράγματα και η Γεωργία κάνει σπουδαία δουλειά για το κείμενο του κορμού αυτού του ιστότοπου.
Ολοκληρωμένο Jean Beaudoin
Αυτή είναι μια πολύ ενδιαφέρουσα διάταξη. Υπάρχει αυτό το παρόν και εξαιρετικά προεξέχον κομμάτι κειμένου στο παρασκήνιο με μια επικάλυψη περισσότερων κειμένων και εικόνων. Η κάμψη των κανόνων και αυτό που είναι κανονικά «σωστό» είναι εξαιρετικά δημιουργικό εδώ και βοηθά με την γραφομηχανή-esque font εδώ. Παίρνουν επίσης κάποια βοήθεια από την Benton Sans για τις κεφαλίδες τους.
Kurppa Hosk
Η ομορφιά της τυπογραφίας τους είναι η διάταξη καθώς και ορισμένες από τις κατάφωρες παραβίαση ορισμένων κανόνων. Μετά από όλα, δεν είναι αυτή η δημιουργικότητα; Η Kruppa Hosk φαίνεται να χρησιμοποιεί μια κυρίαρχη γραμματοσειρά, το Graphik Web, για να παρουσιάσει το περιεχόμενό της.
Ζωή & Θυμάρι
Σε αντίθεση με άλλους ιστότοπους που καλύψαμε εδώ, η ζωή και ο θυμός είναι σχεδόν οπτικά εξαρτώμενες από εικόνες και βίντεο. Ευτυχώς, δεν άφησαν να χάσουν τη συνοχή της μάρκας τους, καθώς χρησιμοποίησαν τυπογραφία για να δημιουργήσουν μια πολύ λεπτομερή εικόνα. Με τη βοήθεια του New Baskerville, η ζωή και το θυμάκι μας δείχνουν πώς να δημιουργούμε τυπογραφία που προσθέτει στις εικόνες.
Ετήσια έκθεση MailChimp για το 2012
Τα Infographics έχουν γίνει ένα μεγάλο «go-to» στον τρόπο που εμφανίζουμε πληροφορίες. Το MailChimp έχει δημιουργήσει διάφορα infographics για να βοηθήσει να απεικονίσει την ετήσια έκθεσή τους για το 2012. Με τη βοήθεια ορισμένων μεγάλων τυπογραφικών σχεδίων και τίτλων της Proxima Nova, αυτή η ετήσια έκθεση είναι ένα πιστοποιημένο χτύπημα.
Μινιαλλίσιμο
Ο μινιμαλιστικός τρόπος σχεδίασης θα μείνει σχεδόν σίγουρα για τις επόμενες ηλικίες. Αυτός ο ιστότοπος χρησιμοποιεί μινιμαλισμό με ένα παλιό στυλ βιβλίου, χρησιμοποιώντας το Skolar για το κείμενο του σώματος.
Monobrow
Η περιήγηση στην αρχική σελίδα του Monobrow δεν δικαιολογεί τον τρόπο οργάνωσης και οπτικοποίησης του αντιγράφου σε αυτόν τον ιστότοπο. Πρέπει να σκάψετε βαθιά για να δείτε μερικές από τις καλύτερες διατάξεις. Αρκετές οικογένειες γραμματοσειρών, μαζί με το Brawler και το Open Sans, συνδέονται καλά για να παρουσιάσουν πληροφορίες.
Αρνητικά εργαστήρια
Το Futura είναι το αγαπημένο μου γραμματοσειρά, οπότε όταν σκόνταψα σε αυτόν τον ιστότοπο, ήξερα ότι έπρεπε να προστεθεί στον κατάλογο. Μείζονος σημασίας εδώ δεν είναι μόνο η γραφή, αλλά ο τρόπος με τον οποίο το κείμενο έχει δημιουργηθεί σε στήλες και επίσης πως είναι ρυθμισμένο να λειτουργεί δίπλα στις εικόνες. Η κύλιση προς τα κάτω θα αποκαλύψει περισσότερες τυπογραφικές διατάξεις που είναι απολύτως όμορφες επίσης.
Premium Draft
Το Premium Draft προσφέρει χειροποίητα φρέσκα παρασκευάσματα για καταναλωτές. Μεταξύ της υπέροχης διάταξης, θα είμαστε remiss να μην δοξάσουμε την ιδέα του μενού. Αυτό που είναι υπέροχο γι 'αυτό είναι ο σχεδιαστής δεν βγήκε από το δρόμο του να προσπαθήσει να κάνει ένα φανταχτερό, σε απευθείας σύνδεση μενού. Το κράτησαν απλό και χρησιμοποίησαν ένα τυποποιημένο σχέδιο εκτύπωσης για να δημιουργήσουν ένα υπέροχο, εύχρηστο μενού.
Πάτρικ Αλγκρίμ
Ένα πράγμα που είναι σπουδαίο να κάνετε στην τυπογραφία είναι να το ανακατέψετε. Όχι μόνο θέλετε να κάνετε μια συνήθεια ανάμειξης διαφορετικών γραμματοσειρών, θέλετε να ανακατέψετε τα στυλ. Ο Patrick κάνει σπουδαία δουλειά στην ανάμιξη των serifs και των sans serifs του. Το Camingo Dos χρησιμοποιείται ευρέως στην ιστοσελίδα του ως το πιο χρησιμοποιημένο sans serif.
Μωβ πορτοκαλί
Μερικές φορές δεν είναι όλα σχετικά με τις υπηρεσίες σας και πόσο σπουδαίοι είστε. Μερικές φορές πρέπει να κάνετε λίγο πειστική ώστε ο πελάτης σας να καταλάβει ή να βρει την ανάγκη για την προσφορά σας. Το Purple Orange το γνωρίζει και παρουσιάζει τις πληροφορίες του με αυτόν τον τρόπο. Με τη βοήθεια του Open Sans, έχουν πολύ καλή διάθεση για το λόγο για τον οποίο πρέπει να ξανασκεφτούμε το PR.
Ros
Εάν γνωρίζετε ότι πρόκειται να δημιουργήσετε ένα σχέδιο τοποθεσίας που εμφανίζει εμφανώς αντίγραφο, είναι πραγματικά δύσκολο να πάει στραβά με το Helvetica. Ο Ros έχει επεξεργαστεί τη λέξη «διαφήμιση» και θέλει να δημιουργήσει ένα ενδιαφέρον για αυτή την ιδέα. Με πλέγματα και διαφορετικά μεγέθη και χρώματα γραμματοσειρών, αυτός ο ιστότοπος είναι σίγουρα ένας συλλέκτης ματιών.
Δαχτυλίδια
Το Tapmates έχει σχεδιάσει μια ιστοσελίδα όπου η τυπογραφία είναι σίγουρα τοποθετημένη στην οθόνη. Σε ολόκληρο τον ιστότοπο, χρησιμοποιούν αρκετά μεγάλα μεγέθη γραμματοσειρών και πιστεύω ότι αυτό βοηθά στη δημιουργία μιας ευκολότερης και ταχύτερης ανάγνωσης. Σκεφτείτε βιβλία μεγάλου κειμένου και τέτοια. Το Tapmates χρησιμοποιεί το Book Freight Book στο κείμενό του αντίγραφο για να σας βοηθήσει με την εύκολη ανάγνωση.
Τα Πραγματικά Βραβεία
Αυτός ο ιστότοπος χρησιμοποιεί πολλά χρώματα και εικόνες. Αλλά όπως είπαμε νωρίτερα, δεν είναι απαραίτητα όλα για τις εικόνες, αλλά και για το πώς δουλεύετε όλα μαζί. Πηγαίνοντας στις εσωτερικές σελίδες θα παρατηρήσετε ότι υπάρχει μια αρκετά ευθεία στυλ στην τυπογραφία. Οι τολμηρές γραμματοσειρές όπως το Proxima Nova βοηθούν στη διάσπαση τσαμπιών κειμένου για να διευκολύνουν την ανάγνωση των κειμένων.
Moresoda
Αυτό που μου αρέσει σε αυτόν τον ιστότοπο είναι η εξάρτηση της δημιουργικής τυπογραφίας από το ενδιαφέρον σας. Αυτός ο ιστότοπος είναι κείμενο με πλειοψηφία και άλλα στοιχεία που ουσιαστικά δεν είναι ρεαλιστικές. Δείχνει ότι με υπέροχες γραμματοσειρές, όπως το Lubalin, μπορείτε να δημιουργήσετε ένα διασκεδαστικό και ισχυρό σχεδιασμό ιστοσελίδων.
Η τυπογραφία είναι εξαιρετικά σημαντική και μερικοί εμπειρογνώμονες θα σας πουν ακόμη ότι δεν μπορείτε να έχετε έναν εξαιρετικό ιστότοπο μέχρι να κατανοήσετε την τυπογραφία.
Πώς αισθάνεστε για την κατάσταση της τυπογραφίας στο web design; Μας χάσαμε κάποιο από τα αγαπημένα σας sites; Ενημερώστε μας στα σχόλια.