portaldacalheta.pt
  • Κύριος
  • Σχεδιασμός Για Κινητά
  • Ευκίνητο Ταλέντο
  • Τεχνολογία
  • Διεπαφή Ιστού
Σχεδιασμός Ux

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



Ακόμη και για έναν έμπειρο σχεδιαστή, η δημιουργία ενός νέου οδηγού στυλ για ένα προϊόν είναι δύσκολη - υπάρχουν πολλές πιθανές οδηγίες σχεδιασμού και η διαδικασία μπορεί γρήγορα να γίνει συντριπτική. Ζωή του ξεκίνα είναι αρκετά ταραχώδες, γρήγορο και γεμάτο κλισέ όπως «η τελειότητα είναι ο εχθρός του να κάνουμε κάτι», «να κινηθεί γρήγορα και να σπάσει τα πράγματα» ή «ας ξεκινήσουμε τώρα, ας το διορθώσουμε αργότερα»

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



Σύστημα σχεδιασμού UX, οδηγός στυλ και βιβλιοθήκη στοιχείων BBC



javascript λάβετε την τρέχουσα ώρα ημερομηνίας
ο Παγκόσμια γλωσσική εμπειρία (GEL) Το BBC εξηγεί τον σκοπό κάθε στοιχείου και τον τρόπο χρήσης τους.

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



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

Κορυφαίοι 5 λόγοι για τους οποίους ένας οδηγός στυλ είναι καλή ιδέα

1. Ένας οδηγός στυλ καθιστά τα σχέδια συγκεκριμένα και καθιερωμένα

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



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

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



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

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

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

2. Ένας οδηγός στυλ θα κάνει το σχέδιό σας πιο συνεπές

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



  1. 'Βρέχει, χρειάζομαι την ομπρέλα μου.'
  2. 'Βρέχει, χρειάζομαι την ομπρέλα μου'
  3. 'Βρέχει, χρειάζομαι την ομπρέλα μου'

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

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



Ο οδηγός στυλ με το σύστημα σχεδίασης Shopify

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

3. Η επαναχρησιμοποίηση του ίδιου συστήματος εξαρτημάτων καθιστά την εφαρμογή σας εύκολη στη χρήση

Όπως και στο παράδειγμα της γλώσσας, η συνέπεια είναι το κλειδί. Κάθε φορά που κάθε στοιχείο γίνεται κατανοητό από τον χρήστη, όταν χρησιμοποιείται ξανά και σε διαφορετικό πλαίσιο, οι άνθρωποι θα είναι ήδη εξοικειωμένοι με την προηγούμενη συμπεριφορά. Όσον αφορά τις αλληλεπιδράσεις χρηστών, αυτή η συνέπεια βελτιώνει γενικά τη χρηστικότητα του προϊόντος. Star Wars Battlefront 2 Βιντεοπαιχνίδι Ιστοσελίδα Color Style Guide



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

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

4. Ένας οδηγός στυλ καθιστά την εφαρμογή σας εύκολη στην ανάπτυξη μακροπρόθεσμα

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

Περιγράψτε τις αρχές gestalt της ομοιότητας εγγύτητας, συνέχειας και κλεισίματος

5. Ένας οδηγός στυλ διευκολύνει την αποδοτικότητα παραγωγής και την καινοτομία

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

Πίνακας διάθεσης

Το σύστημα σχεδίασης του Shopify ονομάστηκε, μεταγλωττίστηκε Πολάρης .

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

Η δημιουργία ενός συστήματος σχεδίασης σε ένα περιβάλλον εκκίνησης δεν είναι τόσο γραμμική όσο φαίνεται σε μια ώριμη εταιρεία όπου χρησιμοποιούνται για μια πιο απλοποιημένη διαδικασία. Σε μια πιο παραδοσιακή εταιρεία, η ομάδα σχεδιασμού αναπτύσσει ένα Έρευνα UX , ιδεασμός και πειραματισμός και, στη συνέχεια, βρείτε έναν τελικό οδηγό στυλ επωνυμίας. Αυτή η διαδικασία δεν είναι για όλες τις εταιρείες, καθώς οι νεοσύστατες επιχειρήσεις λειτουργούν σε περιβάλλον όπου το όραμά τους και οι απαιτήσεις προϊόντων δεν αλλάζουν συνεχώς. Λειτουργούν με MVP (ελάχιστα βιώσιμα προϊόντα), ελλιπείς εκδόσεις των εφαρμογών τους που χρησιμοποιούνται για να δοκιμάσουν τις ιδέες τους και να τις δείξουν σε πιθανούς χρήστες.

