Παραδείγματα δημοφιλών τομέων του σχεδιασμού ιστοσελίδων. Μεγάλα μεγέθη επιστολών σε κείμενα. Αντίθεση συνδυασμού γραμματοσειρών

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

Μην είστε outsider, συνεχίστε με τους καιρούς.

Μποτς

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

Πρόταση ui

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

Προσαρμοστικότητα

Κινητό πρώτο είναι το σύνθημα της νεωτερικότητας, κάθε μέρα, κάθε άτομο τουλάχιστον μία φορά (για να μην αναφέρουμε εκείνους τους τοξικομανείς που πραγματικά ζουν στα χέρια τους με το τηλέφωνο) αναζητούν πληροφορίες στο Internet, στέλνουν μηνύματα ή καλέστε, επομένως η χρήση τους θα πρέπει να είναι όσο το δυνατόν πιο άνετη. Αν είστε ο ιδιοκτήτης του ιστότοπου και ακόμα δεν έχετε ακούσει για την προσαρμοστικότητα, ήρθε η ώρα να αρπάξετε τα πόδια στα χέρια σας και να τα εφαρμόσετε , προκειμένου να προσφέρετε στον δυνητικό πελάτη σας την άνεση της χρήσης του ιστότοπού σας. Όπως μπορείτε να δείτε για τον εαυτό σας, αυτό είναι ένα πραγματικό must-have στον κόσμο του σχεδιασμού και της ανάπτυξης ιστοσελίδων, επιπλέον, θα σας βοηθήσει να αποθηκεύσετε στην ανάπτυξη των εφαρμογών για κινητά.

Ιστοσελίδα μιας σελίδας

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

Το Javascript είναι τώρα έφιππος

Το μέλλον βρίσκεται σε Javascript, παρά τις ερμηνείες ότι έχει ελαττώματα και αδυναμίες. Κανείς δεν ισχυρίζεται ότι είναι πραγματικά παρόντες, αλλά τι είναι τέλειο σε αυτόν τον κόσμο; Ακόμα και το Mac OS χρησιμοποιεί το JS στο υλικό του. Επιπλέον, οι βιβλιοθήκες front-end, όπως το Angular, Node, React, αποκτούν γρήγορα δημοτικότητα, καθώς και άλλες, μικρότερες βιβλιοθήκες.

Δεν αποτελεί έκπληξη το γεγονός ότι το Javascript έχει γίνει αναπόσπαστο μέρος της πρότυπης στοίβας για την ανάπτυξη ιστού, μαζί με το HTML και το CSS. Και αυτό το γεγονός μιλάει για τον εαυτό του.

Εφέ παράλλαξης

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

Τάσεις που θα αλλάξουν τον κόσμο

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

Κάθε χρόνο μαθαίνουμε κάτι νέο για το σχεδιασμό και το 2016 δεν αποτελεί εξαίρεση. Το άρθρο που γράψαμε πέρυσι ήταν μια τέτοια επιτυχία που αποφασίσαμε να κάνουμε κάποιες προβλέψεις για το 2017, οπότε ας αρχίσουμε!

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

Τι τάσεις στον σχεδιασμό ιστοσελίδων μας περιμένουν το 2017

01. Ημι-επίπεδη σχεδίαση (Semi Flat Design)

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

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

Έργο: Πόροι | Εργαλείο UI / UX για υπηρεσίες Web
Συγγραφείς: Ruslan Latypov; LS Graphics; Anton Mishin; Valery Gurkov

Έργο: Λίστα αναπαραγωγής του ακροατή

02. Μετακίνηση εικόνων (Cinemagraphs)

Το Cinemagram δεν είναι τα animations GIF που βλέπουμε στο Διαδίκτυο παντού. Το Cinemagram είναι εικόνες με μικρά στοιχεία κίνησης. Αυτή η τεχνική κάνει μια απλή φωτογραφία πιο ρεαλιστική.

03. Περισσότερο 3D (Περισσότερα 3D)

Το 3D σίγουρα κινείται προς την κατεύθυνσή μας και θα δούμε αυτή την επιρροή σε όλους τους τομείς του σχεδιασμού. Με την τεχνολογία VR / AR, ο ρυθμός αυξάνεται ραγδαία, η περιοχή αναπτύσσεται αρκετά γρήγορα.

