Οδηγός στυλ σχεδιασμού για να μάθετε από το 2018

Πολλοί σχεδιαστές περνούν συχνά ώρες κοιτάζοντας την «έμπνευση» σε Dribbble, Behance και άλλες πλατφόρμες που παρουσιάζουν σχέδια. Δεδομένου ότι οι περισσότεροι από εμάς έχουμε μια μακρά λίστα με πράγματα που πρέπει να κάνουμε και να πετύχουμε το νέο έτος, αφήνουμε να προσθέσουμε ένα ακόμα πράγμα στο ψήφισμά μας για το 2018 - Εξερευνήστε τις κατευθυντήριες γραμμές σχεδιασμού.

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

Επίσης, παρακαλώ να παρουσιάσετε κάποια ΑΓΑΠΗ ❤ από DONATING, έτσι μπορώ να συνεχίσω να γράφω τρομερά άρθρα: https://www.paypal.me/punitweb

Top 3 επιλογές μου

- Duolingo

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

Σκέφτηκα ότι το "Rose Gold" ήταν ένα ενδιαφέρον όνομα για ένα χρώμα; Το Duolingo ονομάζει πραγματικά χρώματα μετά από βρώσιμα όπως ζελέ, βατόμουρο και βατόμουρο. δεν είναι πιο ενδιαφέρον από αυτό.
Μου αρέσει ιδιαίτερα το σύνολο των εικόνων τους που αποσκοπούν να είναι παγκοσμίως αναγνωρίσιμα, να δουλεύουν καλά με την παλέτα χρωμάτων τους και να φαίνονται φιλόξενα.

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

Ελέγξτε τον οδηγό στυλ Duolingo εδώ: https://goo.gl/gjvmBQ

- IBM

Ξεχάστε το σχεδιασμό υλικού, η κατευθυντήρια γραμμή σχεδιασμού της IBM είναι η βάρκα που πρέπει να επιβιβαστείτε τώρα! Προσωπικά, σκέφτηκα ότι η IBM ως πλατφόρμα εφαρμογών και υπηρεσιών αγνοούσε το σχεδιασμό, μέχρι που ταλαντεύτηκαν την κοινότητα σχεδιασμού UX και UI με μια πλήρη ανανέωση των προτύπων μάρκας και σχεδιασμού της. Στην πραγματικότητα, ήμουν τόσο εντυπωσιασμένος που έχω ακόμα και tweeted γι 'αυτό -

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

«Πιστεύουμε ότι οι ανθρώπινες εμπειρίες οδηγούν τις επιχειρήσεις»

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

Η IBM διαθέτει επίσης μια βιβλιοθήκη κινούμενων σχεδίων, η οποία παρέχει στους προγραμματιστές και τους σχεδιαστές έναν οδηγό για κινούμενα σχέδια και μεταβάσεις. καθώς παρέχει πόρους τόσο για iOS όσο και για ιστό. Μου συμβαίνει να μοιάζει πολύ με την καμπύλη Bézier που χρησιμοποίησαν για το χρονισμό των κινούμενων εικόνων τους, είναι ομαλή και ευαίσθητη την ίδια στιγμή, καλή IBM!

Ανατρέξτε στον οδηγό στυλ της IBM εδώ: https://goo.gl/jQc6V1

Η μόνη σειρά που θέλετε να ακολουθήσετε στο Μέσο >>>

- BBC (GEL)

Όπως οι κατευθυντήριες γραμμές iOS της ανθρώπινης διεπαφής της Apple, το BBC έχει επίσης δικό του πρότυπο σχεδιασμού ή σύστημα κλήσης GEL ή Global Experience Language. Το BBC επιδιώκει την προσέγγιση που βασίζεται στον χρήστη με συνεπή προσέγγιση. Καθορίζουν πέντε βασικές αρχές σχεδιασμού, οι οποίες θεωρώ ότι είναι βασικές για κάθε σχεδιαστή:

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

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

Παντού, πάντα
Εξετάστε κάθε οθόνη και πού, πότε και γιατί θα μπορούσε να χρησιμοποιηθεί - από την πολυθρόνα στην Αρκτική.

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

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

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

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

Ανατρέξτε στον οδηγό στυλ του BBC εδώ: https://goo.gl/HdYYCk

Ειδικές αναφορές

- Σαμάρα από την Airbnb

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

Εξερευνήστε περισσότερα εδώ: https://goo.gl/AHfA3w

- Παγκόσμια πλατφόρμα Windows της Microsoft

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

Ελέγξτε το εδώ: https://goo.gl/vyzY9R

Γιατί το iOS HIG και το υλικό σχεδιασμού δεν έκαναν αυτή τη λίστα

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

Ελπίζω να μου άρεσε το γράψιμό μου και έμαθα και λίγο. Υποστηρίξτε μου με ΕΠΑΚΟΛΟΥΘΗΣΗ και ΚΛΕΙΣΙΜΟ!

Επίσης, παρακαλώ να παρουσιάσετε κάποια ΑΓΑΠΗ ❤ από DONATING, έτσι μπορώ να συνεχίσω να γράφω τρομερά άρθρα: https://www.paypal.me/punitweb