Οδηγός σκίτσων

Το Ultimate Αρχείο Πόρων Σκίτσο 🗄

Το 'Ooh δεν νομίζω ότι πρέπει να πάω να ψάξω πια αρχειοθέτησα' ένα πράγμα!

Σκίτσο. Έχετε ακούσει για αυτό; Είναι ένα Εργαλείο Σχεδίασης / Εφαρμογή / Πρόγραμμα που τρέχει σε ένα Mac, κάτι κάπως. Έχει περάσει εδώ και μερικά χρόνια. 8 χρόνια για να έρθει ακριβώς αυτό το Σεπτέμβριο. Crikey!

Το Sketch ήταν το «πράγμα» που με έκανε να μεταβαίνω από τον κόσμο του Photoshop (ποτέ δεν ήταν ένας τεράστιος χρήστης του Fireworks. Το Photoshop με τράβηξε πίσω) γύρω στις 4 ή έτσι χρόνια.

Τώρα, δεν πήγα αρχικά στο Sketch. Τι! Περίμενε! Ναι, καλέστε μου ένα είδος τέχνασμα, αλλά το Photoshop ήταν τόσο ριζωμένο στη ροή εργασίας μου και στη σχεδίαση ψυχής που βρήκα το Sketch, καλά, λίγο βασικό, κάπως βαρετό, λίγο βανίλια για μένα, όταν ήμουν συνηθισμένος στο Mint Choc Chip (τριπλές κουτάλες που θα μπορούσα να προσθέσω) με το Photoshop, αυτές ήταν αρχικά οι ακοίμητες σκέψεις μου.

Ήταν πολύ περίεργο, αλλά απλά υποθέτω ότι το Photoshop ήταν το πώς όλα τα μελλοντικά UI Design Tools θα έπρεπε να είναι, παρόλο που ήξερα ότι το Photoshop δεν κατασκευάστηκε για το σκοπό αυτό, αλλά ένα εργαλείο που ήταν στριμμένο και παραμορφώθηκε σε κάτι άλλο (η Fireworks προσπάθησε να κάνει τα πράγματα λίγο διαφορετικά, αλλά ακόμα ...).

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

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

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

Έτσι το δοκίμασα για μερικά έργα, ή ίσως κοντά σε ενάμιση έργα, το έβαλα στο κουτί με την ένδειξη 'Nah. Δεν είναι το μωρό μου τσάντα », και έκανε κλικ στο εικονίδιο του Photoshop στο Toolbar και επέστρεψε στη δουλειά. Πίσω σε αυτό που αισθάνθηκα άνετα, και αυτό που είχα ξαναδεί για τόσο μεγάλο χρονικό διάστημα (αυτό και το Illustrator).

Δεν είμαι σίγουρος τι ήταν αυτό που με έκανε να σκαρφαλώ τις σκάλες πίσω στη σοφίτα και να φυσήξει τη σκόνη του αντιγράφου μου του Sketch (Θυμηθείτε όταν Λογισμικό πραγματικά ήρθε σε ένα κουτί;!;). Νομίζω ότι ήταν μερικά πράγματα. Το πρώτο ήταν η ταχύτητα. Ακόμη και μετά τη χρήση του Photoshop για πολλά χρόνια και γνωρίζοντας κάθε ίντσα και 90% των συντομεύσεων του πληκτρολογίου, ένιωσα ότι η χρήση του στο UI Design, την οποία έκανα όλο και περισσότερο προς τα εμπρός, ήταν δυσκίνητη και το λιγότερο καθώς όλοι γνωρίζουμε ότι το PS δεν κατασκευάστηκε για το σκοπό αυτό, ακόμα και αν η Adobe προσπάθησε να δημιουργήσει μια ψηφιακή έκδοση του Frankenstein Monster.

