20 θερμότερες τάσεις που θα διαμορφώσουν το Web Design έρχονται 2016

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

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

1. Σκίτσο App για σχεδιασμό UI

Το Σκίτσο αντικαθιστά γρήγορα το Photoshop για όλες τις εργασίες σχεδιασμού του UI που κυμαίνονται από χαμηλής πιστότητας καλωδίων προς το υψηλής προσοχής mockups & σχέδιο εικονιδίων.

Το Sketch App είναι μια εφαρμογή μόνο για Mac που γίνεται ειδικά για web και σχεδιαστές κινητών. Προσφέρει ένα ομαλότερο περιβάλλον εργασίας για να δημιουργήσει διανυσματικά στοιχεία για οποιαδήποτε διεπαφή, αλλά διατηρεί επίσης πολλά χαρακτηριστικά που θα περιμένατε από το Photoshop όπως τα εφέ κειμένου και τα στρώματα στυλ.

Παρόλο που δεν υπάρχουν στοιχεία που να αποδεικνύουν ότι το Sketch θα κυκλοφορήσει ποτέ για τα Windows, έχει γίνει μια πολύτιμη επιλογή από τους χρήστες του OS X. Η απλοποιημένη ροή εργασίας και η φτηνότερη τιμή καθιστούν την Adobe να τρέχει για τα χρήματά της. Εάν το Sketch συνεχίζει να παρέχει την καλύτερη εμπειρία σχεδίασης UI τότε σίγουρα θα συνεχίσει να αυξάνεται καλά μέχρι το 2016 και μετά.

2. IDE με βάση το πρόγραμμα περιήγησης

Οι IDE επιφάνειας εργασίας υπήρχαν εδώ και δεκαετίες, με επιλογές από το Notepad ++ έως το Xcode και το Visual Studio. Ένα IDE διευκολύνει την εγγραφή κώδικα με προτάσεις και επισημάνσεις σύνταξης (μεταξύ άλλων χαρακτηριστικών).

Αλλά παραδοσιακά IDE έχουν κυκλοφορήσει ως desktop εφαρμογές. Τα τελευταία χρόνια έχουμε δει μια δραματική αύξηση των IDE του cloud που βασίζονται σε προγράμματα περιήγησης. Αυτά δεν απαιτούν άλλο λογισμικό εκτός από ένα πρόγραμμα περιήγησης στο web, το οποίο επιτρέπει στους προγραμματιστές να γράφουν κώδικα από οποιονδήποτε υπολογιστή με πρόσβαση στο Internet.

Τα IDE του Cloud λειτουργούν περισσότερο σαν εφαρμογές ιστού όπου μπορείτε να αποθηκεύσετε αποσπάσματα κώδικα στο λογαριασμό σας για κοινή χρήση ή προσωπική αποθήκευση. Το CodePen είναι ένας από τους πιο δημοφιλείς IDE με υποστήριξη για HTML / CSS / JS μαζί με custom preprocessing όπως Jade / Haml και LESS / SCSS.

Το Mozilla Thimble είναι ένα άλλο IDE για αρχάριους προγραμματιστές που θέλουν να μάθουν καθώς κωδικοποιούν. Επίσης, το Codeply είναι ιδανικό για δοκιμές συγκεκριμένων αποκρινόμενων πλαισίων όπως το Bootstrap ή το Zurb's Foundation χωρίς να χρειαστεί να κατεβάσετε αρχεία.

3. Δωρεάν μίγματα Sass / SCSS

Οι προ-επεξεργαστές ήταν μοντέρνοι εδώ και χρόνια, αλλά μόλις πρόσφατα έγιναν αρκετά συνηθισμένοι ώστε να αισθάνονται πανταχού παρόντες σε ολόκληρο τον τομέα του web design / development. Σήμερα φαίνεται περίεργο να γράφετε το CSS της βανίλιας όταν η Sass / SCSS μπορεί να προσφέρει πολλά περισσότερα.