Όταν πρόκειται για τη δημιουργία στυλ οδηγού, αυτό μπορεί να γίνει πρόβλημα.

Σε ένα περιβάλλον όπου εξελίσσεται πάντα, α σχεδιαστής συνήθως είσαι σκληρός για να δημιουργήσεις ένα στυλ καθοδήγησης που υποτίθεται ότι είναι κάτι «σταθερό». Ένας σχεδιαστής δεν θα έχει το χρόνο να σκεφτεί πραγματικά όλα τα στοιχεία που δημιουργούνται, αν και μπορεί να εμφανιστεί τελευταία. ελευθέρωση της εφαρμογής. Το Facebook άλλαξε διάσημα το μενού 'χάμπουργκερ' για πλοήγηση καρτέλες όταν ωρίμασαν λίγο. Πιστεύετε ότι όποιος έβαλε εκεί το μενού χάμπουργκερ το πρόσθεσε επίσης στον οδηγό στυλ Facebook;

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

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

Ξεκινήστε με κάποια έμπνευση διεπαφής χρήστη

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

τι να κάνετε με το c++

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

Σύστημα σχεδιασμού Salesforce με κοινά εξαρτήματα και τις χρήσεις τους

Ο ιστότοπος του παιχνιδιού Star Wars Battlefront 2 χρησιμοποιήστε σκούρα χρώματα ενώ ο ιστότοπος του ΑΥΤΗ χρησιμοποιήστε μια ελαφρύτερη παλέτα.

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

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

Βιβλιοθήκη στοιχείων με το κιτ διεπαφής χρήστη Salesforce Analytics

Διαφορετικοί πίνακες διάθεσης που χρησιμοποιούν διαφορετικές αναφορές.
(πηγές: Καλοκαίρι Teal Simpson Hitch ; Vivek Venkatraman ; Κεχριμπάρι στο Dribbble)

Σχεδίαση στερεών στοιχείων UI

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

Ο οδηγός στυλ του Χειριστής καθορίζει πώς θα αντιδράσει κάθε συστατικό με βάση την πλοήγηση και την οπτική ιεραρχία. (πηγές: Κερέμ Σουέρ στο Dribbble)

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

Βιβλιοθήκες εικονιδίων σε οδηγούς στυλ και κοινές βιβλιοθήκες συστατικών

ο Σύστημα σχεδίασης Lightforce Salesforce υποδεικνύει πόσο ευέλικτο είναι ένα στοιχείο και αν μπορεί ή όχι να προσαρμόζεται σε μια φορητή διεπαφή.

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

Το κιτ Salesforce Analytics UI είναι μια βιβλιοθήκη κοινών στοιχείων που θεωρητικά θα επαναχρησιμοποιηθούν σε κάθε εφαρμογή. (πηγή: Eli Sebastian Brumbaugh )

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

Θα πρέπει να σκεφτείτε τον οδηγό στυλ σας ως έργο σε εξέλιξη. Ως εκκίνηση που προσπαθεί να καταλάβει τη στρατηγική της, θα πρέπει να καταλάβετε τον οδηγό στυλ σας. Θα το επεξεργαστείτε και θα το προσαρμόσετε με την πάροδο του χρόνου έως ότου γίνει η βάση της διεπαφής χρήστη σας. Μια χρήσιμη προσέγγιση είναι να ξεκινήσετε με το πρώτο mockup την ίδια στιγμή που ξεκινάτε με τον οδηγό στυλ σας. Ανοίξτε δύο αρχεία με το αγαπημένο σας λογισμικό (στην περίπτωσή μου, Sketch). ένα που ονομάζεται nombre de página και άλλο guía de estilo. Καθώς εργάζεστε στο σχεδιασμό ενός αμπαζούρ, μπορείτε να αρχίσετε να σπέρνετε τον οδηγό στυλ σας με στοιχεία που συνθέτουν το σχέδιό σας.

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

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

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

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

