Κείμενο σε πλαίσιο. Κείμενο σε κουτί Νέο στη γραφιστική

Γραμμές, χρώματα, φως και σκιά, χώρος και σχήματα είναι τα στοιχεία που συνθέτουν έναν πίνακα. Κάθε εποχή είχε τις δικές της τάσεις στην αναπαράσταση του κόσμου. Οι σχεδιαστές ιστοσελίδων είναι ίδιοι με τους καλλιτέχνες, μόνο που δημιουργούν σε ψηφιακή μορφή. Και αν οι τάσεις στην τέχνη δεν άλλαζαν τόσο συχνά, τότε το web design μεταμορφώνεται από χρόνο σε χρόνο. Θα προσπαθήσουμε να συντάξουμε έναν οδηγό για τις τάσεις του graphic design και να προβλέψουμε πώς θα αλλάξουν οι ιστότοποι το 2017. Μπορείτε να διαβάσετε για τις τάσεις του web design για το 2018.

Έτσι, το 14 στρέφεται στο δρόμο για μια μοντέρνα διεπαφή:

1. Εστιάστε στο περιεχόμενο

Τι είναι πιο σημαντικό: περιεχόμενο ή σχεδιασμός σελίδας; Η απάντηση είναι απλή - ο σχεδιασμός πρέπει να παρουσιάζει ευνοϊκά το περιεχόμενο. Οι σχεδιαστές της υπηρεσίας WebFlow (κατασκευαστής ιστοσελίδων) προτείνουν να τερματιστεί ο αγώνας για υπεροχή το 2017 δίνοντας προτίμηση στο περιεχόμενο. Ένας χρήστης επισκέπτεται έναν ιστότοπο αναζητώντας μια απάντηση σε ένα ερώτημα, είτε πρόκειται για προϊόν, υπηρεσία ή χρήσιμο άρθρο. Το καθήκον του σχεδιαστή ιστοσελίδων είναι να παρουσιάσει το περιεχόμενο όσο πιο βολικά γίνεται για ένα άτομο.

2. Αποφυγή «χάμπουργκερ»

Το μικρό και βολικό εικονίδιο μενού με τη μορφή τριών λωρίδων, το οποίο ονομάστηκε «χάμπουργκερ» για την ομοιότητά του με τα στρώματα φαστ φουντ, χάνει σταδιακά τη δημοτικότητά του. Χρησιμοποιείται πολύ συχνά. Το 2017, ενθαρρύνονται πειράματα με πλοήγηση και ασυνήθιστη διάταξη των τμημάτων του μενού, για παράδειγμα σε ένα πλαίσιο γύρω από τον ιστότοπο.

3. "Σχεδίαση με βάση την κάρτα"

Ο σχεδιασμός ιστοσελίδων καρτών έχει κατακτήσει γρήγορα το Διαδίκτυο. Τα πλεονεκτήματα αυτής της μεθόδου σχεδιασμού:

βολική τοποθεσία των μπλοκ στον ιστότοπο.
οπτικά συμφέρουσα παρουσίαση περιεχομένου·
προσαρμοστικότητα για κινητές συσκευές.

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

Αλλά ο σχεδιασμός μπλοκ χάνει σταδιακά τη θέση του ως αγαπημένου λόγω της «ακατάστατης» φύσης μιας τέτοιας διεπαφής. Ο μινιμαλισμός και η επίπεδη σχεδίαση παραμένουν δημοφιλή. Τα καθαρά και βολικά στοιχεία πλοήγησης χωρίς περιττούς ελιγμούς, η χρήση λίγων μόνο χρωμάτων στη σχεδίαση είναι τεχνικές δοκιμασμένες στο χρόνο.

4. Σπασμένο πλέγμα

Αυτή η τάση ενθαρρύνει τους σχεδιαστές να σκέφτονται έξω από το κουτί. Δοκιμάστε να χρησιμοποιήσετε ένα μη τυποποιημένο πλέγμα στον ιστότοπο - αφήστε τα μπλοκ να «επικαλύπτονται» λίγο μεταξύ τους και αφήστε τα κείμενα να ξεπεράσουν τα συνηθισμένα όρια.

Η πρωτοτυπία είναι πάντα στη μόδα. Οι δυτικοί σχεδιαστές έχουν ήδη δοκιμάσει μη τυποποιημένες διατάξεις και νέες προσεγγίσεις στη γραφιστική. Οι πιο τολμηρές λύσεις μπορούν να εφαρμοστούν χρησιμοποιώντας μονάδες Flexbox και CSS Grid.

5. Πιασάρικες ασυνήθιστες γραμματοσειρές - προκατάληψη τυπογραφίας

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

Μια εξαιρετική προσθήκη στο σχεδιασμό της ιστοσελίδας θα ήταν τα γραφικά γραμματοσειράς (αν χρειάζεται).

6. Responsive design

