portaldacalheta.pt
  • Κύριος
  • Σχεδιασμός Ux
  • Κερδοφορία & Αποδοτικότητα
  • Κύκλος Ζωής Προϊόντος
  • Ευκίνητος
Διεπαφή Ιστού

Top Ten Front-End Design Κανόνες για προγραμματιστές



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

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



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



Ολοκληρώστε τα πράγματα στο πρόγραμμα γραφικών

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



Έτσι, υπάρχει πάντα ένα σημείο σε οποιαδήποτε εργασία Front End όπου καταλήγετε να κάνετε κάποιες σχετικές προσαρμογές καλλυντικών. Είτε προσπαθείτε να κάνετε το σημάδι επιλογής που εμφανίζεται όταν είναι επιλεγμένο το πλαίσιο ελέγχου, είτε κάνετε μια διάταξη σελίδας που έχασε το PSD, Μπροστά-Enders συχνά καταλήγουν να χειρίζονται αυτές τις φαινομενικά δευτερεύουσες εργασίες. Φυσικά, σε έναν τέλειο κόσμο αυτό δεν θα συνέβαινε, αλλά έχω ακόμη βρει έναν τέλειο κόσμο, επομένως πρέπει να είμαστε ευέλικτοι.

Ένας καλός front-end προγραμματιστής πρέπει να χρησιμοποιεί επαγγελματικά εργαλεία γραφικών. Μην αποδεχτείτε υποκατάστατο.



Ένας καλός front-end προγραμματιστής πρέπει να χρησιμοποιεί επαγγελματικά εργαλεία γραφικών. Μην αποδεχτείτε υποκατάστατο. Τιτίβισμα

Για αυτές τις καταστάσεις, πρέπει πάντα να χρησιμοποιείτε ένα πρόγραμμα γραφικών για το Κοροϊδεύω . Δεν με νοιάζει ποιο εργαλείο επιλέγετε: Photoshop, Illustrator, Fireworks, ΣΕΙΡΗΤΙ , οτιδήποτε. Απλώς μην προσπαθήσετε να σχεδιάσετε από τον δικό σας κωδικό. Αφιερώστε ένα λεπτό ξεκινώντας ένα πραγματικό πρόγραμμα γραφικών και δείτε πώς θα μοιάζει, μετά πηγαίνετε στον κώδικα και κάντε το να συμβεί. Μπορεί να μην είστε ειδικός σχεδιαστής αλλά θα έχετε ακόμα καλύτερα αποτελέσματα.

Ταιριάξτε το σχέδιο, μην προσπαθήσετε να το κερδίσετε

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



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

τι είναι ένας κόμβος Javascript

Οι προγραμματιστές πρέπει να ταιριάζουν με την αρχική σχεδίαση front-end όσο το δυνατόν πιο κοντά.



Οι προγραμματιστές πρέπει να ταιριάζουν με την αρχική σχεδίαση front-end όσο το δυνατόν πιο κοντά. Τιτίβισμα

Αντί να ρωτήσω 'Το σημάδι επιλογής μου φαίνεται καταπληκτικό;' Πρέπει να αναρωτηθείτε, 'Πόσο καλά ταιριάζει το σημάδι επιλογής μου με το σχέδιο;'

Η εστίασή σας πρέπει πάντα να είναι η εργασία με το σχέδιο και όχι η προσπάθειά σας να το ξεπεράσετε.



Η τυπογραφία κάνει όλη τη διαφορά

Θα εκπλαγείτε πόσο μεγάλο μέρος της τελικής εμφάνισης ενός σχεδίου επηρεάζεται από την τυπογραφία. Θα εκπλαγείτε τόσο πολύ όταν ξέρετε πόσο χρόνο ξοδεύουν οι σχεδιαστές. Αυτή δεν είναι μια προσπάθεια «pick and go». Χρειάζεται σοβαρός χρόνος και προσπάθεια.

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



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

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

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

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

Ο σχεδιασμός Front-End δεν ανέχεται το 'Tunnel Vision'