Το δεύτερο πράγμα έρχεται σε μια σειρά Tutorial από έναν σχεδιαστή που είχε χρησιμοποιήσει το Sketch για μερικά χρόνια μέχρι εκείνο το σημείο. Ναι, οι σχεδιαστές που έχουν υπηρετήσει στο χρόνο μπορούν ακόμα να χρησιμοποιήσουν τα Tutorials και με το Sketch να είναι ένα νέο εργαλείο για μένα, δεν ήταν διαφορετικό από όταν πήρα βαθύτερα στο Photoshop και διάβασα έναν tut

Αυτά θα έλεγα ήταν τα 2 βασικά πράγματα που μετέφεραν τη βελόνα για μένα και αποφάσισα να είμαι ένας γενναίος στρατιώτης και να προχωρήσω στο Sketch. Δεν αλλάζω πίσω στο PS (εκτός από την περίεργη εικόνα επαφής.) Ahhhh έτσι πήρε το όνομά του!

Και, λοιπόν, το υπόλοιπο είναι ιστορία!

Από το Sketch, είχαμε το Figma, και σύντομα το InVision Studio, Φάση και είμαι σίγουρος ότι υπάρχουν άλλοι που περιμένουν στα φτερά. Έχω δει δείγματα όλων αυτών και έχουν εντυπωσιαστεί με τα χαρακτηριστικά που κατέχουν μερικά από αυτά, με το Studio να στρέφει το κεφάλι μου αρκετά σημαντικά σε αυτό που έχει να προσφέρει, ειδικά όταν εξελίσσεται από το στάδιο Beta.

Αλλά για μένα, το Σκίτσο είναι ακόμα στο σημείο όπου βρίσκεται!

Εντάξει. Αρκετά από το βάφτισμα και την ανακούφιση μου.

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

Απολαμβάνω!!