Η ευελιξία του ιστότοπου για συσκευές με μεγάλες και μικρές οθόνες δεν είναι πλέον μια νέα τάση. Η προσέγγιση «πρώτα για κινητά» εξακολουθεί να ισχύει το 2017. Εκτός από την ικανότητα προσαρμογής σε gadget για κινητά, στο εγγύς μέλλον οι ιστότοποι θα πρέπει να προσαρμοστούν σε συγκεκριμένο χρήστη ανάλογα με:

ηλικία;
δεξιότητες (ικανότητες).

Για παράδειγμα, οι γραμματοσειρές, η φωτεινότητα των χρωμάτων, η πλοήγηση θα αλλάξουν ανάλογα με το ποιος επισκέφτηκε τον ιστότοπο: ένας συνταξιούχος, ένα παιδί προσχολικής ηλικίας, ένας αρχάριος στο Διαδίκτυο ή ένας χρήστης με αυτοπεποίθηση. Αυτό θα γίνει δυνατό χάρη στην ανάπτυξη μεταδεδομένων.

7. Χρώματα

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

Μοιάζει με φρέσκο ανοιξιάτικο πράσινο και θα σας βοηθήσει να προσθέσετε χρωματικούς τόνους στην τοποθεσία. Οι ειδικοί από το Pantone Color Institute το ονόμασαν το χρώμα του 2017.

8. Infographics

Η τεχνική δεν είναι νέα, αλλά αποτελεσματική. Οποιαδήποτε στατιστικά στοιχεία στον ιστότοπο με τη βοήθεια γραφημάτων μετατρέπεται σε μια οπτικά κατανοητή εικόνα με ενδιαφέρον περιεχόμενο.

9. Κινούμενα σχέδια

Οι στατικές σελίδες είναι βαρετές. Είναι πολύ πιο ενδιαφέρον για τον χρήστη να «περπατάει» σε έναν ιστότοπο με κινούμενα εικονίδια. Τραβήξτε την προσοχή με κινούμενα σχέδια σε εκείνα τα στοιχεία που είναι ωφέλιμα για εσάς, για παράδειγμα, στο κουμπί «Αγορά».

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

10. Φωτογραφίες και βίντεο φόντου

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

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

11. Σταματήστε το «απόθεμα»!

Στοκ φωτογραφίες βρίσκονται σε κάθε γωνιά του Διαδικτύου και αυτό μπορεί να κάνει έναν ιστότοπο να χάσει την προσωπικότητά του. Το 2017, ο Ιστός δίνει προτίμηση σε μοναδικές εικόνες.

12. Κύλιση +

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

13. Parallax scrolling

Το 2017, η τεχνική parallax (κίνηση με διαφορετικές ταχύτητες του φόντου και του πρώτου πλάνου) θα αποκτήσει μια νέα πνοή - την ανάπτυξη πιο περίπλοκων τεχνικών πολλαπλών επιπέδων. Πειραματιστείτε με την parallax, αιχμαλωτίστε το άτομο που επισκέπτεται τον ιστότοπο με διαδραστικά στοιχεία. Μην το παρακάνετε όμως για να μην μπερδέψετε τον χρήστη.

14. 3D πανοράματα

Οι πανοραμικές εικόνες 360° είναι ένας άλλος τρόπος για να επιδείξετε αποτελεσματικά ένα προϊόν στον χρήστη ή να «δώσετε» στον επισκέπτη την ευκαιρία να είναι εικονικά παρών σε κάποιο μέρος, για παράδειγμα, σε ένα γραφείο ή ένα ξενοδοχείο της εταιρείας.

Αυτές είναι οι κύριες τάσεις στο σχεδιασμό ιστοσελίδων για το 2017. Αλλά μην εστιάσετε μόνο σε αυτά. Πειραματιστείτε, μάθετε από έμπειρους συναδέλφους και τότε ο ιστότοπός σας θα γίνει πρωτότυπος και κατανοητός σε όλους τους χρήστες. Και είμαστε πάντα έτοιμοι για εσάς σε αυτό!

Ο Ryan McCready, επεξεργαστής περιεχομένου για την υπηρεσία σχεδίασης infographic Venngage, μιλά για το τι είναι δημοφιλές στη γραφιστική αυτή τη στιγμή και ποιες τεχνικές έχουν καταργηθεί φέτος.

Έντονα και ζωηρά χρώματα

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

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

Η μόδα για τολμηρά και φωτεινά χρώματα στο σχεδιασμό προέρχεται από τις αρχές του Material Design της Google. Η εταιρεία επέλεξε ένα επίπεδο, απλοποιημένο και διαισθητικό σχέδιο με την προσθήκη «απροσδόκητων και ενεργητικών χρωμάτων, καθώς και λειτουργικών και ευχάριστες γραμματοσειρές και εικόνων».

Σε γενικές γραμμές, πολλές τρέχουσες τάσεις το 2017 προέκυψαν υπό την επίδραση των αρχών του Υλικού Σχεδιασμού της Google.