Έργο: LUV.IT

Έργο: Ανοικτά ετήσια βραβεία

Έργο: Air Max '17

Έργο: NIKE F.C. | 3D Χρυσή μπάλες στον πραγματικό κόσμο

Έργο: Καλύτερα μάρκα

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

Η διαφήμιση είναι όλο και περισσότερο παρούσα στο web-design, η μορφή μπορεί να είναι οποιαδήποτε - WebGL CSS, GIFs, SVG ή βίντεο. Η κίνηση ήταν μια από τις πιο σημαντικές τάσεις στον σχεδιασμό ιστοσελίδων πέρυσι, μην διστάσετε να τη χρησιμοποιήσετε.

Έργο: Nickelodeon Kids Επιλέξτε τον Πρόεδρο

Έργο: AR Virtual Fitness Coach App

Έργο: ZH OURO- Rio 2016

05. Τοποθεσίες μίας σελίδας / σελίδες προορισμού (σελίδες προορισμού)

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

Εάν χρειάζεστε μια σελίδα προορισμού, μπορείτε να την παραγγείλετε από μένα →

06. Γεωμετρικά σχήματα, μοτίβα, γραμμές και κύκλοι (γεωμετρικά σχήματα, μοτίβα, γραμμές και κύκλοι)

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

Έργο:

Έργο: DRAP.agency Branding

Έργο: Pfizer - Active και 50+ για τους New York Times

07. Έντονα, φωτεινά χρώματα (θαρραλέα χρώματα)

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

Έργο: Edris - Λογότυπο Σχεδιασμένο από τον MiLo

Έργο: Παρουσιάστηκε - ανταποκρινόμενη ιστοσελίδα Demo για την Adobe

Έργο: b2mach

08. Πρωτοποριακή κύλιση και παράλλαξη (καινοτόμος κύλιση και παράλλαξη)

Αυτή είναι μια μεγάλη οπτική ιδέα που θα προσθέσει μοναδικότητα σε κάθε τοποθεσία. Από την παράλλαξη πολλαπλών στρώσεων σε παράλλαξη βίντεο, τα πάντα είναι δυνατά με το πρόσθετο D.ex Multilayer Parallax (παρλαλάξ πολλαπλών στρώσεων). Το προϊόν αυτό αναπτύσσεται εξ ολοκλήρου από το στούντιο Milothemes υπό την καθοδήγηση των Loredana Papp και Mihai Baldean. Διατίθεται για αγορά. στο Envato Market / codecanyon.net

  Πρόκειται για ένα WordPress plugin που σας επιτρέπει να κάνετε όμορφα μπλοκ Parallax με περισσότερα από ένα στρώματα. Να είστε δημιουργικοί και να συνδυάσετε στρώματα σε οποιοδήποτε στυλ θέλετε. Δημιουργήσαμε 12 διαφορετικά παραδείγματα στον οδηγό προσθήκης για να απλοποιήσετε την πρώτη σας συνάντηση με τον όμορφο κόσμο του parallax. Παίξτε με στρώματα!

09. Χρωματικές μεταβάσεις / διαβαθμίσεις (μεταβάσεις χρώματος)

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

10. Προβολές μέσω κινητού τηλεφώνου, σχεδίαση με ανταπόκριση (Mobile Browsing (Responsive Design))

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

Έργο: Αισθητική Ιστοσελίδα Κινούμενα Σχέδια

11. Προσαρμοσμένα γραφικά και εικονογραφήσεις

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

12. Δημιουργικά χρησιμοποιήστε ουδέτερο χώρο και πλέγμα (Δημιουργική Χρήση Ουδέτερου Χώρου και Πλέγματος)

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

13. Πείτε ιστορίες (Storytelling)

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

Περισσότερα βίντεο για την αφήγηση από το Business Youth:

14. Σταδιακή φόρτωση περιεχομένου (Lazy Loading)

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

15. Διαχωρισμός περιεχομένου

Το διαχωριζόμενο περιεχόμενο είναι πλέον δημοφιλές στην ικανοποιητική σχεδίαση ιστοσελίδων, αυτή είναι η διάσπαση της οθόνης σε 2 ή περισσότερα τμήματα. Μια τέτοια τοποθεσία split-screen θα δείξει στον θεατή αρκετά εξίσου σημαντικά μηνύματα σε ένα μπλοκ της τοποθεσίας. Αυτή η τάση εμφανίστηκε το 2015, αλλά το 2017 θα συνεχίσει να αυξάνεται και, πιθανότατα, θα το δείτε σε πολλές τοποθεσίες.

