Βιτρίνα: Υφή στην Σχεδίαση Ιστού
Υφή φόντου στο σχεδιασμό ιστοσελίδων είναι κοινά, ειδικά σε σχέδια grunge. Αλλά χρησιμοποιούνται σε μια ποικιλία άλλων σχεδιαστικών στυλ.
Οι υφές μπορούν να προσθέσουν οπτικό ενδιαφέρον σε ένα άλλο-μινιμαλιστικό σχέδιο, ή μπορούν να προσθέσουν αυτό το επιπλέον κομμάτι λεπτομέρειας που πραγματικά κάνει ένα pop design.
Οι υφές χαρτιού είναι μακράν οι πιο συνηθισμένες, αλλά άλλες τακτικές υφές περιλαμβάνουν πέτρα, σκυρόδεμα, σκουριά και ύφασμα. Και δεν χρησιμοποιούνται μόνο για φόντο. Ορισμένοι ιστότοποι ενσωματώνουν υφές σε κάθε πτυχή του σχεδιασμού τους, ενώ άλλοι απλώς τους χρησιμοποιούν για τόνους.
Παρακάτω υπάρχουν περισσότερα από τριάντα μεγάλα σχέδια ιστοσελίδων που κάνουν χρήση των υφών. Μπορείτε να μοιραστείτε τα αγαπημένα σας, είτε εμφανίζονται εδώ είτε όχι, στα σχόλια ...
Kohette WebDesign
Ένα φόντο με υφή πέτρας διαχωρίζεται με λεπτό χρωματισμό στην κεφαλίδα. Η υφή επαναλαμβάνεται σε όλο το φόντο.
Αγκαλιές για τα τέρατα
Οι αγκαλιές για τα τέρατα χρησιμοποιούν μια τολμηρή πέτρα υφή σε όλο το φόντο στην περιοχή τους. Η ενσωμάτωσή της στην κεφαλίδα προσθέτει μια αίσθηση συνεκτικότητας στον ιστότοπο.
Φεστιβάλ Μουσικής Δάσους Edge
Η περιοχή του Forest Edge Music Festival είναι μια εντυπωσιακή και πολύχρωμη σχεδίαση grunge, με πολλαπλές υφές που χρησιμοποιούνται σε όλη την έκταση. Μια υφή χαρτόνι είναι η πιο εμφανής, αν και υπάρχουν επίσης πιο λεπτές υφές χαρτιού.
Πήγαινε Μαμούθ
Η υφή του grungy χαρτιού στο φόντο εδώ αντανακλάται σε άλλα στοιχεία σελίδας, συμπεριλαμβανομένου του μενού πλοήγησης. Προσθέτει οπτικό ενδιαφέρον για αυτό που διαφορετικά θα ήταν πολύ μοντέρνο αισθητικά.
Περιστέρι & Περιστέρι
Οι βαριές υφές που χρησιμοποιούνται εδώ μοιάζουν σχεδόν με έναν τοίχο βαμμένο με σφουγγάρι. Η βαριά χρήση των υφών όπως αυτή θα πρέπει να γίνεται με προσοχή, ώστε να μην κατακλύζεται το περιεχόμενο. Εδώ λειτουργεί επειδή το περιεχόμενο είναι πολύ ελάχιστο.
Benestar
Ο ιστότοπος Benestar χρησιμοποιεί ένα συνδυασμό χαρτιού, υφάσματος και ξύλινων υφασμάτων, καθώς και μια ποικιλία λεπτών σχεδίων. Δημιουργεί ένα πολύ πλούσιο, πολυεπίπεδο σχέδιο.
Marie Catribs
Επαναλαμβάνοντας παρόμοιες υφές σε μια τοποθεσία, όπως γίνεται εδώ με χειροποίητες υφές χαρτιού σε διάφορα χρώματα. Τα στοιχεία που έχουν σχεδιαστεί με το χέρι υπογραμμίζουν περαιτέρω την υφή του χαρτιού.
Crush + Lovely
Λεπτές υφές όπως αυτές που χρησιμοποιούνται εδώ μπορούν να έχουν μια πολύ πλούσια επίδραση σε ένα μινιμαλιστικό σχέδιο τοποθεσίας. Η ανάμειξη των υφασμάτων διατηρώντας ταυτόχρονα ένα μονοχρωματικό συνδυασμό χρωμάτων ενισχύει αυτό το αποτέλεσμα.
Νομίζω. Κάνω. Δημιουργώ.
Οι υφές δεν πρέπει να χρησιμοποιούνται σε ολόκληρο τον ιστό για να έχουν αντίκτυπο. Εδώ, οι υφές χαρτιού χρησιμοποιούνται μόνο στην κεφαλίδα και στην πλευρική γραμμή, αφήνοντας το μεγαλύτερο μέρος του φόντου λευκό.
Φορητή εκτύπωση
Όταν οι λεπτές υφές συνδυάζονται με λεπτές μορφές, το τελικό αποτέλεσμα είναι εκλεπτυσμένο και κομψό, με αυτό το επιπλέον στοιχείο που κάνει το σχέδιο ξεχωρίζει.
Παράκτια σύνδεση
Μια βαριά υφή χαρτιού, όπως αυτή που χρησιμοποιείται εδώ, κάνει μεγάλη διαφορά στην αισθητική ενός χώρου. Χωρίς την υφή, αυτό θα ήταν ένα πολύ μινιμαλιστικό site.
Αδελφικός ανταγωνισμός
Ένα άλλο παράδειγμα ενός τόπου με στυλ grunge που κάνει βαριά χρήση των υφασμάτων χαρτιού.
Τι κάνει η Katie
Τι Katie Does είναι μια άλλη τοποθεσία που συνδυάζει μια λεπτή υφή χαρτιού με ένα επαναλαμβανόμενο μοτίβο (τόσο στο φόντο και την κεφαλίδα). Άλλα στοιχεία σχεδιασμού αντανακλούν το χαρτί μοτίβο.
Η βιτρίνα
Το Hipstery χρησιμοποιεί ένα φόντο με υφή χαρτιού πίσω από το κύριο περιεχόμενο τους, καθώς και πίσω από το υπόβαθρο. Προσθέτει στην αίσθηση του ιστοτόπου.
Doublenaut
Αυτό το υπόβαθρο συνδυάζει ένα μοτίβο και μια υφή, με τη μορφή ό, τι μοιάζει με γεμάτο χαρτί. Προσθέτει επιπλέον ενδιαφέρον σε έναν ιστότοπο που διαφορετικά είναι πολύ μινιμαλιστικός.
Digital Podge 2009
Μια άλλη τοποθεσία που χρησιμοποιεί μια υφή χαρτιού για το φόντο της. Λεπτές αλλά αποτελεσματικές.
Άπειρο
Ένα ελαφρύ, πέτρινο φόντο είναι αρκετά λεπτό για να χρησιμοποιηθεί άμεσα πίσω από το κείμενο. Προσέξτε να χρησιμοποιείτε πιο τολμηρές υφές με τέτοιο τρόπο.
TypeFaces
Ένα άλλο γραφικό χαρτί με υφή φόντου που είναι αρκετά λεπτό ώστε να έχει τον τύπο τοποθετημένο απευθείας επάνω του.
Δουκάτο του Νοσοκομείου της Κορνουάλης
Χρησιμοποιώντας διαφορετικές αποχρώσεις του χρώματος στην αποτελεσματική ίδια υφή φόντου προσθέτει βάθος και ενδιαφέρον για ένα σχέδιο.
Αμφισβητήσιμους χαρακτήρες
Το υπόβαθρο από σκυρόδεμα προσθέτει έναν τόνο οπτικού ενδιαφέροντος και είναι λίγο απροσδόκητο, δεδομένου ότι το υπόλοιπο μέρος του site χρησιμοποιεί στοιχεία με θέμα το χαρτί.
Υπηρεσία οδηγού του Sky
Εδώ είναι μια περιοχή που χρησιμοποιεί μια σειρά από υφές, συμπεριλαμβανομένων των κόκκων ξύλου και του χαρτιού. Έχουν προσθέσει στοιχεία όπως συρραπτικά και λεκέδες νερού για να τονίσουν περαιτέρω τις υφές.
Bermon Painter
Ένα ελαφρώς διαφορετικό υπόβαθρο χαρτιού, γεμάτο με λεκέδες νερού και καιρικές συνθήκες. Είναι λεπτή αλλά προσθέτει μεγάλη αισθητική αξία.
Paul Bennett
Μια άλλη τοποθεσία που χρησιμοποιεί μια λεπτή υφή χαρτιού για φόντο με κείμενο τοποθετημένο απευθείας στην κορυφή.
Ο Ματθαίος και η Σάρα παντρεύονται
Το ύφασμα ταπετσαρίας σε ύφος εδώ είναι κάτι διαφορετικό από το κανονικό. Είναι ένα είδος συνδυασμού υφής και μοτίβου και δουλεύει εξαιρετικά.
Η Αίθουσα Αναμονής
Οι ιστοτόποι σε στυλ vintage κερδίζουν πολλά χρησιμοποιώντας το περίτεχνο χαρτί με φόντο το φόντο.
Christopher Calicott
Ένα άλλο υφή φόντου που προσθέτει επίσης ένα κομμάτι από ένα μοτίβο με τη μορφή λεπτών τετραγώνων. Η διαφάνεια στην κύρια περιοχή περιεχομένου υπογραμμίζει περαιτέρω την υφή.
Σχεδίαση Ανάπτυξης & Επιδίωξη της Ευτυχίας
Ένα άλλο φανταστικό παράδειγμα ενός φόντου με υφή χαρτιού, αυτή τη φορά με πιο γκρίζο τόνο από πολλά από αυτά που φαίνονται παραπάνω.
Φωτογραφία της Amy Herndon
Το φόντο είναι ένα μονόχρωμο υφή καμβά. Προσθέτει στη φυσική εμφάνιση του χώρου και έχει πολύ οργανικό συναίσθημα.
Rhett Canipe
Η τοποθεσία του Rhett Canipe χρησιμοποιεί μια ποικιλία υφασμάτων για μια εμφάνιση grunge. Η ανάμειξη των εφέ ακουαρέλας με τις υφές δημιουργεί ένα πολύ πιο πλούσιο σχέδιο.
Fiore Designs
Τα σχέδια Fiore ενσωματώνουν μια ποικιλία υφών: το φόντο είναι ένα λινάρι και τα υφάσματα χαρτιού χρησιμοποιούνται σε όλα τα κύρια στοιχεία σχεδιασμού. Είναι ένα πολύ οπτικά ενδιαφέρον αποτέλεσμα που αισθάνεται πολύ κομψό και αποκλειστικό.
Κάθε φορά που πεθαίνω
Η πιο τολμηρή υφή πέτρας που χρησιμοποιείται σε όλη την τοποθεσία Every Time I Die, προσθέτει στη συνολική εμφάνιση grunge. Ισχυρότερες υφές όπως αυτή θα πρέπει να χρησιμοποιούνται με προσοχή, καθώς μπορούν να είναι συντριπτικές εάν δεν ενσωματωθούν σωστά. Εδώ, τα τολμηρά χρώματα και γραφικά αντισταθμίζουν.
Το Internet Studio του Evan Stein
Μια πλούσια υφή χαρτιού στο φόντο είναι ένα άλλο παράδειγμα μιας ισχυρής υφής. Το απλό σχέδιο χρωμάτων εδώ, όμως, το κρατά από το να είναι συντριπτικό.
InkByte
Η ιστοσελίδα InkByte χρησιμοποιεί μια υφή λεκέδων για το φόντο της, η οποία φαίνεται εξαιρετική χωρίς να συντρίβει το περιεχόμενο.
Kathryn Thurman
Μια ποικιλία υφασμάτων από χαρτί και χαρτόνι σε όλο το σχεδιασμό αυτού του site δίνει μια αίσθηση vintage και grungy στο σχεδιασμό.
Francesco Molezzi Σχεδιασμός και πολυμέσα
Ένα άλλο λεπτό υπόβαθρο σε χαρτί, το οποίο καθιστά ολόκληρο τον ιστότοπο πιο ρετρό, παρά το γεγονός ότι υπάρχει μόνο ένα πραγματικά ρετρό γραφικό στη σελίδα. Παρατηρήστε επίσης ότι άλλες υφές έχουν ενσωματωθεί με λεπτότητα, συμπεριλαμβανομένης μιας υφής denim στην κεφαλίδα και περισσότερου χαρτιού στην κορυφαία πλοήγηση.
Γράφτηκε αποκλειστικά για WDD από Κάμερον Τσάπμαν .
Έχετε το δικό σας αγαπημένο σχέδιο ιστοσελίδων που χρησιμοποιούν υφές καλά, ή ίσως μερικά μαθήματα που μιλούν για καλή χρήση των υφών; Παρακαλείσθε να τα μοιραστείτε στα παρακάτω σχόλια!