Ένα πλεονέκτημα είναι η αυξανόμενη προσφορά βιβλιοθηκών Sass mixin. Οι απλοί συνδυασμοί είναι σαν αποσπάσματα κώδικα ή βασικές λειτουργίες για τη δημιουργία επαναλαμβανόμενου κώδικα στο CSS. Ενώ μπορείτε πάντα να γράψετε τη δική σας, πολλοί προγραμματιστές ήταν αρκετά ευγενικοί για να απελευθερώσουν δωρεάν online mixins.

Ορισμένα mixins έρχονται σε βιβλιοθήκες όπως το Bourbon ενώ άλλα μπορούν να είναι αυτόνομα αντικείμενα. Δοκιμάστε να κάνετε μια αναζήτηση στο GitHub για Sass / SCSS mixins για να δείτε τι μπορείτε να βρείτε.

4. Διάταξη καρτών

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

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

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

5. Προσαρμοσμένα βίντεο εξήγησης

Μεγάλες και μικρές εταιρείες έχουν πάρει την τάση των custom video explainer. Αυτά δημιουργούνται συχνά με κινούμενα σχέδια όπως το παράδειγμα Crazy Egg. Αλλά άλλα βίντεο βασίζονται σε πραγματικό υλικό όπως το Instagram Direct.

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

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

6. Προεπισκοπήσεις ζωντανών προϊόντων

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

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

Το Webydo είναι ένα άλλο λαμπρό παράδειγμα με ζωντανά κινούμενα σχέδια που παίζουν στην αρχική σελίδα. Αυτό επιτρέπει στους επισκέπτες να βλέπουν το Webydo σε δράση χωρίς να χρειάζεται να προβάλλουν με το χέρι το προϊόν. Αλλά δεν χρειάζεται πάντα να βασίζεστε σε κινούμενες εικόνες για προεπισκόπηση προϊόντων. Το Iconjar χρησιμοποιεί ένα απλό screenshot PNG για να δείξει ποιο είναι το προϊόν και πώς λειτουργεί.

7. Αυτοματοποιημένοι δρομείς εργασίας

Ο κόσμος της ανάπτυξης των frontend έχει αλλάξει τόσο πολύ με μια σειρά από νέες βέλτιστες πρακτικές για τη δημιουργία ιστοσελίδων. Οι δρομείς / συστήματα δημιουργίας εργασιών όπως το Gulp και το Grunt χρησιμοποιούνται πολύ πιο συχνά για μια σειρά από εργασίες που απαιτούσαν προηγουμένως χειρωνακτική προσπάθεια.

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

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

8. Εγγενείς εφαρμογές JS για κινητά

Είμαι ένας μεγάλος υποστηρικτής της χρήσης των σωστών εργαλείων για τη δουλειά. Στην περίπτωση της ανάπτυξης εφαρμογών για κινητά, αυτό σημαίνει Java για Android, Objective-C / Swift για iOS.

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

Το χάσμα για να γίνει προγραμματιστής εφαρμογών για κινητά μειώνεται με τη δυνατότητα δημιουργίας εφαρμογών για κινητά μέσω JavaScript. Το PhoneGap είναι μια άλλη επιλογή που βασίζεται στον κώδικα HTML / CSS / JS.

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

9. Εργαλεία συνεργασίας για το σχεδιασμό

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

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

Το Slack είναι η πιο δημοφιλής εφαρμογή συνομιλίας προς το παρόν, η οποία υποστηρίζει πολλά παρόμοια χαρακτηριστικά. Το αυξανόμενο userbase Slack ήταν διασκεδαστικό για τη δημιουργία επεκτάσεων που βελτιώνουν σημαντικά τις δυνατότητες του Slack και συνδέονται με άλλα προϊόντα όπως το Hangouts, το MailChimp και ακόμη και το WordPress.

10. Ευέλικτα Πλαίσια Frontend