Σχεδιασμός πόρων & κιτ

  • Πόροι σχεδιασμού της Apple (https://developer.apple.com/design/resources)
  • iOS 11 κιτ GUI (https://facebook.design/ios11)
  • Κιτ iOS 11 UI (https://designcode.io/ios11-ui-kit)
  • MacOS Sierra UI Kit (https://github.com/alexkaessner/macOS-UI-Kit)
  • Firebase Wireframe Kit (https://dribbble.com/shots/2700442-Wirebase)
  • Πλατφόρμα Wireframe Kit (https://platforma.ws)
  • Στοιχείο UI Kit (https://sketchapp.com/elements)
  • Deck UI Kit (https://www.invisionapp.com/blog/card-ui-kit-deck)
  • Mail UI Κιτ (https://www.invisionapp.com/blog/free-ui-kit-for-sketch-and-photoshop-mail)
  • Κιτ UI ροής δεδομένων (https://getstream.io/based-feed-ui-kit-sketch)
  • NOW UI Kit (https://www.invisionapp.com/now)
  • DO UI Kit (https://www.invisionapp.com/do)
  • Συσκευή UI συνομιλίας (https://www.invisionapp.com/chat)
  • Συσκευές iOS (http://robbiepearce.com/devices)
  • Γωνία (https://designcode.io/angle)

Συστήματα σχεδιασμού / Κιτ εκκίνησης ⚙

  • Cabana (https://cabanadesignsystem.com)
  • Ηλεκτρικά εργαλεία UX (https://www.uxpower.tools)
  • Κορνίζες (http://framesforsketch.com)
  • Γύψος (http://plasterdesignsystem.com)
  • Ατομοποίηση (https://gumroad.com/l/atomize)
  • Lightning (http://www.lightningdesignsystem.com)
  • Άνθρακα (https://github.com/carbon-design-system/carbon-design-kit)
  • Σύμβολα & Οδηγός στυλ (http://janlosert.com/store/symbols-styleguides.html)

Εργαλεία συνοδευτικών εφαρμογών / Εφαρμογές 🛠

  • Framer (https://framer.com)
  • Flinto (https://www.flinto.com)
  • Αρχή (https://principleformac.com)
  • Studio Origami (https://origami.design)
  • Sympli (https://sympli.io)
  • Ατομική (https://atomic.io)
  • Proto.io (https://proto.io)
  • Marvel (https://marvelapp.com)
  • ProtoPie (https://www.protopie.io)
  • InVision (https://www.invisionapp.com)
  • Zeplin (https://zeplin.io)
  • Περίληψη (https://www.goabstract.com)
  • Lunacy (https://icons8.com/lunacy)
  • Launchpad (https://launchpad.animaapp.com)
  • Studio Supernova (https://www.supernova.studio)
  • Flawless App (https://flawlessapp.io)
  • IconJar (https://geticonjar.com)
  • Nucleo App (https://nucleoapp.com)
  • Lingo (https://www.lingoapp.com)
  • Σχετικό όνομα για το Mac (https://thenounproject.com/for-mac)

Plugins

  • xLayers (https://xlayers.app)
  • Ροές χρηστών (http://abynim.github.io/UserFlows)
  • Craft (https://labs.invisionapp.com/craft)
  • Δρομέας (http://sketchrunner.com)
  • Οργάνωση συμβόλων (https://github.com/sonburn/symbol-organizer)
  • FontRapid (https://fontrapid.com)
  • Εικονίδια σκίτσου (https://sketchicons.com)
  • Αυτόματη διάταξη https://animaapp.github.io/Auto-Layout
  • Χρονοδιάγραμμα https://timeline.animaapp.com
  • Θέμα μεσάνυχτα https://midnightsketch.com
  • Paddy https://github.com/Dwilliames/paddy-sketch-plugin
  • Διάγραμμα https://github.com/pavelkuligin/chart
  • Αναιρέστε τη διεύθυνση https://github.com/ahmedmigo/overrideit-sketchplugin
  • Οδηγούς σκίτσα https://celynxie.com/sources/sketchguides.html
  • Σκίτσο Εστίαση https://sketchfocus.com
  • Τα δείγματα για σκίτσο https://github.com/Ashung/Sketch_Swatches
  • Κουμπιά μαγείας https://github.com/upxlabs/magic-buttons-sketch-plugin
  • Διαχωρίστε το https://github.com/einancunlu/Flatten-Plugin-for-Sketch
  • Κράτη http://states.design
  • Σχέδιο μέτρησης https://github.com/utom/sketch-measure
  • Kactus https://kactus.io
  • PaintCode http://www.paintcodeapp.com/sketch
  • Τμηματοποιημένοι κύκλοι https://github.com/design4use/gb-sketch-segmentcircle
  • Κομάτι https://github.com/margusholland/Comma
  • Swift Color Palette https://github.com/nahitheper/SwiftColorPalette
  • Ανοίξτε https://github.com/joclin/arrowfy

Sketch Learning & Resources

  • Πηγές εφαρμογών σκίτσου (http://www.sketchappsources.com)
  • Sketch Tricks (http://sketchtricks.com)
  • Sketch App Hub (https://sketchapphub.com)
  • Σχεδιασμός + κώδικας (https://designcode.io)
  • Μάθετε UX (https://learnux.io/course/sketch)
  • Μάθετε το σχεδιασμό του UI (https://learnui.design)
  • Master Sketch (http://sketchmaster.com)
  • Σκηνικά (http://www.sketchcasts.net)
  • Sketch App TV (http://sketchapp.tv)
  • Συζήτηση για το σκίτσο (http://talk.sketchapphub.com)
  • Επισκόπηση σκίτσου (https://sketchrepo.com)
  • Σχεδιαστής Hey (http://heydesigner.com/sketchapp)

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

Θέλετε να σχεδιάσετε καλύτερα, πιο έξυπνα και πιο γρήγορα στο σκίτσο. Πιάσε ένα αντίγραφο του δημοφιλούς μου Design System - Cabana εδώ.

Χρησιμοποιήστε τον κωδικό προσφοράς MEDIUM25 για να λάβετε 25% OFF.

Ευχαριστώ για την ανάγνωση του άρθρου,

Marc

Σχεδιαστής, συγγραφέας, πατέρας και εραστής των Happy Times!