Βασικές τάσεις σχεδιασμού, Φεβρουάριος 2017
Μια ενδιαφέρουσα οπτική παρουσία πάνω από το κύλινδρο είναι η πρώτη εντύπωση που ένας χρήστης αποκτά από έναν ιστότοπο. Το αν ο χρήστης συνεχίζει να κάνει κλικ μπορεί να εξαρτάται από πολλά πράγματα, όπως εικόνες, αναγνωσιμότητα και γενικό ενδιαφέρον για το περιεχόμενο.
Αυτό το μήνα εξετάζουμε τρεις τάσεις που δημιουργούν ξεχωριστές πρώτες εντυπώσεις - σκούρες χρωματικές επικαλύψεις σε εικόνες, βαρδαλισμό και κούφια στυλ γραμματοσειρών. Ας δούμε τι συμβαίνει στον σχεδιασμό αυτού του μήνα:
1) Σκούρα επικάλυψη στις εικόνες
Δεν έχει σημασία αν η εικόνα του ήρωα παραμένει ή κινείται, μια στρώση σκούρου χρώματος μπορεί να βοηθήσει ακόμη και τα χρώματα με έναν τρόπο που διευκολύνει την προσθήκη κειμένου και άλλων στοιχείων σε ένα στρώμα πάνω από την εικόνα. Ενώ αυτό ίσως ακούγεται σαν συντόμευση στην αρχή, υπάρχει μεγάλη αξία σε αυτή την τεχνική.
Ο κύριος λόγος για να επιλέξετε μια επικάλυψη χρώματος είναι να βελτιώσετε την αναγνωσιμότητα. Οι περισσότερες εικόνες περιέχουν ελαφριές και σκούρες διαφορές χρώματος, καθιστώντας την πρόκληση να προσθέσετε γράμματα που μπορούν να διαβαστούν σε κάθε συσκευή. Ακόμα κι αν υπάρχει μια τέλεια τοποθέτηση για οθόνες ευρείας επιφάνειας εργασίας, ο ίδιος συνδυασμός εικόνων και κειμένου μπορεί να καταστεί ανυπολόγιστος σε οθόνη κινητού τηλεφώνου.
Εκεί βοηθά μια επικάλυψη χρωμάτων. Το ημιπερατό πλύσιμο του χρώματος πάνω σε μια εικόνα ή βίντεο πρέπει να ενισχύσει την αντίθεση. Στη συνέχεια, τα λευκά ή ανοιχτόχρωμα γράμματα έχουν μια θέση και θα παραμείνουν αναγνώσιμα.
Οι επικαλύψεις σκούρου χρώματος είναι ενδιαφέρουσες και για άλλους λόγους. Μην κολλήσετε στην παγίδα που το σκοτάδι σημαίνει μαύρο ή γκρι. Μια σκούρα επικάλυψη μπορεί να είναι οποιοδήποτε χρώμα, όπως το πράσινο που χρησιμοποιείται από το Internetum, παρακάτω. Μια διασκεδαστική ή ασυνήθιστη επιλογή χρώματος μπορεί να βοηθήσει τους χρήστες να σχεδιάσουν το σχέδιο.
Μια σκούρα επικάλυψη μπορεί να κάνει ακόμα ένα πράγμα: μπορεί να βοηθήσει να καμουφλάρει μια εικόνα ή ένα βίντεο που δεν θέλετε να είστε στην πρώτη γραμμή του σχεδίου. Αυτό θα μπορούσε να οφείλεται στο γεγονός ότι η εικόνα είναι λίγο παλιά, λίγο μαλακή από την άποψη της σύνθεσης ή απλά μια μικρή. Μια έγχρωμη επικάλυψη μπορεί να αλλάξει τη διάθεση της εικόνας, να την καταστήσει λιγότερο ελκυστική και να βοηθήσει το σχεδιασμό να επικεντρωθεί περισσότερο σε άλλο περιεχόμενο, όπως κείμενο, κουμπιά κλήσεων προς δράση ή άλλα γραφικά στοιχεία.
Οι επικαλύψεις μπορούν να είναι πραγματικά σκοτεινές, όπως το Digital Werk ή μπορούν να δώσουν ένα λεπτό σκούρο χρώμα με τον τρόπο της Lytton Living. Ξέρετε ότι έχετε τη σωστή ισορροπία όταν μπορείτε ακόμα να δείτε την εικόνα και όλα τα στοιχεία σε στρώσεις είναι εύκολο να διαβαστούν.
2. Βρουταλισμός
Ασχημος. Δριμύς. Αιχμηρός. Απασχολημένος.
Αυτά είναι μερικά μόνο από τα λόγια που μερικοί χρησιμοποίησαν για να περιγράψουν την τάση σχεδιασμού ιστοτόπου βρουραλισμού. Αλλά μόνο επειδή ένας σχεδιαστής πειραματίζεται με βαρβαρότητα δεν σημαίνει ότι το σχέδιο είναι ένα καυτό χάος. Είναι ακριβώς το αντίθετο.
Αυτό το ύφος χρησιμοποιεί διαφορετικό στυλ και ευαισθησία που περιλαμβάνει τα πράγματα που βλέπετε και τα πράγματα που δεν μπορείτε. Ο Ben McNicholl το περιέγραψε με αυτόν τον τρόπο σε μια θέση για Envato : "Ο« βρουταλισμός »προέρχεται από τη γαλλική λέξη για« ακατέργαστο », έτσι κρατήστε αυτό κατά νου όταν γράφετε τον κώδικα σας.
"Ο ιστότοπος δεν πρέπει να αποτελεί επίδειξη τρόμου με εικόνες που δεν έχουν τακτοποιηθεί και με τα χρώματα των γραμματοσειρών. ο τρόπος με τον οποίο γράφτηκε ο κώδικας είναι επίσης συμβολικός του στυλ. Ενσωματωμένο CSS, untabbed κώδικα, πίνακες HTML, ο κατάλογος συνεχίζεται. "
Υπάρχουν αρκετά παραδείγματα βαρβαρότητας ότι υπάρχει ένα σύνολο γκαλερί ιστοτόπου αφιερωμένο σε αυτά τα σχέδια. Στην εισαγωγή, ο ιστότοπος αναφέρεται σε βιταλισμό με αυτόν τον τρόπο: "Με την ανθεκτικότητα και την έλλειψη ενδιαφέροντος να φαίνονται άνετα ή εύκολα, ο βαρβαρισμός μπορεί να θεωρηθεί ως αντίδραση μιας νεότερης γενιάς στην ελαφρότητα, την αισιοδοξία και την επιδεξιότητα του σημερινού web design. "
Αυτό που είναι ιδιαίτερα ενδιαφέρον για τον βαρβαρότητα είναι ότι ο σχεδιασμός φαίνεται τόσο διαφορετικός από όλα τα επίπεδα και τα ελάχιστα στυλ που είναι τόσο διαδεδομένα. Αν συναντήσετε ένα από αυτά τα σχέδια, δεν μπορείτε να σταματήσετε, να κοιτάξετε και να εξερευνήσετε. Είτε νομίζετε ότι είναι όμορφο ή άσχημο ή κάτι μεταξύ, αυτός είναι ο απώτερος στόχος οποιουδήποτε σχεδιασμού ιστοσελίδας.
3. Κοίλο γράμμα
Τα γράμματα με ενδιαφέροντα γεμίσματα αρχίζουν να αναδύονται σε ολόκληρο τον τόπο. Αυτό που είναι ενδιαφέρον για αυτή την τάση είναι ότι έχει δύο διαφορετικά διαφορετικά βλέμματα:
- Κοίλη γράμματα πάνω σε μια εικόνα ή έγχρωμο φόντο, όπως ο καφές C & C.
- Το γράμμα γεμίζει με μια εικόνα σε απλό υπόβαθρο, όπως το The Loom του Λονδίνου, με μια εναλλακτική εκδοχή όπου μπορείτε σχεδόν να δείτε την εικόνα με ένα φόντο με λεπτή διαφάνεια, όπως η Μητέρα Μου Πριν Μου.
Ενώ αυτή η τάση έχει πολλή οπτική επίδραση και είναι πολύ διασκεδαστική, μπορεί να είναι κάπως δύσκολο να εκτελεστεί.
Όταν πρόκειται για κούφια γράμματα πάνω σε μια φωτογραφία, δεν υπάρχουν πάντα πολλές επιλογές γραμματοσειρών για να διαλέξετε και οι σχεδιαστές μπορούν να κολλήσουν χρησιμοποιώντας τις ίδιες λίγες γραμματοσειρές. Αυτή δεν είναι μια ιδανική κατάσταση για έργα ιστού καθόλου. Υπάρχει περισσότερη ευελιξία για έργα εκτός του web, όπου δεν χρειάζεται να ανησυχείτε για την ενσωμάτωση γραμματοσειρών και την απόδοση.
Όταν πρόκειται για γεμάτα γράμματα, το τέχνασμα για την επιτυχία του είναι ότι οι εικόνες μέσα στα γράμματα πρέπει να είναι διακριτές. Αν οι χρήστες δεν μπορούν να καταλάβουν τι είναι η εικόνα, τότε ο σχεδιασμός δεν θα είναι αποτελεσματικός. Για να βοηθήσετε, οι περισσότεροι σχεδιαστές επιλέγουν παχιά μπλοκ γράμματα εδώ, ώστε να υπάρχει περισσότερο περιθώριο για προβολή εικόνων. Οι εικόνες είναι συχνά πιο αφηρημένες, ή κλωστοϋφαντουργικά ή τοπία επειδή ο ανθρώπινος εγκέφαλος τείνει να γεμίσει τα κενά της εικόνας και εξακολουθεί να λειτουργεί γι 'αυτά. Είναι πολύ πιο δύσκολο να χρησιμοποιήσετε εικόνες με πρόσωπα ή αντικείμενα που πρέπει να δείτε με κάποιο τρόπο επειδή πρέπει να τοποθετηθούν τέλεια μέσα στους χαρακτήρες.
Παρά το γεγονός ότι είναι κάπως προκλητικό, και τα δύο στιλ γράμματα μπορεί να είναι οπτικά ενδιαφέροντα και διασκεδαστικά να δημιουργηθούν.
συμπέρασμα
Σε αντίθεση με κάποιες άλλες τάσεις όπου μπορείτε να εφαρμόσετε μικρές αλλαγές, αυτές οι τρεις επιλογές παρουσιάζουν περισσότερο μια γενική αλλαγή στυλ. Μπορείτε να δείτε τον εαυτό σας χρησιμοποιώντας κάποιο από αυτά σε μελλοντικά έργα;
Τι τάσεις αγαπάτε (ή μιλάτε) τώρα; Θα ήθελα πολύ να δω κάποιες από τις ιστοσελίδες που σας γοητεύει. Ρίξτε μου ένα σύνδεσμο στο Twitter. Θα ήθελα πολύ να σας ακούσω.