Σχεδίαση Bucket Design: 10 Έργα Όλοι πρέπει να προσπαθήσουν τουλάχιστον μία φορά
Είναι εύκολο να πιαστείτε στην καθημερινή ρουτίνα αν είστε σχεδιαστής ιστοσελίδων. Είτε διαχειρίζεστε ιστότοπους για πελάτες είτε φροντίζετε έναν ιστότοπο εταιρείας, είναι σημαντικό να αποφύγετε την καθημερινή άλεση για να διατηρήσετε φρέσκο το ντιζάιν σας.
Η εργασία σε έργα εκτός αυτού του πρωταρχικού ρόλου είναι ένας πολύ καλός τρόπος να παραμείνετε εμπνευσμένοι, φρέσκος και ακόμη και να φέρνετε νέες δεξιότητες και ιδέες πίσω στην κύρια εργασία σας. Αλλά πού ξεκινάτε; Έχουμε μια λίστα με 10 "πλευρικά" έργα που κάθε σχεδιαστής ιστοσελίδων πρέπει να δοκιμάσει τουλάχιστον μία φορά. Θα εκπλαγείτε με το πόσο μπορείτε να μάθετε και να επιστρέψετε στις ιστοσελίδες στις οποίες εργάζεστε.
1. Σχεδιάστε μια καρτ ποστάλ
Θα βρείτε πολύ γρήγορα ότι ο σχεδιασμός ενός προϊόντος για ένα τυπωμένο προϊόν θα σας διδάξει ένα μάθημα στον έλεγχο. Οι σχεδιαστές ιστοσελίδων είναι σε θέση να επεκτείνουν τον καμβά, όπως απαιτείται, για να λάβουν όλες τις πληροφορίες σε ένα σχέδιο. αυτό δεν μπορείτε να κάνετε με ένα τυπωμένο προϊόν.
Είτε πρόκειται για μια ταχυδρομική κάρτα, μια επαγγελματική κάρτα ή ένα φυλλάδιο, υπάρχει κάτι καλό για το σχεδιασμό μέσα στους περιορισμούς του χώρου. (Υπάρχει επίσης το μεγάλο συναίσθημα που έρχεται με την πραγματικότητα να αγγίζετε ένα προϊόν που φτιάξατε σε χαρτί.)
Αυτό που αυτός ο τύπος σχεδίασης θα βοηθήσει, πάνω απ 'όλα, κερδίζει την κατανόηση των διαφορετικών καμβάδων και της σχέσης μεταξύ εκτύπωσης και ψηφιακής δημοσίευσης. Από τη μετατροπή των έγχρωμων μιγμάτων για εκτύπωση σε σκέψη για το πόσο μεγάλο θα είναι κάτι στην πραγματική ζωή, η εργασία σε ένα τυπωμένο σχέδιο απαιτεί μια νέα σειρά διαδικασιών.
2. Δημιουργήστε κάτι με τον κώδικα
Αν είστε ένας από εκείνους τους σχεδιαστές που ξεκινούν έργα στο Photoshop ή το Σκίτσο με ένα οπτικό περίγραμμα, σκεφτείτε να εργαστείτε με τον άλλο τρόπο και να κωδικοποιήσετε ένα περίγραμμα του σχεδίου. Ξεκινήστε με έναν απλό σχεδιασμό μιας σελίδας και εργάζονται για τη βελτίωση των δεξιοτήτων HTML και CSS στη διαδικασία.
Εάν είστε web designer / developer που ξεκινάει με κώδικα, σκεφτείτε να αντιμετωπίσετε το έργο με ένα πιο οπτικό πλαίσιο πρώτα.
Η προσέγγιση των έργων με νέο τρόπο θα σας δώσει μια καλύτερη κατανόηση όλων των στοιχείων που εμπλέκονται στο σχεδιασμό και μια καλύτερη εκτίμηση για άλλα μέλη της ομάδας που συμβάλλουν σε έργα με διαφορετικούς τρόπους.
3. Σχεδιάστε μια εφαρμογή
Έχετε τεντώσει τις σχεδιαστικές σας δεξιότητες σε ένα σχέδιο εφαρμογής ακόμα; Η δημιουργία μιας εφαρμογής που ανταποκρίνεται στο κινητό είναι πολύ διαφορετική από μια ιστοσελίδα που ανταποκρίνεται στο ότι πρέπει να σχεδιάζετε διαφορετικά.
Ενώ μερικές από τις τεχνικές είναι παρόμοιες, το σχεδιασμό κάτι που θα είναι προσβάσιμο μόνο σε μια κινητή συσκευή παρουσιάζει νέες προκλήσεις και ευκαιρίες. Εστίαση στην εμπειρία του χρήστη κατά το σχεδιασμό μιας εφαρμογής. είναι πιθανό να διαπιστώσετε ότι η διαδικασία σκέψης είναι αρκετά διαφορετική από μια τυποποιημένη ιστοσελίδα, επειδή οι χρήστες θα αλληλεπιδρούν με το σχέδιο με διαφορετικό τρόπο.
Και δεν είναι μόνο η επαφή με το κλικ. τα πάντα, από τις μορφές μέχρι τις τεχνικές τυποποίησης με τις πληροφορίες τοποθεσίας, διαφέρουν από το σχεδιασμό της εφαρμογής. (Και εάν θέλετε να ξεκινήσετε, θα πρέπει να περιηγηθείτε στους κανόνες και τις προδιαγραφές του Apple Store και του καταστήματος Google Play).
4. Εργασία με JavaScript
Το JavaScript μπορεί να είναι μια παράξενη γλώσσα προγραμματισμού για τους απροσδιόριστους.
Αλλά αν σχεδιάζετε στο σημερινό τοπίο του διαδικτύου, υπάρχει μια ισχυρή δυνατότητα JavaScript. Αρχισε με ένα αστάρι από την CodeAcademy .
Mozilla έχει επίσης ένα μεγάλο αστάρι στη γλώσσα προγραμματισμού, αν η εξοικείωσή σας με την JS πηγαίνει μόνο μέχρι το "γνωρίζω ότι ένα plugin το χρησιμοποιεί." (Αν συμβαίνει αυτό, πρέπει να κάνετε κάποια ανάγνωση.)
5. Γράψτε μια δημοσίευση στο Blog ή ένα Tutorial
Δεν υπάρχει τίποτα σαν να εξηγείτε σαφώς κάτι άλλο σε άλλους ανθρώπους για να σας κάνει να σκεφτείτε πώς κάνετε κάτι. Η διδασκαλία - ειδικά όταν γράφετε μια δημοσίευση στο blog ή ένα σεμινάριο - μπορεί να είναι ένας πολύ καλός τρόπος για να σας βοηθήσει να διαλέξετε και να καταλάβετε γιατί κάτι που κάνετε συνεχώς λειτουργεί.
Πολλά blogs [ συμπεριλαμβανομένου αυτού ] αναζητούν σχεδιαστές για να επισημάνουν πώς να κάνουν δροσερά πράγματα με εργαλεία όπως το Σκίτσο, την εμφάνιση λήψεων στο Dribbble ή ακόμα και να μοιράζονται αποσπάσματα κώδικα στο GitHub.
Η εξήγηση του τρόπου με τον οποίο μπορείτε να κάνετε κάτι θα σας βοηθήσει να σκεφτείτε γιατί το κάνετε με αυτόν τον τρόπο. Έχετε μια καλή ροή εργασίας ή πρακτική που μπορούν να μάθουν άλλοι; Μοιραστείτε λίγη από αυτή τη γνώση με την κοινότητα σχεδιασμού.
6. Σχεδιάστε μια μεγάλη απεικόνιση δεδομένων
Ενώ οι περισσότεροι σχεδιαστές έχουν βάλει μαζί κάποιο είδος infographic, αλλά έχετε σχεδιάσει ένα έργο με βάση τα δεδομένα; (Δεν μιλάμε για λίγα γεγονότα και εικόνες.)
Σκεφτείτε τα μεγάλα δεδομένα, με πολύπλοκα τραπέζια και πολλές αξίες που πρέπει να απλουστευθούν σε ένα φιλικό προς το χρήστη σχέδιο. Η πρόκληση του σχεδιασμού για εσάς είναι να διαπιστώσετε τι είδους μορφή θα λειτουργήσει καλύτερα για να βοηθήσει τους χρήστες να κατανοήσουν τις πληροφορίες. Πώς το σπάτε οπτικά;
Κάθε τύπος δεδομένων είναι διαφορετικός και αυτό το είδος έργου μπορεί να είναι μια γιγαντιαία πρόκληση. Εάν χρειάζεστε ένα μέρος για να ξεκινήσετε, το Σχέδιο Data Viz είναι μια συντριβή των τύπων γραφημάτων και πώς να κάνουν την καλύτερη δυνατή χρήση τους με βάση την ημερομηνία που παρέχεται. (Θα βοηθήσει σίγουρα να ξεκινήσει το σχέδιό σας.)
7. Δημιουργήστε έναν οδηγό στυλ
Ακριβώς όπως δημιουργώντας μια θέση blog του σεμιναρίου θα σας βοηθήσει να καταλάβετε πώς να κάνετε κάτι, δημιουργώντας έναν οδηγό στυλ θα σας βοηθήσει να καταλάβετε γιατί κάνετε τα πράγματα με κάποιο τρόπο.
Εδώ είναι το άλλο πλεονέκτημα για τη δημιουργία ενός οδηγού στυλ: Μπορεί να σας βοηθήσει να εντοπίσετε και να καθαρίσετε ασυνέπειες σε υπάρχοντα έργα ιστοτόπων. Επιστρέψτε και επεξεργαστείτε έναν οδηγό στυλ για έναν ιστότοπο που τελείωσε όπου παραβλέπεται ο οδηγός. Πηγαίνετε μέσω του σχεδιασμού καθώς δημιουργείτε τον οδηγό στυλ για να βεβαιωθείτε ότι ακολουθεί τους κανόνες. (Όπως γνωρίζετε, πολλοί από τους κανόνες αλλάζουν μετά την εκτόξευση με βάση τις ανάγκες των χρηστών.)
8. Κάντε ένα λογότυπο
Υπάρχουν πολλοί σχεδιαστές που περιφρονούν τη δημιουργία λογοτύπων. Μπορεί να είναι μια δυσκίνητη επιχείρηση και κάνοντας μια μάρκα κάνει δεν είναι τόσο εύκολο όσο οι άνθρωποι έχουν την τάση να σκέφτονται.
Αλλά πρέπει να το κάνετε ούτως ή άλλως.
Ξεκινήστε προσπαθώντας να δημιουργήσετε ένα λογότυπο με το όνομά σας για χρήση στον ιστότοπο του χαρτοφυλακίου σας. Ξεκινήστε με ένα απλό λογότυπο αν δεν είστε ακόμα έτοιμοι να δημιουργήσετε μια πιο οπτική ιδέα. Σκεφτείτε τη διάθεση και το εμπορικό σήμα. Και μην ξεχάσετε να σχεδιάσετε κάτι σε φορέα μορφή που μπορεί να χρησιμοποιηθεί σε εφαρμογές πλήρους ή μονόχρωμης.
9. Δημιουργήστε ένα πρότυπο ενημερωτικού δελτίου
Ένα καλό πρότυπο ενημερωτικού δελτίου ηλεκτρονικού ταχυδρομείου μπορεί να κάνει ή να σπάσει την αποτελεσματικότητα που μετατρέπει τους χρήστες από τα εισερχόμενα. Ενώ δημιουργείτε ένα πρότυπο ενημερωτικού δελτίου ίσως να μην ακούγεται σαν το πιο διασκεδαστικό έργο, μπορεί να είναι αρκετά η πρόκληση του σχεδιασμού.
Παίρνει λίγο HTML και το μέγεθος του καμβά ορίζεται ως πλάτος. Πρέπει επίσης να σκεφτείτε προσεκτικά τις τεχνικές σχεδιασμού και αν θα λειτουργήσουν ή δεν θα λειτουργήσουν σε ένα ηλεκτρονικό ταχυδρομείο. (Στοιχεία όπως το έγχρωμο φόντο ή η κινούμενη εικόνα δεν λειτουργούν σε όλους τους πελάτες ηλεκτρονικού ταχυδρομείου.)
Ένα προσαρμοσμένο πρότυπο ενημερωτικού δελτίου μπορεί να θέσει την εταιρία σας ή τους πελάτες σας εκτός από άλλους, καθώς το branding θα ταιριάζει σε ολόκληρο τον ιστό, διευκολύνοντας έτσι τους χρήστες να αναγνωρίζουν το εμπορικό σήμα.
10. Σχεδιάστε κάτι με το χέρι
Πρέπει να δημιουργήσετε κάτι με το μολύβι (ή το στυλό) και το χαρτί τακτικά.
Αυτό είναι το ένα έργο που ίσως να μην βλέπει ποτέ το φως της ημέρας, με βάση τις μεμονωμένες σας ικανότητες σκίτσα.
Αλλά η δημιουργική δύναμη που προέρχεται από το σκίτσο είναι δύσκολο να νικήσει. Αν σχεδιάσετε κάτι - από τα στοιχεία ραβδιών για να γεμίσετε το όνομά σας με τη χαρτογράφηση ενός wireframe - θα ξεκλειδώσετε τη δημιουργική δύναμη σε μέρη του μυαλού σας που ίσως να μην χρησιμοποιείτε τακτικά αν δεν απομακρύνεστε από τις οθόνες υπολογιστών.
Σκεφτείτε, σύρετε, ονειροπόληση. Είναι όλα μέρος της ίδιας δημιουργικής διαδικασίας. Και όλα τα έργα σας θα είναι καλύτερα αν το δοκιμάσετε κάθε τόσο.
συμπέρασμα
Δεν είστε σίγουροι πώς να προσθέσετε αυτά τα έργα στο ρεπερτόριό σας; Όλα είναι μεγάλοι εκκινητές για προσωπικά έργα, όπως ένα χαρτοφυλάκιο. Μπορείτε επίσης να ζητήσετε να δημιουργήσετε νέους τρόπους στο δημιουργικό σας κατάστημα.
Μιλήστε με κάποιον σχεδιαστή και δείτε αν μπορείτε να προσθέσετε ετικέτες σε μια ομάδα διαφορετικού τύπου σχεδίου σχεδιασμού για να φτάσετε εκείνους τους δημιουργικούς χυμούς. Και φροντίστε να ανταλλάξετε και να τους προσφέρετε να μάθετε περισσότερα για το σχεδιασμό της ιστοσελίδας.