Πιθανότατα κάνετε μικρά μέρη του συνολικού σχεδιασμού.

Το

Το Tunnel Vision είναι μια κοινή παγίδα για προγραμματιστές front-end. Δεν επικεντρώνονται σε μια λεπτομέρεια, αλλά κοιτάζουν πάντα τη μεγάλη εικόνα. Τιτίβισμα

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

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

Σχέσεις και ιεραρχία

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

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

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

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

Να είστε επιλεκτικοί για το λευκό διάστημα και την ευθυγράμμιση

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

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

Καταβάλλετε κάθε δυνατή προσπάθεια για να καταλάβετε πώς ο σχεδιαστής χρησιμοποίησε το κενό διάστημα και ακολουθήστε αυτές τις ιδέες στην κατασκευή Front-End.

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

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

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

Εάν δεν ξέρετε τι κάνετε, κάντε λιγότερα

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

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

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

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

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

Ο Χρόνος μας χλευάζει

Θα σας πω ένα μυστικό για τους σχεδιαστές: το 90% (ή περισσότερο) όσων έβαλαν πραγματικά σε χαρτί ή σε καμβά του Photoshop, δεν είναι τόσο μεγάλο.

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

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

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

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

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

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

Ύλη Pixels

Θα πρέπει να κάνετε ό, τι είναι δυνατόν για να ταιριάζει με τον αρχικό σχεδιασμό στο τελικό σας πρόγραμμα, έως το τελευταίο pixel.

Οι προγραμματιστές front-end θα πρέπει να προσπαθήσουν να ταιριάξουν την αρχική σχεδίαση με το τελευταίο pixel.

Οι προγραμματιστές front-end θα πρέπει να προσπαθήσουν να ταιριάξουν την αρχική σχεδίαση με το τελευταίο pixel. Τιτίβισμα

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

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

Λάβετε σχόλια

Είναι δύσκολο να κερδίσεις ένα «μάτι για σχεδιασμό». Είναι ακόμη πιο δύσκολο να το κάνετε μόνοι σας. Πρέπει να ψάξετε το άποψη των άλλων για να δείτε πώς μπορείτε να κάνετε βελτιώσεις.

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

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

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

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

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

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

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

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

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

συμπέρασμα

Συνοψίζοντας, ακολουθεί μια σύντομη λίστα συμβουλών σχεδιασμού για προγραμματιστές front-end:

  • Σχεδιασμός σε πρόγραμμα γραφικών. Μην σχεδιάζετε από κώδικα, ούτε καν τα μικρά πράγματα.
  • Ταιριάζει με το σχέδιο. Προσέξτε το πρωτότυπο σχέδιο και μην προσπαθήσετε να το βελτιώσετε, απλώς ταιριάξτε το.
  • Η τυπογραφία είναι τεράστια. Ο χρόνος που αφιερώνετε για να βεβαιωθείτε ότι είναι σωστός πρέπει να αντικατοπτρίζει τη σημασία του.
  • Αποφύγετε την όραση της σήραγγας. Βεβαιωθείτε ότι οι προσθήκες σας ξεχωρίζουν όπως θα έπρεπε. Δεν είναι πιο σημαντικά μόνο επειδή τα σχεδιάσατε.
  • Σχέσεις και ιεραρχία - Κατανοήστε πώς λειτουργούν στο σχέδιό σας, ώστε να μπορείτε να τις εφαρμόσετε σωστά.
  • Ο λευκός χώρος και η ευθυγράμμιση είναι σημαντικές. Κάντε τα ακριβή pixel και κάντε τα ομοιόμορφα σε όλα όσα προσθέτετε.
  • Εάν δεν είστε σίγουροι για τις ικανότητές σας, κάντε τις προσθήκες όσο το δυνατόν λιγότερο σχεδιασμένες.
  • Αφιερώστε χρόνο ανάμεσα στις κριτικές. Ελέγξτε ξανά αργότερα για να δείτε το σχέδιό σας να λειτουργεί με φρέσκα μάτια.
  • Η τέλεια εφαρμογή Pixel είναι σημαντική όποτε είναι δυνατόν.
  • Να είσαι γενναίος. Βρείτε έμπειρους σχεδιαστές για να ασκήσετε κριτική στην εργασία σας.

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

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

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

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

