Σχεδιασμός εικονιδίων χειμερινών Ολυμπιακών του Yahoo

Πίσω από τη σκηνή των εικονιδίων χειμερινών Ολυμπιακών αγώνων του PyeongChang 2018 της Yahoo

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

Ω, παρεμπιπτόντως, η PyeongChang έχει το δικό τους φοβερό εικονίδιο - Ωστόσο, η Yahoo αποφάσισε να δημιουργήσει το δικό της σετ επειδή χρειάζονται τα εικονικά έργα στο μικρό μέγεθος (μιλώ 20px εδώ).

Γνωρίστε τα αθλήματα

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

Anywho ...

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

Δημιουργήστε το θεμελιώδες

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

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

Καταγραφή της θέσης

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

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

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

Γρήγορες συμβουλές:

  • Μην εργάζεστε σε σιλό, κρατάτε τη συζήτηση σε εξέλιξη και παίρνετε συχνά σχόλια.
  • Ξεκινήστε με τη χαμηλή πιστότητα και το χρόνο-κουτί σας χρόνο εξερεύνησης.

Ανάπτυξη στυλ

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

Το πρώτο βύθισμα είναι πολύ μονότονο και δεν είναι ρευστό. Μετά από μια επανάληψη, ο Ryan μίλησε για τη ρευστότητα που μπορούμε να επιτύχουμε στο κωνικό πόδι (που είναι φοβερό).

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

Ψηφιοποίηση

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

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

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

Τελικό αποτέλεσμα

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

Μεγάλα στηρίγματα για τον Ryan McCullah για να βοηθήσουν την τέχνη στην κατεύθυνση αυτού του έργου και να με βοηθήσουν σε όλη τη διαδικασία με μερικές ιδέες και μεγάλη ανατροφοδότηση!

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

Εργαλεία

Συχνά έχω μια ερώτηση σχετικά με τα εργαλεία που χρησιμοποίησα και σε περίπτωση που αναρωτιέστε για αυτά:

  • Procreate + iPad + μολύβι μήλου
  • Adobe Illustrator
  • Macbook pro 15 "

Συνεργαστούν

Λυπάμαι, δυστυχώς, δεν είμαι διαθέσιμος μέχρι τον Αύγουστο του 2018. Εάν ενδιαφέρεστε να συνεργαστείτε στο μέλλον, μπορούμε να διατηρήσουμε επαφή ή απλά να πούμε χαμογελά για μένα. γεια [at] buditanrim [dot] co

Το εικονίδιο μου: budicon.co
Dribbble: dribbble.com/buditanrim
Twitter: twitter.com/buditanrim

Όλες οι παραπάνω εικόνες είναι η πνευματική ιδιοκτησία της Yahoo. Παρακαλώ μην το χρησιμοποιήσετε χωρίς τη γνώση και την άδειά μας.