Τα χρησιμοποιήσαμε επίσης για να δημιουργήσουμε αυτήν την διαφημιστική εικόνα του e-book. Ως αποτέλεσμα, η εικόνα έγινε απίστευτα δημοφιλής.

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

Εντονη γραμματοσειρά

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

Το αγαπημένο μου παράδειγμα είναι το Wired. Χρησιμοποιεί διαφορετικές γραμματοσειρές για να επισημάνει συγκεκριμένες επικεφαλίδες και να διατηρεί μια ιεραρχική σειρά πληροφοριών στη σελίδα.

Απλά ρίξτε μια ματιά:

Ένα άλλο καλό παράδειγμα χρήσης πιασάρικων γραμματοσειρών είναι το HubSpot. Το κείμενο βρίσκεται σε πρώτο πλάνο και υποστηρίζεται από γραφικά:

Το HubSpot κατανοεί ότι κάθε χρόνο ο χρόνος που απαιτείται για την απορρόφηση πληροφοριών από ένα tweet τείνει στο μηδέν. Ως εκ τούτου, για να τραβήξουν την προσοχή του αναγνώστη, χρησιμοποιούν σύντομες και περιεκτικές επιγραφές με έντονα γράμματα.

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

Το buffer επισημαίνει τους τίτλους σε ολόκληρο το άρθρο, όχι μόνο στην αρχή - κάνοντας τα άρθρα πιο ευανάγνωστα σε όλες τις συσκευές. Συνιστώ τη χρήση αυτής της προσέγγισης για μεγάλα άρθρα - με αυτόν τον τρόπο θα βοηθήσετε τους αναγνώστες να πλοηγηθούν σε αυτά.

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

Γραμματοσειρές από το Google Fonts

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

Παρεμπιπτόντως, και οι 810 γραμματοσειρές είναι εντελώς δωρεάν! Ω ναι, στους ανθρώπους αρέσουν τα δωρεάν πράγματα. Τους αρέσουν επίσης πράγματα που είναι πολύ εύκολα στη χρήση. Ακολουθεί ένα παράδειγμα συνδυασμού πολλών δημοφιλών γραμματοσειρών από την Google:

Στον ιστότοπό μας χρησιμοποιούμε γραμματοσειρές Roboto και Open Sans.

Πρωτότυπες φωτογραφίες

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

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

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

Και η ανάγκη χρήσης καθαρών και τέλειων φωτογραφιών μόνο χειροτέρεψε την κατάσταση.

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

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

Είμαι βέβαιος ότι όλοι στην ομάδα σας έχουν τηλέφωνο με κάμερα. Γιατί δεν τα χρησιμοποιείς; Τραβήξτε φωτογραφίες από το γραφείο ή το λογότυπό σας και χρησιμοποιήστε αυτές τις φωτογραφίες.

Μάθετε αν υπάρχει ένας επίδοξος φωτογράφος μεταξύ των συναδέλφων σας. Δώστε του μερικές μέρες να νοικιάσει ένα γραφείο - και θα έχετε αρκετές φωτογραφίες για έναν ολόκληρο χρόνο!

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

Χειροποίητες εικόνες και εικονίδια

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

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

Το Dropbox χρησιμοποιεί εικονογραφήσεις με το χέρι. Έγιναν μέρος του brand της εταιρείας και την έκαναν αναγνωρίσιμη.

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

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

Η τάση επικράτησε επίσης από την υπηρεσία MailChimp. Στην έκθεση του 2016, δείχνει επίσης παρόμοια σχέδια.

Η Moz, μια εταιρεία που αναπτύσσει λογισμικό μάρκετινγκ, εισάγει εικόνες στην κεφαλίδα των άρθρων:

Μερικές φορές η αγάπη μας για τα σχέδια εκδηλώνεται σε άλλα έργα:

Επιστροφή στις ρίζες του μινιμαλισμού

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

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

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

Το αγαπημένο μου παράδειγμα μινιμαλιστικού σχεδιασμού είναι το λογότυπο της πλατφόρμας Medium. Οι δημιουργοί του μπόρεσαν να συνδυάσουν πολλά διαφορετικά χρώματα και να διατηρήσουν ένα μινιμαλιστικό στυλ.

Η Google έκανε έναν ακόμη επανασχεδιασμό του λογότυπου υπέρ του μινιμαλισμού και ενός συνδυασμού φωτεινών χρωμάτων. Αξιοσημείωτο είναι ότι αυτή η εταιρεία λειτούργησε ως καταλύτης για την εμφάνιση πολλών νέων τάσεων. Οι σχεδιαστές περιέκοψαν ελαφρώς τη γραμματοσειρά και παρουσίασαν μια νέα εμφάνιση λογότυπου σε σχήμα G που μου αρέσει πολύ.