Salesforce , Ούρλιασμα Υ Χαρτοκιβώτιο Όλα διαθέτουν εκτεταμένες βιβλιοθήκες εικονιδίων για τις εφαρμογές τους. Ο οδηγός στυλ σας θα πρέπει επίσης να περιέχει στοιχεία διεπαφής χρήστη που χρησιμοποιούνται σε ολόκληρη την εφαρμογή σας.

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

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

llc vs s corp vs c corp chart

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

συμπέρασμα

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

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

Ενισχύστε την παραγωγικότητά σας με τις υπηρεσίες Web του Amazon

Πίσω Μέρος

Ενισχύστε την παραγωγικότητά σας με τις υπηρεσίες Web του Amazon
Blockchain, IoT και το μέλλον των μεταφορών: Κατανόηση του νομίσματος Motoro

Blockchain, IoT και το μέλλον των μεταφορών: Κατανόηση του νομίσματος Motoro

Πίσω Μέρος

Δημοφιλείς Αναρτήσεις
Κοιτάζοντας τα αποτυχημένα IPO στην εποχή του μονόκερου
Κοιτάζοντας τα αποτυχημένα IPO στην εποχή του μονόκερου
Top 10 UX Παραδοτέα Χρήση κορυφαίων σχεδιαστών
Top 10 UX Παραδοτέα Χρήση κορυφαίων σχεδιαστών
Evolving Emoji: Σχεδιασμός για το νέο πρόσωπο των μηνυμάτων
Evolving Emoji: Σχεδιασμός για το νέο πρόσωπο των μηνυμάτων
Διευθυντής Υπηρεσιών Πελατών Επιχειρήσεων, Επικοινωνιών, Μέσων, Ψυχαγωγίας και Τεχνολογίας
Διευθυντής Υπηρεσιών Πελατών Επιχειρήσεων, Επικοινωνιών, Μέσων, Ψυχαγωγίας και Τεχνολογίας
Τεχνικές έρευνας UX και οι εφαρμογές τους
Τεχνικές έρευνας UX και οι εφαρμογές τους
 
Power Pivot for Excel Tutorial: Κορυφαίες περιπτώσεις και παραδείγματα χρήσης
Power Pivot for Excel Tutorial: Κορυφαίες περιπτώσεις και παραδείγματα χρήσης
Οι δοκιμασμένοι και αληθινοί νόμοι του UX (με Infographic)
Οι δοκιμασμένοι και αληθινοί νόμοι του UX (με Infographic)
Εργασία με React Hooks και TypeScript
Εργασία με React Hooks και TypeScript
Κοιτάζοντας το μέλλον - Τάσεις σχεδιασμού του 2020
Κοιτάζοντας το μέλλον - Τάσεις σχεδιασμού του 2020
Ας επανασχεδιάσουμε το Facebook: 10 παραδείγματα για να εμπνεύσετε και να σας βοηθήσουμε να ξεκινήσετε
Ας επανασχεδιάσουμε το Facebook: 10 παραδείγματα για να εμπνεύσετε και να σας βοηθήσουμε να ξεκινήσετε
Δημοφιλείς Αναρτήσεις
  • s vs c corp llc
  • σε τι χρησιμεύει η σπίθα
  • πόσα drones πουλήθηκαν το 2016
  • πώς να φτιάξετε ένα βίντεο με εφέ μετά
  • φαίνεται ότι για την καλύτερη απόδοση θα μπορούσατε απλά να επιλέξετε το πιο γρήγορο μοντέλο σε κάθε κατηγορία
  • τα οφέλη της απόδοσης από την πλευρά του διακομιστή
Κατηγορίες
  • Σχεδιασμός Για Κινητά
  • Ευκίνητο Ταλέντο
  • Τεχνολογία
  • Διεπαφή Ιστού
  • © 2022 | Ολα Τα Δικαιώματα Διατηρούνται

    portaldacalheta.pt