Η παραδοσιακή τυπογραφία συναντά σύγχρονες τεχνικές
Οι σχεδιαστές ιστοσελίδων μαίνονται με ενθουσιασμό και ανανεωμένο πάθος για την τυπογραφία τα προγράμματα περιήγησης ξεκινούν , όπως και υπηρεσίες web , και όπως κάνει φανταστικά πράγματα με κείμενο γενικά γίνεται πολύ πιο εύκολο.
Βέβαια, είχαμε τα παρόμοια Cufon και sIFR για αρκετό καιρό, και εξακολουθούν να είναι πολύ χρήσιμα, αλλά η τυπογραφία έχει προχωρήσει πολύ πέρα και είναι ένα πιο φυσικό μέρος των αρχιτεκτονικών ιστοσελίδων τώρα.
Μαζί με την τεράστια τάση στον τύπο που βασίζεται στον κώδικα μέσω των εργαλείων που αναφέρθηκαν παραπάνω, θεωρώ ότι η αναζωπύρωση του λεπτώς κατασκευασμένου τύπου, που θυμίζει μεγάλο μέρος του επιστολόχαρτου, είναι συναρπαστική.
Οι περισσότερες από αυτές τις ιστοσελίδες συνδυάζουν σύγχρονες τεχνικές με παραδοσιακά και όμορφα τυπογραφικά στυλ. Ο συνδυασμός είναι εκπληκτικός και εμπνευσμένος.
OpenPublic
Αυτό είναι ένα εξαιρετικό παράδειγμα για να ξεκινήσετε. OpenPublic είναι σαν το όνειρο ενός τυπογράφου. Δεν χρησιμοποιεί μόνο σύγχρονες τεχνικές τύπου, αλλά ρίχνει μια βουτιά κλασικού τυπογραφικού στυλ. Η αισθητική είναι επίσης κατάλληλη για την πολιτική και την κυβέρνηση.
AlexanderGrahamBell.tel
Σε αντίθεση με το OpenPublic, AlexanderGrahamBell.tel χρησιμοποιεί σχεδόν εξ ολοκλήρου προσαρμοσμένο τύπο, που προκαλεί παραδοσιακές τυπογραφικές διατάξεις. Και πάλι, το στυλ ταιριάζει με την ιστορική φύση της ιστοσελίδας. Σχεδόν όλο το κείμενο αποδίδεται μέσω της αντικατάστασης της εικόνας, ωστόσο, το οποίο συνήθως δεν είναι ιδανικό για SEO, αλλά δεδομένης της βραχυπρόθεσμης φύσης της ιστοσελίδας, είναι κατάλληλο.
Ακρωτηριασμένα Συμπύκνωση
Σχεδόν τίποτα Ακρωτηριασμένα Συμπύκνωση ανταποκρίνεται στον κανόνα. Η έντονη χρήση της τυπογραφίας αισθάνεται παραδοσιακή και εκτυπώσιμη. Αυτό που με χτυπά είναι πώς ολόκληρη η διάταξη συναντάται ως διαλογικό μενού, αποφεύγοντας το ενοχλητικό προφανές μενού του μενού. Το αποτέλεσμα είναι μοναδικό και λείο.
Ampersand: Το Συνέδριο Τυπογραφίας Ιστού
Ampersand δεν είναι λιγότερο από ένα συνέδριο για την τυπογραφία στο διαδίκτυο. Φυσικά, είναι γεμάτο δημιουργικό και όμορφο είδος. Σε αυτήν την περίπτωση, μόνο το λογότυπο αποδίδεται με μια εικόνα. Ολόκληρη η ιστοσελίδα έχει μια αίσθηση εκτύπωσης ή letterpress, ενώ εξακολουθεί να δείχνει πολύ "για το διαδίκτυο".
Bally
Bally είναι ένας εξαιρετικά ασυνήθιστος ιστότοπος και δεν έχει πολλά εμπόδια στο κείμενο. Αλλά ταιριάζει σαφώς με τα παραδοσιακά τυπογραφικά στυλ. Το επίκεντρο αυτής της ασυνήθιστης διάταξης είναι σίγουρα η φωτογραφία και τα προϊόντα. Αλλά αν ο τύπος δεν ταιριάζει με την ασυνέχεια των ενδυμάτων, ο συνολικός ιστότοπος θα είχε πραγματικά μειωθεί.
Burciaga
Burciaga είναι ένα όμορφο blog που απλώς ξεχειλίζει με ένα κλασικό στιλ. Αυτό που μου αρέσει είναι ότι ολόκληρη η ιστοσελίδα είναι λίγο πολύ χτισμένη σε πρότυπο web-ασφαλές τύπο? εκτός από τον τίτλο που βασίζεται σε σενάριο, όλο το κείμενο βρίσκεται στη Γεωργία. Αυτό που πραγματικά κάνει για μένα είναι το πώς αγκαλιάζει τόσο τυπικά τους τύπους διαμόρφωσης ιστού. Ο σχεδιαστής έχει φέρει web-savvy στις παραδοσιακές τεχνικές. Δεν υπάρχει ανθυποψία διάταξης σταθερού μεγέθους για να βρείτε εδώ!
Άγιος Χάκ
Δεδομένου ότι Άγιος Χάκ είναι το χαρτοφυλάκιο ενός ομολογουμένου εραστή της vintage τυπογραφίας, δεν αποτελεί έκπληξη το να το βρούμε ακριβώς πάνω σε αυτό. Το στυλ ταιριάζει απόλυτα με τον καλλιτέχνη πίσω από το ότι ο ιστότοπος θα μπορούσε να εμφανίζεται σε ένα ίδιο το χαρτοφυλάκιο.
Amber Miro
Σε αυτό που φαίνεται να είναι μια σαφής τάση, Amber Miro συνδυάζει σύγχρονες τυπογραφικές τεχνικές με παραδοσιακά στοιχεία και αισθητική. Οι λεπτές γραμμές και η διακόσμηση παίζουν στον παραδοσιακό τρόπο και κάνουν το ντιζάιν να μην είναι πανέμορφο.
Πρόδρομοι
Πρόδρομοι έχει μετατρέψει την απλή σελίδα "Coming soon" σε έργο τέχνης. Αυτός αισθάνεται σαν μια vintage αφίσα, αλλά εκσυγχρονίστηκε με τα "Coming soon" extras που έχουμε περιμένουν. Είναι θαυμάσιο να βλέπεις ότι οι παλιές δεξιότητες μπορούν να εφαρμοστούν τόσο κομψά στον ιστό. Μια σελίδα όπως αυτή φαίνεται τόσο απλή και εύκολη και όμως απαιτεί μεγάλη δεξιότητα για να απομακρυνθεί.
Ο Gerren Lamson
Δώσε προσοχή στο Ο Gerren Lamson Την επιλογή του χρώματος και της υφής. Όπως συμβαίνει σε πολλούς άλλους ιστότοπους που έχουμε δει, τα χρώματα είναι επιτόπου και λειτουργούν τέλεια με το τυπογραφικό στυλ. Η υφή κάνει το ίδιο, προκαλώντας το βιολογικό στυλ της τυπογραφίας επιστολόχαρτου.
Facio Design
Όπως και στο τελευταίο παράδειγμα, το χρώμα και η υφή (και ο τύπος, φυσικά) είναι ζωτικής σημασίας για το θέμα και τη διάθεση Facio Design Της ιστοσελίδας. Αλλά η διακόσμηση εδώ κάνει για ένα στυλ που είναι ξεχωριστό από τα άλλα. Συνθέτει κατά κάποιον τρόπο μια τυπική διάταξη σε στιλ γραμματοσήμων με τη διακόσμηση που θα βρεθεί στο έθιμο φωτισμό επιστολών. Μοναδική και αξέχαστη.
Ειδοποίηση επετείου
Ως προγραμματιστής, μου αρέσει πολύ το σενάριο σε στυλ Ειδοποίηση επετείου έχει οριστεί με CSS και επεξεργάσιμο κείμενο στο διαδίκτυο. Όπως συμβαίνει σε πολλά από τα παραδείγματα εδώ, αυτός ο σχεδιαστής κατανοεί ξεκάθαρα τους περιορισμούς και τις ευκαιρίες του εξαιρετικού σχεδιασμού. Ο τύπος έχει ρυθμιστεί εύκολα με το CSS, είναι εντελώς επεξεργάσιμο και η εφαρμογή του δεν παρουσιάζει επιπλοκές. Ένας φανταστικός γάμος στυλ και πρακτικότητα.
Paradox Labs
Είναι ενδιαφέρον να δούμε πώς αυτοί οι ιστότοποι προκαλούν παραδοσιακούς στυλ σε ποικίλους βαθμούς. Paradox Labs έχει στοιχεία παραδοσιακής τυπογραφίας (εμφανή στην περίφημη διάταξη που μοιάζει με αφίσα), ενώ εξακολουθεί να αισθάνεται πολύ web-centric. Αυτό είναι το είδος του σχεδιασμού που φαίνεται υπέροχο στο Photoshop και ακόμα καλύτερα ως πραγματική ιστοσελίδα. Όλα τα συχνά, το αντίθετο είναι αλήθεια. Τολμώ να πω, κάποιος που έχει κολλήσει στους τρόπους εκτύπωσης ίσως επέμενε να κρατήσει κάθε κομμάτι του περιεχομένου ως ξεχωριστή σελίδα.
Οι εκθέσεις του Lost World's
Πώς θα μπορούσα να μιλήσω για την ανάμειξη του παραδοσιακού τύπου με τις σύγχρονες τεχνικές και να το αφήσω έξω Οι εκθέσεις του Lost World's mini-site. Βεβαιωθείτε ότι έχετε χτυπήσει τις τρεις υπο-σελίδες, επειδή το καθένα είναι στυλ με μερικές από τις πιο εκπληκτικές web-based τύπου που θα δείτε ποτέ. Στην πραγματικότητα, οι σελίδες δημιουργήθηκαν για να προβάλουν ακριβώς αυτό. Σίγουρα θα αμφισβητήσουν τις προσδοκίες σας από τον τύπο του διαδικτύου.
συμπέρασμα
Στη σύγκρουση νέων και παλαιών, οι σχεδιαστές σαφώς δεν χρειάζεται να εγκαταλείψουν τις ρίζες τους. Φυσικά, πρέπει να προσαρμόσουν τα παραδοσιακά τυπογραφικά στυλ για να φαίνονται ομαλά, αλλά πολλές από αυτές τις τεχνικές είναι ανεκτίμητες σε ένα πανέμορφο στυλ ιστού.
Για να πούμε τουλάχιστον, η τάση εκρήγνυται στο διαδίκτυο. Για όσους κινούνται από εκτύπωση σε ιστό, πολλά από τα παραδείγματα εδώ πρέπει να σας δώσουν την έμπνευση που χρειάζεστε για την εναρμόνιση των δύο κόσμων.
Γράφτηκε αποκλειστικά για το WDD από τον Patrick McNeil. Ο Patrick είναι ανεξάρτητος συγγραφέας, προγραμματιστής και σχεδιαστής. Συγκεκριμένα, αγαπά να γράψει για το σχεδιασμό ιστοσελίδων, να εκπαιδεύσει τους ανθρώπους στην ανάπτυξη ιστοσελίδων και να δημιουργήσει ιστότοπους. Το πάθος του Patrick για τις τάσεις και τα σχέδια του web design μπορεί να βρεθεί στα βιβλία του ΤοWebDesignersIdeaBook.com . Ακολουθήστε τον Patrick στο Twitter @designmeltdown .
Πώς συγχωνεύσατε τα παραδοσιακά στυλ με τη σύγχρονη τεχνική; Μοιραστείτε τις εμπειρίες σας μαζί μας!