Το πνεύμα του μινιμαλισμού είναι αισθητό σε όλα αυτά, αλλά ο Τύπος δεν έγραψε γι 'αυτό. Οι άνθρωποι έχουν ξεχάσει τι είναι αληθινός μινιμαλισμός. Το λογότυπο δεν ήταν άχρωμο και φτιαγμένο σε ενιαία μορφή, οπότε κανείς δεν πίστευε ότι ήταν φτιαγμένο σε μινιμαλιστικό στυλ.

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

Εμείς οι ίδιοι αρχίσαμε να χρησιμοποιούμε ένα πιο μινιμαλιστικό στυλ για το σχεδιασμό των ιστολογίων μας.

Ο απλός σχεδιασμός εικόνας μεταφέρει εύκολα τις απαραίτητες πληροφορίες.

Χρήση GIF

Όλοι (καλά, σχεδόν όλοι) αγαπούν τα GIF. Μας βοηθούν στη συζήτηση γιατί μερικές φορές μπορούν να μεταφέρουν συναισθήματα καλύτερα από το κείμενο.

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

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

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

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

Δίχρωμες εικόνες

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

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

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

Τα μενού κεφαλίδων σελίδας που περιλάμβαναν προηγουμένως 5-7 επιλογές θα προσφέρουν τώρα 3-4 επιλογές.

Λιγότερες επιλογές διευκολύνουν τον χρήστη να βρει τις πληροφορίες που χρειάζεται και να αποφύγει την "παράλυση επιλογής".

Ένα καλό παράδειγμα μιας νέας προσέγγισης είναι η Ikea. Στα παρακάτω στιγμιότυπα οθόνης μπορείτε να συγκρίνετε την παλιά και τη νέα έκδοση της ιστοσελίδας της εταιρείας.

Παλιά εκδοχή:

Νέα έκδοση που κυκλοφόρησε το 2016:

Άρνηση του μενού χάμπουργκερ

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

Το Spotify έχει ήδη εγκαταλείψει το μενού χάμπουργκερ στην εφαρμογή του. Περισσότερες εταιρείες θα ακολουθήσουν το παράδειγμά του το 2017.

Διχρωμίες

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

Το 2017, αναμένουμε πιο ενεργή χρήση διχρωμιών αντί για έγχρωμα φόντα.

Απτική σχεδίαση

Το μειονέκτημα της κύλισης parallax είναι ότι επιβραδύνει την ταχύτητα φόρτωσης της σελίδας.

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

Δράση με νόημα

Μία από τις βασικές αρχές του σχεδιασμού υλικών είναι η «με νόημα δράση». Το πιστεύει η Google «Η δράση πρέπει να είναι ουσιαστικό και κατάλληλο, χρησιμεύει για να προσελκύσει την προσοχή και να διατηρήσει τη συνέχεια».

Η εφαρμογή Tumblr είναι ένα καλό παράδειγμα αυτής της αρχής. Κέρδισε το Βραβείο Υλικού Σχεδιασμού για Κινούμενα Σχέδια 2016.

Αποφύγετε στοκ εικόνες χαμηλής ποιότητας

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

Λιγότερες εφαρμογές, περισσότερα PWA

Η τεχνολογία PWA (Progressive Web Apps) επιτρέπει σε έναν ιστότοπο να λειτουργεί σαν εφαρμογή. Συμπεριλαμβανομένων εκτός σύνδεσης. Χρησιμοποιείται ήδη από μεγάλες εκδόσεις και εταιρείες όπως η Washington Post, η Airberlin και η Flipkart. Φέτος η δημοτικότητα της τεχνολογίας θα αυξηθεί.

Γραμματοσειρές Google

Η Google δημιούργησε μια βιβλιοθήκη γραμματοσειρών ανοιχτού κώδικα το 2010. Το 2016, ενώ συνέχισε να εργάζεται στον σχεδιασμό υλικών, η εταιρεία βελτίωσε επίσης την υπηρεσία γραμματοσειρών Google. Ως αποτέλεσμα, οι προεπισκοπήσεις γραμματοσειρών έχουν γίνει πιο γρήγορες και η προσαρμογή τους ευκολότερη. Η ενότητα Προτεινόμενα περιέχει γραμματοσειρές που ταιριάζουν καλά με το σχεδιασμό υλικού.

Το 2017, ακόμη περισσότεροι σχεδιαστές ιστοσελίδων θα εργάζονται με γραμματοσειρές Google.

Μινιμαλισμός

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

Συχνά στα βιογραφικά των σχεδιαστών μπορείτε να βρείτε τη φράση: «Ακολουθώ τις ουκρανικές και ξένες τάσεις, τις εφαρμόζω στη δουλειά μου». Η φράση δεν σημαίνει τίποτα εκτός από το ότι ακολουθείτε μια συγκεκριμένη λίστα σχεδιαστών στο Behance και στο Dribble και προσπαθείτε να τους κληρονομήσετε.

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

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