16. Φόρμες πλήρους οθόνης

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

17. Βίντεο παντού (Βίντεο Παντού)

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

Έργο: Hillsong

18. Διευθύνων Σύμβουλος - σημαντικό! (SEO είναι σημαντική)

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

19. Κρυφή πλοήγηση

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

20. Tiny Design Details

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

Έργο: Barometa - Πλατφόρμα εργασίας επόμενης γενιάς

21. Τάσεις στο σχεδιασμό λογότυπων (Τάσεις σχεδίασης λογοτύπων)

21.1. Μινιμαλιστική (Μινιμαλιστική)

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

21.2. Χειροκίνητα

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

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

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

21.4. Περικοπή

Πιο μινιμαλιστική από αυτή την τάση δεν συμβαίνει. Δείχνει μόνο τι είναι αρκετό για να δείξει στο λογότυπο για να μάθει την εταιρεία, και τίποτα περισσότερο.

21.5. Γεωμετρία (Γεωμετρική)

Αυτή η τάση είναι από την κατηγορία του παλιού σχολείου, αλλά αυτό είναι ένα από αυτά τα στυλ που σίγουρα δεν θα πεθάνουν ποτέ.

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

Αυτή η τάση είναι δημοφιλής στη νέα γενιά επιχειρήσεων.

Συγγραφείς: Σαμ healy. Andrea Schlaffer; Jacek janiczak

21.7. Μοτίβα, μοτίβα

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

Συντάκτες: Nick Edlin; Stanislav Aleynikov; Lucas Gil-Turner

21.8. Κινούμενα λογότυπα

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

Συντάκτες: Javier Miranda Nieto; Το καλοκαίρι

21.9. Vintage (Vintage)

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

Συγγραφείς: Ρωμαίος Ντοντόνοφ; Mingo Ideas Up? Θα προσπαθήσουμε περαιτέρω

21.10. Χρωματικές μεταβάσεις (μεταβάσεις χρώματος)

Διαβαθμίσεις παντού φέτος - και τα λογότυπα δεν αποτελούν εξαίρεση.

21.11. Εικονογραφήσεις σε λογότυπα

Οι εικονογραφήσεις είναι ένας καλός τρόπος για να δημιουργήσετε ένα μοναδικό και εξατομικευμένο λογότυπο για μια επιχείρηση. Γίνονται όλο και πιο δημοφιλείς φέτος.

Συγγραφείς: Bodea Daniel; Jacek janiczak

21.12. Φωτογραφία σε λογότυπα (Φωτογραφία σε λογότυπα)

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

22. Τάσεις στην τυπογραφία (Τυπογραφικές τάσεις)

22.1. Μεγάλη, φωτεινή και όμορφη τυπογραφία (Μεγάλη, τολμηρή και όμορφη τυπογραφία)

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

Συγγραφείς: Αλέξανδρος Λαγκούτα

Συντάκτες: Quim Marin

Έργο: Σειρά Baugasm - Συσκευασία 4

22.2. Διαβαθμίσεις / μεταβάσεις χρωμάτων στην τυπογραφία (Χρωματικές μεταβάσεις στην τυπογραφία)

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

22.3. Οπτική ιεραρχία

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

22.4. Μικρή Τυπογραφία (Μικρή Τυπογραφία)

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

Συγγραφείς: Slava Oleinik; Bahaa Samir; Ψηλό ψηφιακό

Έργο: Σειρά Baugasm - Συσκευασία 4

22.5. Ζωγραφική Τυπογραφία (Κινούμενη Τυπογραφία)

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

Έργο: Κινούμενη γραμματοσειρά Gotham Pro δωρεάν

22.6. Τυπογραφία με φωτογραφία (Η τυπογραφία συναντά τη φωτογραφία)

Ο συνδυασμός κειμένου και φωτογραφίας μπορεί να δώσει εξαιρετικό αποτέλεσμα. Κοιτάξτε αυτά τα όμορφα παραδείγματα.

22.7. Γεωμετρικά σχήματα και τυπογραφία

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