Πλαίσια Frontend όπως το Bootstrap είναι εδώ και χρόνια και συνεχίζουν να αποδειχθούν χρήσιμα σε έργα προσωπικά και επαγγελματικά. Ο ανταποκρινόμενος σχεδιασμός έχει αναγκάσει το δρόμο του σε πλαίσια και δημιούργησε μια ζήτηση για κωδικό frontend αντί μόνο για backend (Django, Laravel, κλπ).

Προχωρώντας στο 2016 πιστεύω ότι θα διαβάζουμε πολλά περισσότερα σχετικά με τα ευέλικτα πλαίσια front & την αξία τους σε έργα web. Πολλοί devs αναμένουν με ανυπομονησία την κυκλοφορία του Foundation 6 και της δημόσιας κυκλοφορίας του Bootstrap 4.

Άλλα λιγότερο γνωστά πλαίσια που μπορείτε να ελέγξετε περιλαμβάνουν το Gumby και το Pure CSS.

11. Μεγαλύτερη εστίαση στο UX Design

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

Μόλις πριν από 5 χρόνια ήμουν σχεδόν εξοικειωμένος με το UX ή με τον τρόπο με τον οποίο εφαρμοζόταν το σχέδιο διεπαφής. Τώρα έχουμε πόρους όπως το UX Stack Exchange και τα δωρεάν ebooks UX. Αν δεν γνωρίζετε πολλά για την εμπειρία των χρηστών τότε είναι πλέον η καλύτερη στιγμή για να μελετήσετε και να μάθετε πώς μπορούν να εφαρμοστούν οι αρχές UX σε όλες τις μορφές ψηφιακών διεπαφών.

12. Διευθυντές πακέτων

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

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

13. Προηγμένες ζωγραφικές ενότητες

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

Η κίνηση δεν αποτελεί απαίτηση για καλό σχεδιασμό. Αλλά μπορεί να κάνει ένα καλό σχέδιο σε ένα υπέροχο σχέδιο όταν χρησιμοποιείται σωστά.

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

14. Σχεδιαστές που μαθαίνουν να κωδικοποιούν

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

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

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

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

15. Δωρεάν Εργαλεία Online & Webapps

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

Θα βρείτε τα πάντα από την κωδικοποίηση / αποκωδικοποίηση διευθύνσεων URL σε έναν εντελώς δωρεάν επεξεργαστή Markdown. Ακόμα και το Google Drive έχει λάβει προϊόντα του Microsoft Office στο πρόγραμμα περιήγησης (και πάλι, εντελώς δωρεάν).

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

16. Η ανάπτυξη των διαδικτυακών στοιχείων

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

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

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

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

17. Πόροι ηλεκτρονικής μάθησης

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

Αισθάνομαι περισσότερη αυτοπεποίθηση από ποτέ ότι θα δούμε αύξηση της ηλεκτρονικής μάθησης. Οι γνωστές τοποθεσίες όπως το Treehouse και το CodeSchool προσφέρουν απίστευτα μαθήματα παράλληλα με νεώτερα sites όπως το Bitfountain και το Learn-Verified.

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

18. JavaScript διακομιστή

Παρόλο που υπήρχαν παρελθούσες επιλογές για διακομιστή JS, κανένας δεν έχει διαπεράσει τόσο γρήγορα όσο το Node.js. Το JavaScript devs ερωτεύτηκε αυτή τη βιβλιοθήκη και παρακολούθησε την εμφάνισή του σε άμεσο ανταγωνισμό με άλλες γλώσσες backend όπως Python ή PHP.

Ο κόμβος επιτρέπει στους προγραμματιστές να δημιουργούν ιστότοπους χρησιμοποιώντας μία μόνο γλώσσα και για τον κωδικό frontend + backend. Και οι πόροι όπως το Node Package Manager δίνουν ακόμα μεγαλύτερη αξία στο Node.js.

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

19. Χαρακτηριστικά δικτυακού τόπου που υποστηρίζονται από το Touch

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

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

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

20. Σχεδιασμός υλικού στον ιστό

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

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

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

Κλείσιμο

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

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