Ο οραματιστής είναι ένας αναλυτής και στρατηγός που είναι σε θέση να προβλέψει το μέλλον. Μέχρι πρόσφατα, πίστευαν ότι μόνο λίγοι από εμάς είχαμε αυτό το ταλέντο. Δεν είναι όμως έτσι. Το μυστικό για να μάθετε να βλέπετε πολλά βήματα μπροστά βρίσκεται στις βασικές έννοιες.

ΒΑΣΙΚΕΣ ΕΝΝΟΙΕΣ

Η Wikipedia μας λέει:

«Η τάση είναι η κύρια τάση των αλλαγών σε μια χρονοσειρά».

Είναι σύντομο και όχι πολύ σαφές, θα συμφωνήσετε.

Για να το αποκρυπτογραφήσουμε, ας παίξουμε τον Τούρινγκ, του άρεσαν κάθε λογής παζλ. Ας ξεκινήσουμε με δύο έννοιες: "τάση"Και "χρονική σειρά".

Τάση - κατεύθυνση ανάπτυξης, κλίση, φιλοδοξία. Χωρίζεται σε μικροτάσεις και μακροτάσεις. Οι πρώτοι ζουν στο σχεδιασμό για 1-2 χρόνια, οι δεύτεροι - 5-7 χρόνια.

Τάση - κατεύθυνση ανάπτυξης, κλίση, φιλοδοξία. Χωρίζεται σε μικροτάσεις και μακροτάσεις.

Τι είναι μια χρονοσειρά; Αυτά είναι δεδομένα που μετρώνται διαδοχικά σε τακτά χρονικά διαστήματα.

Τώρα ας συνδυάσουμε τα πάντα και ας πάρουμε τα εξής: η τάση είναι η κύρια κατεύθυνση ανάπτυξης των αλλαγών στα δεδομένα που μετρώνται διαδοχικά σε ίσα χρονικά διαστήματα. Κι αν το απλοποιήσουμε; Λαμβάνουμε ορισμένα διαστήματα δεδομένων και τα μετράμε, χρησιμοποιούμε τις πληροφορίες που λαμβάνονται για να προσδιορίσουμε το διάνυσμα ανάπτυξης και κατεύθυνσης. Ολα.

Για την ανάλυση των τάσεων χρησιμοποιούνται δύο μέθοδοι.

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

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

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

Είναι αδύνατο να προβλέψουμε το μέλλον του σχεδιασμού χωρίς να γνωρίζουμε το παρελθόν του.

Κύρια συστατικά του κύκλου ζωής της τάσης

Ανάλυση του παρελθόντος;
Ανάλυση του παρόντος;
Μελλοντική πρόβλεψη;
Εισαγωγή μιας τάσης.
Αποδοχή της τάσης.

Τα κύρια συστατικά του κύκλου ζωής της τάσης.

Επαγγέλματα

Στην αγορά έχουν εμφανιστεί επαγγέλματα που αντιστοιχούν σε κάθε συστατικό του κύκλου.

Κυνηγός τάσεων

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

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

Υπάρχουν ήδη τόσες πολλές πληροφορίες που ο κόσμος αρχίζει να τις πουλά. Δημιουργούνται γραφεία τάσης. Διάσημοι οίκοι μόδας χρησιμοποιούν ενεργά τις υπηρεσίες τους.

Τάσεις

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

Το Trendsetter είναι ένα άτομο που προσπαθεί να γίνει ιδρυτής ή έχει ιδρύσει κάποια απτή ή άυλη καινοτομία.

Στη δεκαετία του 1960, ο Everett Rogers έκανε δημοφιλή το μοντέλο διάχυσης.

Σύμφωνα με τη θεωρία του Rogers, η κοινωνία χωρίζεται σε 5 ομάδες:

Καινοτόμοι - 2,5%.
Πρώιμοι χρήστες - 13,5%.
Πρόωρη πλειοψηφία - 34%.
Καθυστερημένη πλειοψηφία - 34%.
Καθυστερήσεις - 16%.

Το 2,5% των ανθρώπων είναι παραγωγοί καινοτομίας. Τους ξέρουμε - Νόρμαν Κοξ, Μπιλ Γκέιτς, Στιβ Τζομπς, Έλον Μασκ...

Το 2,5% των ανθρώπων είναι παραγωγοί καινοτομίας.

Οι trendsetters υιοθετούν νωρίς. Από αυτούς εξαρτάται αν μια τάση θα είναι τάση και αν θα εξελιχθεί. Η θεωρία της διάχυσης λέει ότι δεν χρειάζεται να επηρεάσουμε ολόκληρη την κοινωνία, να προσφέρουμε αγαθά σε όλους - αυτό το 13,5% είναι αρκετό.
Οι trendsetters χωρίζονται σε δύο ομάδες:

Καθοριστικοί παράγοντες - παρακολουθούν απολύτως όλα τα νέα. Αυτοί είναι bloggers, celebrities, δημόσιοι άνθρωποι, ηγέτες κοινής γνώμης.
Κατηγορία - ειδικεύονται σε μια συγκεκριμένη κατηγορία καινοτομίας. Χτύπησαν με ακρίβεια, αλλά με δύναμη. Δεν είναι απλώς ηγέτες κοινής γνώμης, αλλά ειδικοί στις κατηγορίες τους.

Παρατηρητής τάσης

Οι ρυθμιστές τάσεων εφαρμόζουν τις τάσεις και οι παρατηρητές τάσεων παρακολουθούν την υιοθέτηση των τάσεων. Παρακολουθούν τι έπιασε, τι διευθετήθηκε και τι συλλέχθηκε από την πλειοψηφία. Αυτό είναι απαραίτητο για περαιτέρω προβλέψεις. Ως προς τον ένα ή τον άλλο βαθμό, ένας σχεδιαστής πρέπει να είναι κυνηγός τάσεων, trendsetter και παρατηρητής τάσεων.

Σχεδιαστικές τάσεις για το 2017

Χρωματιστά

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

Ηρεμία που εκφράζεται σε παστέλ, γυμνές αποχρώσεις.

Γραφικό σχέδιο

Δεν υπάρχει τίποτα ουσιαστικά νέο.

Πραγματικά ζωντανά λογότυπα

Δεν είναι τόσο νέα τάση - οποιοδήποτε τηλεοπτικό κανάλι έχει ένα κινούμενο λογότυπο. Αλλά το λογότυπο της Seagate έχει ενσωματωμένα ζωντανά δεδομένα.

Γραμμή τέχνης

Η τάση ήταν δημοφιλής πέρυσι και θα είναι δημοφιλής και φέτος.

Αρνητικός χώρος

Κάτι καινοτόμο; Οχι.

Συναισθηματική τυπογραφία

GIF, cinemagraph, σφάλμα

Μοντέρνος και μινιμαλισμός

Μοναδική εικονογράφηση

Revival 3D

Το 3D επιστρέφει.

Σχεδιασμός κίνησης

Ένα καλό παράδειγμα είναι η Nike. Μπορείτε πάντα να πλοηγηθείτε από αυτούς. Παστέλ χρώματα, 3D, αρνητικός χώρος.

Σχεδίαση διεπαφής χρήστη

Και πάλι 3D

Εικονογράφηση αντί για φωτογραφία

Έχουμε συνηθίσει να εικονογραφούμε βιβλία, αλλά τι γίνεται με την εικονογράφηση εφαρμογών και ιστότοπων;

Γίνεται της μόδας η εικονογράφηση. Έχουμε συνηθίσει να εικονογραφούμε βιβλία, αλλά τι γίνεται με την εικονογράφηση εφαρμογών και ιστότοπων;

Μετακίνηση από τα πρότυπα σε πρωτότυπες λύσεις

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

Σχεδιασμός που ανταποκρίνεται στην ηλικία

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

Μικρο-μίνι αλληλεπιδράσεις

Θα υπάρξουν περισσότερα από αυτά το 2017.

Το like στο Facebook είναι μια μίνι αλληλεπίδραση. Και όταν προσδιορίζετε τη φύση των παρόμοιων: "ουάου!", "Σούπερ", "ουφ" - αυτή είναι ήδη μια μικρο-μίνι αλληλεπίδραση. Θα είναι περισσότεροι από αυτούς.

Απτική ανάδραση

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

Εξατομίκευση, Touch ID

Η εισαγωγή του Touch ID στις συσκευές θα επιτρέψει τη χρήση αυτής της τεχνολογίας στον τραπεζικό τομέα.

Θα υπάρχουν περισσότερα παράθυρα διαλόγου που θα απευθύνονται στο χρήστη ονομαστικά και θα μιμούνται την επικοινωνία με κάθε δυνατό τρόπο.

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

Διασυνδέσεις συνομιλίας

Το έργο που απεικονίζεται εδώ ονομάζεται "Luka". Αυτό είναι ένα chatbot στη διεπαφή - ένα bot ιστότοπου. Το πείραμά μου. Θέλω να αντικαταστήσω τον κλασικό ιστότοπο στούντιο με τον Luka. Ουσιαστικά, ο ρόλος του στούντιο είναι να μιλήσει για τον εαυτό του και να οδηγήσει το άτομο να εγκαταλείψει μια διαδικτυακή εφαρμογή. Αποφάσισα να το κάνω αυτό με τη μορφή ενός bot ιστότοπου που επικοινωνεί με τον χρήστη μέσω μιας διεπαφής συνομιλίας.

Σχεδιασμός UX

Απογραμμικότητα

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

Η απογραμμικότητα θα είναι δημοφιλής το 2017. Περισσότερα μονοπάτια για πλοήγηση, περισσότερες αποφάσεις κατά τη διάρκεια κάθε διαδικασίας, αποκλίνουσες διαδρομές για την ολοκλήρωση κάθε δραστηριότητας.