22.8. Συνδυασμός γραμματοσειρών

Χρησιμοποιήστε δύο ή περισσότερες γραμματοσειρές μαζί. Βρίσκεται ακόμη σε εξέλιξη το 2017.

———————————

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

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

Δείτε επίσης: 8 τάσεις διαδικτύου για το 2019: σύγχρονες διατάξεις

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

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

1. Πλοηγηθείσα πλοήγηση

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

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

Οφέλη:

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

Δείτε επίσης: 20 καλύτερα παραδείγματα σχεδιασμού αρχικής σελίδας

Βέλτιστες πρακτικές:

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

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

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

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

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

2. Αντίθετα με το παράδειγμα της ναυσιπλοΐας - εναλλακτικές λύσεις

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

Πλεονεκτήματα της μη τυποποιημένης πλοήγησης:

• Μοναδικός σχεδιασμός
• Οι καινοτομίες προσελκύουν
• Επεκτείνει την εμπειρία του χρήστη (UX)
• Για τους σχεδιαστές - νέα χαρακτηριστικά σχεδίασης ιστοσελίδων

Βέλτιστες πρακτικές:

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

Διάφορα πειράματα με την πλοήγηση στον ιστότοπο.Με τόσο διφορούμενη στάση απέναντι στους "μπιφτέκια", το 2017 πρέπει να περιμένουμε την εμφάνιση ενδιαφέρουσας καινοτομίας στην πλοήγηση.

Το μοναδικό μενού του Hillsiderancho.com συνδυάζει πλοήγηση πάνω, αριστερά, δεξιά και με κύλιση.

Κανένα μενού πλοήγησης καθόλου.Ο σύγχρονος χρήστης αντιμετωπίζει μάζα περιεχομένου και δεν χρειάζεται να εξηγήσει τι πρέπει να κάνει στη συνέχεια. Μεταβείτε! Ο οργανικός χαρακτήρας αυτής της συμπεριφοράς έχει ήδη παρατηρηθεί σε προηγούμενες τάσεις ιστού (οριζόντια, ατελείωτη κύλιση, έλεγχος πληκτρολογίου, χειρονομίες ...). Μερικοί σχεδιαστές απορρίπτουν το μενού συνολικά, προσφέροντας στον επισκέπτη τη δυνατότητα να χρησιμοποιήσει / να αποκτήσει την εμπειρία των «προηγμένων» ερευνητικών χώρων. Η προσαρμογή των τοποθεσιών για κινητά και ταμπλέτες αλλάζει και οι ίδιοι οι UX / διεπαφές και ανοίγει προοπτικές για οριζόντια κύλιση.

Ο ιστότοπος δεν διαθέτει μενού πλοήγησης - ζητήστε να μετακινηθείτε για να εντοπίσετε περιεχόμενο, μπορείτε να μετακινηθείτε με το δρομέα

Δείτε επίσης: Οι πιο ασυνήθιστες και πρωτότυπες τοποθεσίες

Αναδυόμενο μενού.Ήμασταν τόσο παθιασμένοι με την Drop-Down που δεν θεωρούσαμε ούτε μια απλή εναλλακτική λύση για την πλοήγηση Pop-UP. Στο παρακάτω παράδειγμα, εμφανίζεται το μενού στο κέντρο της οθόνης. Σε γενικές γραμμές, υπάρχει αρκετός χώρος στις ιστοσελίδες για τη δημιουργία προσβάσιμης και ορατής πλοήγησης, χωρίς καμία αναπτυσσόμενη λίστα.

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

3. Κάρτες - έμπνευση από τα φορητά ηλεκτρονικά

Καθώς οι χρήστες των κινητών έχουν αλλάξει το σχεδιασμό των σύγχρονων χώρων, οι φορητές συσκευές αρχίζουν να επηρεάζουν το σχεδιασμό τους. Με δεκάδες εκατομμύρια φορητά gadget που πωλούνται από το 2015, οι χρήστες τους έχουν μάθει να εκτιμούν την ορθολογική τελειότητα σε άλλους τομείς. Εξοικονόμηση χώρου στην οθόνη, τα φορητά ηλεκτρονικά θα διδάξουν να απλοποιήσουν τους σχεδιαστές ιστοσελίδων και τους σχεδιαστές ιστοσελίδων, καθώς και τους εμπόρους - για να υλοποιήσουν περαιτέρω και να επισημοποιήσουν τις εργασίες των χώρων. Οι κύριοι κανόνες του web design για την αρχή των δοχείων: κομψή, συνοπτική και χωρίς μεγάλη προσπάθεια - η ιδεολογία του "λιγότερο είναι περισσότερο" δεν περιορίζεται στο μέγεθος των οθονών.