Glass-Steagall Act: Η κατάργησή του προκάλεσε την οικονομική κρίση;

Επενδυτές & Χρηματοδότηση

Glass-Steagall Act: Η κατάργησή του προκάλεσε την οικονομική κρίση;
Adobe XD εναντίον Σκίτσο - Ποιο εργαλείο UX είναι κατάλληλο για εσάς;

Adobe XD εναντίον Σκίτσο - Ποιο εργαλείο UX είναι κατάλληλο για εσάς;

Σχεδιασμός Διεπαφής Χρήστη

Δημοφιλείς Αναρτήσεις
Αισθητική και αντίληψη - Τρόπος προσέγγισης εικόνων εμπειρίας χρήστη
Αισθητική και αντίληψη - Τρόπος προσέγγισης εικόνων εμπειρίας χρήστη
Βέλτιστες πρακτικές διάταξης ιστού: Αναλύθηκαν 12 διαχρονικά μοτίβα διεπαφής χρήστη
Βέλτιστες πρακτικές διάταξης ιστού: Αναλύθηκαν 12 διαχρονικά μοτίβα διεπαφής χρήστη
Εξοικείωση με το Πρόγραμμα ανάπτυξης Sketch
Εξοικείωση με το Πρόγραμμα ανάπτυξης Sketch
Mini Tutorial - Ένας οδηγός για συνδυασμούς γραμματοσειρών
Mini Tutorial - Ένας οδηγός για συνδυασμούς γραμματοσειρών
Για Σχεδιαστές με Αγάπη (Ένα Γράμμα από έναν Προγραμματιστή Front-end)
Για Σχεδιαστές με Αγάπη (Ένα Γράμμα από έναν Προγραμματιστή Front-end)
 
Σχεδιασμός βάσει δεδομένων και γενετικός σχεδιασμός - Μια επισκόπηση
Σχεδιασμός βάσει δεδομένων και γενετικός σχεδιασμός - Μια επισκόπηση
Διακομιστές ARM: Κινητή αρχιτεκτονική CPU για κέντρα δεδομένων;
Διακομιστές ARM: Κινητή αρχιτεκτονική CPU για κέντρα δεδομένων;
Ξεκινήστε με μικροσυσκευές: Ένα εκπαιδευτικό πρόγραμμα Dropwizard
Ξεκινήστε με μικροσυσκευές: Ένα εκπαιδευτικό πρόγραμμα Dropwizard
Μείνετε Sharp - Πώς να ενισχύσετε τη δημιουργικότητα όταν υποχωρεί η εργασία
Μείνετε Sharp - Πώς να ενισχύσετε τη δημιουργικότητα όταν υποχωρεί η εργασία
Ditch MVP, Υιοθετήστε Ελάχιστα Βιώσιμα Πρωτότυπα (MVPr)
Ditch MVP, Υιοθετήστε Ελάχιστα Βιώσιμα Πρωτότυπα (MVPr)
Δημοφιλείς Αναρτήσεις
  • πώς χρεώθηκε η Ελλάδα
  • τι χρώματα προκαλούν τι συναισθήματα
  • στην ψυχολογία οι αρχές gestalt χρησιμοποιούνται για να εξηγήσουν
  • ορισμός της αρχής του σχεδιασμού
  • πώς να δημιουργήσετε το junit test στο intellij
Κατηγορίες
  • Σχεδιασμός Ux
  • Κερδοφορία & Αποδοτικότητα
  • Κύκλος Ζωής Προϊόντος
  • Ευκίνητος
  • © 2022 | Ολα Τα Δικαιώματα Διατηρούνται

    portaldacalheta.pt