Συνομιλητική αλληλεπίδραση

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

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

Οι χρήστες θα έχουν έναν νέο τύπο δραστηριότητας - τη σύνταξη σεναρίων για chat bots στα κοινωνικά δίκτυα ή για bot ιστοτόπων.

Συμπεριφορά, χειρονομίες, νέες μεταφορές

Όλοι έχουν βαρεθεί τα κουμπιά. Θα εμφανιστούν νέες μεταφορές (ελεγκτές).

Ειδίκευση

Με ενοχλούν τα προθέματα - graphic designer, interface designer, UI/UX designer, digital designer... Υπάρχουν για να καθορίσουν τη στενή εξειδίκευση ενός ατόμου, αλλά πιστεύω ότι αρκεί να πούμε απλώς «σχεδιαστής». Θα φτάσουμε εκεί.

Πάντα θα υπάρχουν ειδικοί, αλλά πολλοί από εμάς θα είμαστε γενικοί.

Ιδιότητες που πρέπει να έχει ένα station wagon:

Συγκολλητής - σχεδιαστής διεργασιών.

Αυτοματισμός σχεδιασμού/αλγοριθμικός σχεδιασμός

Αυτοματοποιούν τις διαδικασίες ρουτίνας - αναζήτηση ζεύγους γραμματοσειρών, χρωματικές παραλλαγές ενός λογότυπου. Υπάρχουν ήδη εργαλεία που κάνουν τη ζωή μας πιο εύκολη - Sketch, Figma. Μακροπρόθεσμα, θα επιστρέψουμε σε πολύπλοκα εργαλεία - θα δώσουμε τη ρουτίνα στην τεχνητή νοημοσύνη και θα έχουμε πολύ χρόνο για λεπτομέρειες. Δεν υπάρχει τίποτα κακό με τον αυτοματισμό.

Ευθύνη

Δεν δημιουργείτε απλώς ένα προϊόν, δημιουργείτε ένα προϊόν που επηρεάζει τους ανθρώπους και μπορεί να επηρεάσει τους ανθρώπους με διαφορετικούς τρόπους. Πρέπει να αισθάνεστε υπεύθυνοι για τη δουλειά σας. Τότε θα ανησυχείτε και δεν θα μπορείτε να κάνετε χωρίς να βυθιστείτε σε σοβαρές αναλύσεις.

Οι μικρο-τάσεις τελείωσαν. Ας συνοψίσουμε.

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

Τάσεις για τα επόμενα 5-10 χρόνια

Είναι αδύνατο να μιλάμε για τάσεις και να μιλάμε μόνο για μικρο-τάσεις. Είναι πολύ πιο ενδιαφέρον να κοιτάμε το μέλλον.

Το VR δεν θα κυκλοφορήσει σύντομα στο mainstream. Τώρα τα χειριστήρια είναι ακριβά και δεν είμαστε έτοιμοι. Θα φτάσουμε στην επαυξημένη πραγματικότητα πιο γρήγορα παρά στην εικονική πραγματικότητα.

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

Θυμηθείτε την ταινία «Her». Φανταστείτε ένα λειτουργικό σύστημα που βασίζεται στην τεχνητή νοημοσύνη. Θα της μιλήσεις. Αυτός είναι ο πιο φυσικός τρόπος αλληλεπίδρασης για τον άνθρωπο. Το πιο απλό.

Δεν χρειάζονται γραφικές διεπαφές. Δεν πειράζει, είναι και γλώσσα. Έτσι, ο υπολογιστής κάνει διάλογο μαζί μας. Οι προγραμματιστές μιλούν στον υπολογιστή μέσω της γραμμής εντολών. Αυτό δεν έπιασε γιατί οι απλοί άνθρωποι δεν μπορούν να κρατήσουν τόσες πολλές εντολές στο κεφάλι τους. Και απλά φανταστείτε ότι δεν θα χρειαστούν ούτε εντολές ούτε γραφικές διεπαφές. Θα μιλήσεις απλά με το σύστημα.

Τα λειτουργικά συστήματα και οι εφαρμογές θα συνεχίσουν να υπάρχουν όπως υπάρχουν τώρα. Θα υπάρξει όμως εναλλακτική.

Στα επόμενα 10 χρόνια, θα προχωρήσουμε πέρα από τις συσκευές και θα αυξήσουμε σημαντικά την πραγματικότητά μας.

Πώς εισάγονται οι τάσεις στην εργασία;

Δεν υπάρχει συνταγή, αλλά υπάρχουν δύο βασικοί κανόνες:

Πείτε όχι εάν θέλετε να καινοτομήσετε για χάρη της καινοτομίας.
Κατανοήστε ξεκάθαρα τα καθήκοντα. Κατανοώντας τις εργασίες, είναι εύκολο να καταλάβουμε ποιες τάσεις είναι κατάλληλες και ποιες όχι.