Οφέλη:

• Βελτιστοποιημένος σχεδιασμός UX
• Λιγότερες ασάφειες και περισπασμούς
• Ο μινιμαλισμός επιταχύνει τη φόρτωση του χώρου

Βέλτιστες πρακτικές:

Πλακάκια, η αρχή των δοχείων και των μπλοκ στη δομή των ιστοσελίδων.   Η τάση διατηρείται για περισσότερο από ένα έτος (2014-2016 ...) και πιθανώς το 2017 θα συνεχίσει την τρέχουσα τάση. Τα δημοφιλή τώρα και τα νέα μοντέλα των gadgets ("έξυπνα" γυαλιά, ρολόγια, βραχιόλια, clothespins, αισθητήρες που ενσωματώνονται στα ρούχα ...) γίνονται με ένα συνοπτικό ύφος και εξίσου διακριτικά ενημερώνουν τον χρήστη. Όπως αναμενόταν, η τεχνολογία που φοριέται θα αναπνέει τη νέα ζωή σε εύκολα αναγνωρίσιμες διεπαφές κεραμιδιών. Το μοντέλο δοχείου του UI της κάρτας συνεπάγεται βελτιστοποίηση με αυτάρκεια και με επιτυχία κλίμακες για μεγάλες οθόνες.

Μεγάλα εικονίδια SVG.   Το εικονίδιο χρειάζεται κλιμάκωση, απλότητα - να κοιτάξει σε συσκευές HD και να παρατηρηθεί με μια σύντομη ματιά.

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

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

4. Υλικό σχεδιασμού Lite (MDL)

Δείτε επίσης: Τα καλύτερα σχέδια ηλεκτρονικών καταστημάτων στο ύφος του Flat και Material

Η ελαφριά εφαρμογή του υλικού σχεδιασμού από το Google (MDL) παρέχει μια βιβλιοθήκη προτύπων, συνόλων στοιχείων (κάρτες, φόρμες, εικονίδια, κουμπιά ...) και είναι μια ερμηνεία του καταλόγου των έτοιμων εξαρτημάτων Polymer.

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

Οφέλη:

• Το MDL διαφέρει προς το καλύτερο από το σχεδιασμό παραδοσιακών χώρων, διατηρώντας παράλληλα τα αρχικά οφέλη του κλασικού σχεδιασμού ιστοσελίδων.
• Εύκολο στην κατανόηση χάρη στην ορατότητα μιας ρεαλιστικής διεπαφής
• Πρόσβαση σε πολλαπλές πλατφόρμες για όλες τις συσκευές (χωρίς σύνδεση με το JS)

Βέλτιστες πρακτικές:

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

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

ΠροσαρμογήΕπωφεληθείτε από τα στοιχεία της βιβλιοθήκης MDL, επιλέγοντας τα απαραίτητα στον σωστό συνδυασμό.

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

Δείτε επίσης: Χρώματα στο σχεδιασμό ιστοσελίδων: τάσεις χρώματος (φωτεινά χρώματα)

5. Vintage χρώματα

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

Το online κατάστημα παπουτσιών χρησιμοποιεί σίγαση χρώματος όπως σέπια. Ο χρωματικός σχεδιασμός, που μιμείται vintage με vintage φωτογραφίες, τονίζει την υψηλή ποιότητα του προϊόντος (με τις καλύτερες παραδόσεις της οικογενειακής μάρκας)

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

Περιεχόμενο προσοχής

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

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

Το τέλος της εποχής του επίπεδου σχεδιασμού

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

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

Γεωμετρικά σχήματα, γραμμές και σχέδια

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

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

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

Διαδεδομένη χρήση κινούμενων σχεδίων

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

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

Απλοποιημένη πλοήγηση

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

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

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

Προσαρμοσμένα γραφικά

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

Αύξηση της τιμής σελίδας προορισμού

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

Αντί του συμπεράσματος

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