Flat design 2.0
Τα τελευταία χρόνια το flat design έχει κυριαρχήσει στη σχεδίαση νέων ιστοσελίδων. Είτε το λατρεύετε είτε το μισείτε, έχει σαφή πλεονεκτήματα που αφορούν τόσο στη βελτίωση του performance όσο και στην αμεσότητα της επικοινωνίας με το χρήστη. Το Flat 2.0 design, αν και παραμένει κατά βάση flat, εισάγει μικρά και διακριτικά non-flat στοιχεία όπως σκιές, gradients, περισσότερους χρωματικούς συνδυασμούς (όχι μόνο τους πολύ λαμπερούς) με στόχο να κάνει τις ιστοσελίδες πιο φιλικές στον χρήστη. Ένα επιπλέον στοιχείο είναι ότι "επιτρέπει" τη χρήση φωτογραφιών και video, εκεί όπου το αυστηρό flat design θα προέβλεπε τη χρήση εικονιδίων μόνο.
Mobile first
Το 2017 είναι η χρονιά που η πλοήγηση στο internet με χρήση κινητών συσκευών ξεπέρασε την αντίστοιχη με desktop/laptop. Είναι επομένως απαραίτητο κάθε ιστοσελίδα ή εφαρμογή να λαμβάνει πολύ σοβαρά υπόψη τις ιδιαιτερότητες, τους περιορισμούς αλλά και τις επιπλέον δυνατότητες που προσφέρουν αυτές οι συσκευές. Το web design για κινητές συσκευές έχει ωριμάσει αρκετά, οπότε δεν υπάρχει καμμιά δικαιολογία για καθυστέρηση!
Animations
Θεωρείται το πιο hot στοιχείο που αποβλέπει στην προσέλκυση του ενδιαφέροντος του χρήστη.
Που μπορεί να εφαρμοστεί:
- Σε διάφορα στοιχεία μιας ιστοσελίδας (μενού, κουμπιά κλπ) με στόχο την βελτίωση της φιλικότητας προς το χρήστη
- Animated gifs (έχουν το πλεονέκτημα ότι μπορούν να εμφανίζονται σχεδόν παντού)
- Animations που ενεργοποιούνται με το scrolling (parallax animations)
- Animated logos (αν και θα συνιστούσαμε μεγάλη προσοχή στη χρήση τους)
Θυμηθείτε: τα animations θα πρέπει να έχουν λόγο ύπαρξης και να μην αποτελούν εμπόδιο μεταξύ του χρήστη και του περιεχόμενου μιας ιστοσελίδας.
Particle backgrounds
Μια πολύ καλή εναλλακτική λύση στα video backgrounds ειδικά αν αντιμετωπίζετε προβλήματα performance με τα τελευταία.
Ασύμμετρα grids
Τέρμα στην κυριαρχία του 12-στηλου grid. Πάνω που το συνηθίσαμε έρχονται τα ασύμμετρα grids με στήλες διαφορετικού πλάτους με τα οποία μπορούμε να επιτύχουμε όποια αναλογία θέλουμε (π.χ. χρυσός κανόνας).