Από την τελευταία δεκαετία υπήρξε ένας ψυχρός πόλεμος μεταξύ σχεδιαστών και προγραμματιστών. Οι σχεδιαστές παραπονέθηκαν για το πόσο εξαρτώνται από τους προγραμματιστές για να δημιουργήσουν κοροϊδεύω που ξεπερνούν τις στατικές εικόνες. Από την άλλη πλευρά, οι προγραμματιστές δυσαρεστούν την ανάγκη τους για δεξιότητες σχεδιαστών για να τους βοηθήσουν να μετατρέψουν τις ιδέες τους σε ικανές διεπαφές που είναι φιλικές προς τον χρήστη.
Αλλά καθώς τα εργαλεία σχεδίασης γίνονται ευκολότερα και ευκολότερα στη χρήση, ο ψυχρός πόλεμος πλησιάζει στο τέλος του.
μεταγλώττιση και σύνδεση σε angularjs
Τώρα είναι δυνατό να δημιουργήσετε ένα εντυπωσιακό διαδραστικό πρωτότυπο με μια εφαρμογή χωρίς καμία εμπειρία κωδικοποίησης. Αυτό σημαίνει ότι οι σχεδιαστές μπορούν να δοκιμάσουν νέες εφαρμογές χωρίς να χρειάζεται να γράψουν μια μόνο γραμμή κώδικα, και αυτό σημαίνει ότι οι προγραμματιστές μπορούν να χρησιμοποιήσουν απλά εργαλεία για να εργαστούν επαγγελματικά στα σχέδιά τους χωρίς να χρειάζονται επαγγελματική βοήθεια.
Οι σχεδιαστές μπορούν προφανώς να επωφεληθούν περισσότερο εάν μάθουν να χρησιμοποιούν κώδικα και οι προγραμματιστές θα πρέπει πιθανώς να μελετήσουν το σχεδιασμό, αλλά το χάσμα μεταξύ των δύο δεξιοτήτων γίνεται όλο και πιο εύκολο να γεφυρωθεί.
Όχι πολύ καιρό πριν, σε έναν Ιστό πολύ, μακριά ...
Ο κύριος ρόλος του ψηφιακοί σχεδιαστές Πριν από πέντε έως επτά χρόνια σχεδίαζε στατικές εικόνες σελίδων και οθονών στο Photoshop για να σταλεί στη συνέχεια σε έναν μαγικό προγραμματιστή ο οποίος θα τις μεταμόρφωσε σε λειτουργικό ιστότοπο ή εφαρμογή. Το κοροϊδεύω ήταν πάντα ένα περιορισμένο αποτέλεσμα. Ήταν στατικό, τα δεδομένα ήταν πλαστά και δεν υπήρχαν αλληλεπιδράσεις. Έχετε κάνει ποτέ δοκιμή χρήστη με στατική εικόνα; Δεν πηγαίνει πολύ μακριά.
Η επικοινωνία μεταξύ σχεδιαστών και προγραμματιστών που προσπαθούν να κατανοήσουν τις προθέσεις του σχεδιαστή θα δημιουργούσαν αλυσίδες email αρκετά καιρό για να καταπιούν ολόκληρο τον κόσμο. Εβδομάδες ανάπτυξης θα περάσουν μόνο για να ανακαλύψουν, μετά την κυκλοφορία, ότι αυτό που ο προγραμματιστής κατάλαβε ως 'swipe up' ήταν πολύ διαφορετικό από αυτό που είχε ο σχεδιαστής. Ήταν κόλαση.
Σε έναν τέτοιο κόσμο, δεν υπάρχει αμφιβολία ότι κάθε προγραμματιστής έγραψε ένα άρθρο όπου οι σχεδιαστές έπρεπε να μάθουν πώς να χρησιμοποιούν κώδικα. Ο προγραμματιστής που έλαβε ένα PSD χωρίς σχολιασμούς με δεκάδες επίπεδα χωρίς ονόματα δεν θα ήταν ένοχος ότι θέλει να πηδήξει έξω από το παράθυρο.
Ταυτόχρονα, προγραμματιστές που ενδιαφέρονται να σχεδιάσουν τις δικές τους εφαρμογές απογοητεύτηκαν από πολύπλοκα εργαλεία όπως το Photoshop ή το Illustrator. Χρειάζονται μια ολοκληρωμένη εκπαίδευση γραφιστικής εκτός από τη μαθητεία της επιστήμης των υπολογιστών τους για να πραγματοποιήσουν τις ιδέες τους. Οι προγραμματιστές που προσπαθούν να κόψουν τις άκρες και να τους σχεδιάσουν εν κινήσει καταλήγουν σε εφαρμογές με χαμηλό επίπεδο σχεδίασης και δοκιμών που σκοντάφτουν μόλις μπουν στην αγορά.
Η ψηφιακή σχεδίαση δεν βρωμίζει αλλού
Τώρα η κατάσταση μεταξύ σχεδιαστών και προγραμματιστών είναι σημαντικά καλύτερη. Με την εφεύρεση έξυπνων σχεδιαστικών εργαλείων και πλατφορμών όπως το Craft by InVision, η εφαρμογή InVision, Framer, Flow, Flinto / Principle και Sketch, σχεδιαστές Υ Οι προγραμματιστές μπορούν εύκολα να σχεδιάσουν ένα πρωτότυπο μιας εφαρμογής και να το δοκιμάσουν χωρίς να γνωρίζει ο χρήστης ότι χρησιμοποιούν μια εφαρμογή χωρίς back-end.
Η εφαρμογή φαίνεται να λειτουργεί πλήρως από την οπτική γωνία του χρήστη. Κάθε αλληλεπίδραση και ροή θα είναι εκεί. Οι σχεδιαστές αποκτούν πολύτιμες πληροφορίες χωρίς να αγγίζουν μια γραμμή κώδικα και ο προγραμματιστής μπορεί να δημιουργήσει τα δικά του σχέδια με λίγα απλά κλικ.
Ας ρίξουμε μια πιο προσεκτική ματιά σε αυτά τα έξι εργαλεία σχεδίασης:
εργαλεία δοκιμής μονάδας για δίχτυ
Αυτή η σουίτα εφαρμογών επιτρέπει στους σχεδιαστές να αντλούν πραγματικά δεδομένα και όχι τα τυπικά εικονίδια 'Lorem ipsum' και Michael Jackson. Οι διάφορες εφαρμογές συνεργάζονται για να κάνουν τη διαδικασία σχεδιασμού πιο ομαλή και πιο αυτοματοποιημένη. Οι εφαρμογές υποστηρίζουν τη συνεργασία, τη δημιουργία πρωτοτύπων, τον συγχρονισμό και, το σημαντικότερο, τα δικά σας δεδομένα.
Το InVision άλλαξε πραγματικά το παιχνίδι επιτρέποντας στους σχεδιαστές να δημιουργήσουν mockup που δεν είναι στατικά. Με τα απλά εργαλεία του InVision, οι εικόνες μπορούν να μετατραπούν σε διαδραστικά πρωτότυπα με δυνατότητα κλικ, που μοιάζουν με πραγματικές εφαρμογές. Το InVision υποστηρίζει τη συνεργασία, διευκολύνοντας τους συναδέλφους σχεδιαστές και χρήστες να σχολιάζουν τις αλλαγές σε κάθε βήμα.
Κοιτάξτε το πρωτότυπο που δημιουργήθηκε χρησιμοποιώντας τη Marvel (ανταγωνιστής της Invision):
Σχεδιαστής Είναι σχεδόν σαν το InVision, αλλά έχει την ικανότητα να επιτυγχάνει πιο πολύπλοκες αλληλεπιδράσεις. Ορισμένες μεγάλες εταιρείες χρησιμοποιούν το Framer για να μπορούν να σχεδιάζουν εφαρμογές που είναι διαισθητικές και χρήσιμες, αλλά και απλές. Το Uber είναι ένα καλό παράδειγμα, έχουν χρησιμοποιήσει το Framer για να σχεδιάσουν το δικό τους app de Apple Watch Υ UberPOOL .
Και οι δύο εφαρμογές μπορούν να χρησιμοποιηθούν για τη δημιουργία πολύπλοκα κινούμενα σχέδια σε λίγα λεπτά. Και οι δύο παίρνουν λίγη πρακτική, αλλά μόλις οι σχεδιαστές εξοικειωθούν με αυτές τις εφαρμογές, μπορούν εύκολα να δημιουργήσουν κινούμενα σχέδια που θα φαίνονται και θα αισθάνονται εξαιρετικά επαγγελματικά και δεν θα είναι άσκοπα γεμάτα. Μπορείτε να δείτε εδώ πολλά εκπληκτικά παραδείγματα για το τι μπορούν να κάνουν οι χρήστες με την Αρχή.
Το Sketch είναι σαν το Photoshop, αλλά με περίπου τέσσερις φορές το μέγεθος των δυνατοτήτων για προγραμματιστές ιστού και κινητών. Αυτό το ισχυρό εργαλείο λύνει το πρόβλημα των στατικών σχεδίων που δεν κάνουν τίποτα αφήνοντας τους σχεδιαστές να δημιουργήσουν εικονίδια, διεπαφές και ιστότοπους που είναι εντελώς μοναδικοί και χειροποίητοι.
τι είναι το appexchange στο salesforce
Αυτό μοιάζει με γάντζο Mike Tyson. Το Webflow ουσιαστικά εξαλείφει την ανάγκη των σχεδιαστών να γράφουν κώδικα front-end. Τώρα οι σχεδιαστές χρησιμοποιούν αυτόν τον όμορφο επεξεργαστή WYSIWYG για να αντιμετωπίσουν όλα τα βαριά ανύψωσης.
Εφαρμογές χωρίς κώδικα
Έκο : Αυτή η εταιρεία έχει δημιουργήσει εξαιρετικά περίπλοκα κινούμενα σχέδια και έχουν επιτύχει ένα αρκετά εξελιγμένο front-end χωρίς front-end προγραμματιστές, χρησιμοποιώντας μόνο Webflow.
Πώς μπορείτε να κάνετε τη λίστα σας (ή λίστα υποχρεώσεων ) λειτουργεί σε αυτό το ζωντανό κοροϊδεύω. Πατώντας στην εφαρμογή, μπορείτε να δείτε την πλήρη λειτουργικότητα του τρόπου λειτουργίας του Todoist χωρίς την εικασία.
Δημιουργώντας κινούμενες εικόνες CSS που χρειάζονταν μάγοι CSS που ήξεραν πώς να συνεργάζονται με μετασχηματισμούς, καθυστερήσεις 3D και ατελείωτες εισβολές CSS και JS για να δημιουργήσουν κάτι περίπλοκο. Με τη ροή Ιστού, μπορείτε να δημιουργήσετε κάτι σαν αυτό το κινούμενο σχέδιο στο μισό χρόνο και χωρίς να γράψετε ούτε μία γραμμή κώδικα.
Το μέλλον είναι σχεδιασμός, και υπάρχουν πολλά να δούμε
Με τέτοια εργαλεία σχεδίασης, οι σχεδιαστές δεν χρειάζεται να επικεντρώνονται σε στατικές εικόνες και δεν χρειάζεται να βασίζονται σε προγραμματιστές για να δημιουργήσουν όμορφα, λειτουργικά, επαγγελματικά πρωτότυπα.
ωρομίσθιο εργολάβου έναντι μισθού
Ταυτόχρονα, οι προγραμματιστές δεν χρειάζεται πλέον να βασίζονται σε σχεδιαστές για να βρουν υπέροχες ιδέες. Οι προγραμματιστές μπορούν και πρέπει να αρχίσουν να προσθέτουν δεξιότητες σχεδιασμού στο βιογραφικό τους, ξεκινώντας από τα εργαλεία που αναφέρονται παραπάνω. Κανένα από αυτά τα προγράμματα δεν είναι ιδιαίτερα περίπλοκο για να μάθει, και εάν οι προγραμματιστές έπρεπε να σταματήσουν να βασίζονται σε σχεδιαστές και να αρχίσουν να δημιουργούν όμορφα πρωτότυπα, θα μπορούσαν να κάνουν τους επαγγελματίες ευκολότερους να προσλάβουν και να βιώσουν την ικανοποίηση (για να μην αναφέρουμε τις εξοικονομήσεις) να μεταφέρουν τις ιδέες τους από την ιδέα στην αγορά.
Αυτό μπορεί να ακούγεται σαν άσχημα νέα για τους σχεδιαστές, αλλά δεν είναι. Με την προσθήκη απλής ενσωμάτωσης API, αυτοματοποιημένων ροών εργασίας και της δυνατότητας να φέρουν πραγματικά δεδομένα, οι σχεδιαστές μπορούν να δημιουργήσουν εξελιγμένα και δοκιμαστικά πρωτότυπα χωρίς να χρειάζεται να συνεχίζουν να πηγαίνουν συνεχώς με έναν προγραμματιστή. Το αποτέλεσμα είναι ότι ο σχεδιαστής μπορεί να επικεντρωθεί σε αυτό που κάνουν καλύτερα: σχέδιο .
Δεν χρειάζεται πλέον να ερμηνεύεται το έργο ενός σχεδιαστή και, αναπόφευκτα, να μολυνθεί από κάποιον που δεν μοιράζεται το όραμά του. Έτσι, ενώ αυτά τα ίδια εργαλεία επιτρέπουν στους προγραμματιστές να σχεδιάζουν, αυτό δεν πρέπει να απειλεί τους έμπειρους σχεδιαστές. Αντί να ανησυχούν για τους προγραμματιστές να μπουν στον τομέα τους, οι σχεδιαστές θα πρέπει να έχουν το πάνω χέρι με όλα τα εργαλεία που περιγράφονται παραπάνω και να συνεχίζουν να προχωρούν με τις δημιουργίες τους.