Η πιο σημαντική τάση όλων των εποχών είναι η σωστή σχεδιαστική σκέψη.

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

Μινιμαλισμός

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

Στοίβαγμα επιστολών

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

Λογότυπα κειμένου

Ένα κλασικό λογότυπο κειμένου είναι πάντα σχετικό και εκπληκτικά αποτελεσματικό, όπως ισχυρές μάρκες όπως η Sony, η Coca-Cola, η Asus, η IBM και πολλές άλλες επιδεικνύουν με επιτυχία μέχρι σήμερα. Το 2016, οι σχεδιαστές εστίασαν στη χρήση διαφορετικών γραμματοσειρών με την προσθήκη απλών εφέ: σχηματοποίηση μέρους της επιγραφής, αύξηση ή μείωση της πυρήνωσης και συνδυασμός στυλ (ειδικά χειρόγραφα).

Γράμματα

Τα λογότυπα με γράμματα φαίνονται απίστευτα κομψά. Φυσικά, αυτή η μέθοδος δεν μπορεί να ονομαστεί εντελώς καινοτόμος, αλλά για ορισμένες κατηγορίες εταιρειών και ιδρυμάτων ταιριάζει καλύτερα. Τα γράμματα συνήθως υιοθετούνται από ξενοδοχεία, καφετέριες και εστιατόρια, δίνοντας στην ταυτότητά τους περισσότερη πολυπλοκότητα και επαγγελματισμό. Λόγω της φύσης του win-win, αυτός ο τύπος τυπογραφίας θα παραμείνει επίκαιρος το 2017.

Επίπεδη σχεδίαση

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

Βαθμίδα

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

Γραμμή τέχνης

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

Στενσιλ τυπογραφία

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

Ασπρόμαυρα λογότυπα

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

Επικαλυπτόμενες κλίσεις

Μια άλλη τάση που σχετίζεται με την κλίση και χρησιμοποιήθηκε ενεργά το 2016.
Η ουσία του έγκειται στη χρήση απλών γεωμετρικών σχημάτων, τα οποία τέμνονται μεταξύ τους, δημιουργούν ένα μοναδικό και αμίμητο στυλ. Το Overlay, ως τεχνική σχεδιασμού, ξεκίνησε σχετικά πρόσφατα και χρησιμοποιήθηκε κυρίως για τη δημιουργία λογοτύπων με τη μορφή διαφόρων ζώων. Όμως με την πάροδο του χρόνου, η γκάμα των εφαρμογών επεκτάθηκε και αναγνωρίστηκε από παγκοσμίου φήμης εταιρείες. Ας θυμηθούμε το ενημερωμένο λογότυπο του συστήματος πληρωμών Mastercard - η ομάδα σχεδιασμού της Pentagram έδωσε νέα πνοή σε αυτό, εγκαταλείποντας τη χρήση σκιών και αφαιρώντας τη γραμματοσειρά από την κύρια εικόνα. Ως αποτέλεσμα, λάβαμε ένα απλό και αξέχαστο λογότυπο. Οι επικαλυπτόμενες διαβαθμίσεις αυξάνονται σταθερά και κερδίζουν μόνο δυναμική. Ως εκ τούτου, μπορείτε να περιμένετε με ασφάλεια ότι το επόμενο έτος θα γίνει ένας από τους πιο δημοφιλείς τομείς στη γραφιστική.

Γεωμετρικά σχήματα

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

Κείμενο σε πλαίσιο

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

Χειρόγραφα λογότυπα (Χειροποίητα)

Οι συνθέσεις που μιμούνται εικόνες και στοιχεία ζωγραφισμένα στο χέρι θα παραμείνουν σίγουρα μοντέρνες το 2017.
Δημιουργώντας ένα λογότυπο "με το χέρι", μπορείτε να επιτύχετε μια ποικιλία εφέ, συμπεριλαμβανομένου του στυλιζαρίσματος που μοιάζει με vintage, grunge ή παιδικό σχέδιο. Φυσικά, το κύριο πλεονέκτημα αυτής της προσέγγισης είναι η 100% μοναδικότητα και, κατά συνέπεια, η αναγνώριση της επωνυμίας.

Αρνητικός χώρος

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

Φυσικά, όλες οι τεχνικές που περιγράφονται παραπάνω είναι υποθέσεις που βασίζονται στις τάσεις του 2016. Οι σχεδιαστές το 2017 σίγουρα θα μας ενθουσιάσουν με νέες ιδέες και βελτιωμένα υπάρχοντα στυλ. Γίνετε δημιουργικοί, δημιουργήστε το τέλειο λογότυπό σας! Ποιος ξέρει, ίσως γίνετε ο trendsetter μιας νέας τάσης στο σχεδιασμό λογοτύπου;

ΥΣΤΕΡΟΓΡΑΦΟ. Μπορείτε να δείτε το γράφημα για αυτό το άρθρο.

Ίσως είναι χρήσιμο να διαβάσετε: