Skitguide

The Ultimate Sketch Resource Archive 🗄

Den 'Åh, jeg tror ikke, jeg har brug for at søge mere arkiv', en slags ting!

Skitse. Har du hørt om det? Det er et designværktøj / program / program, der kører på en Mac, en slags ting. Det har eksisteret i et par år nu. 8 år for at være nøjagtige kommer i september. Crikey!

Sketch var den 'ting', der fik mig til at gå over fra Photoshop-verdenen (aldrig var en massiv fyrværkeribruger. Photoshop trak mig fortsat tilbage) for omkring 4 år siden.

Nu tog jeg oprindeligt ikke til Sketch. Hvad! Vente! Ja kalder mig en charlatan af en eller anden art, men Photoshop var så indgroet i min arbejdsgang og designpsyke, at jeg fandt Sketch, godt, lidt grundlæggende, ret kedeligt, lidt for vanilje til mig, da jeg var blevet vant til Mint Choc Chip (triple scoops jeg måske tilføjede) med Photoshop, det var oprindeligt mine uuddannede tanker.

Det var meget underligt, men jeg antog bare, at Photoshop var, hvordan alle fremtidige UI-designværktøjer skulle være, selvom jeg vidste, at Photoshop ikke var bygget til det formål, men et værktøj, der var snoet og misdannet til noget andet (fyrværkeri prøvede at gøre tingene lidt anderledes, men stadig…).

Så da Sketch fulgte med og følte, godt, en smule forenklet på en mærkelig måde, kunne jeg oprindeligt ikke tage det og følte, at jeg på en eller anden måde skulle begynde at bruge et værktøj, der ville sætte mig tilbage et par år med mit nuværende design færdigheder.

Jeg fik ikke helt Sketch. Sådan føltes det, at jeg ikke forstod helt, hvad det tilbyder mig på det tidspunkt.

At dette nye værktøj på blokken på en eller anden måde skulle give mig en hjælpende hånd med at afsløre alle de færdigheder, metoder osv., Som jeg havde opbygget i de mange år, der før op til introduktionen af ​​denne nye upstart mærket 'Sketch'.

Så jeg prøvede det ud til et par projekter, eller måske tæt på et og et halvt projekter, dukkede det ind i boksen mærket ‘Nah. Ikke min taske baby, og klikkede på Photoshop-ikonet i værktøjslinjen og kom tilbage på arbejde. Tilbage til det, jeg følte mig godt tilpas med, og hvad jeg havde kendt i så lang, lang tid (det og Illustrator).

Jeg er ikke sikker på, hvad der var, der fik mig til at klatre op ad trappen tilbage til loftet og sprænge støvet fra min kopi af Sketch (kan du huske, når software faktisk kom i en kasse?!?). Jeg tror, ​​det var et par ting. Den første var Speed; Selv efter at have brugt Photoshop i mange, mange år og kendte hver tomme tomme og 90% af tastaturgenveje, følte jeg, at dets brug i UI Design, som jeg læste mere og mere mod, var besværligt at sige mildt og af som vi alle ved, at PS ikke var bygget til dette formål, troede endda, at Adobe prøvede at oprette en digital version af Frankensteins Monster.

Den anden ting kom over en tutorial-serie fra en designer, der havde brugt Sketch i et par år indtil det tidspunkt. Ja, tidsservicede designere kan stadig bruge Tutorials, og med Sketch som et nyt værktøj for mig var det ikke anderledes end da jeg kom dybere ind i Photoshop og læste en tut på

Disse ville jeg sige, var de 2 vigtigste ting, der bevægede nålen for mig, og besluttede at være en modig lille soldat og hoppe videre i Sketch. Ingen skift tilbage til PS (bortset fra den ulige billedopslag. Ahhhh, sådan fik det sit navn! Nå, jeg har aldrig!).

Og resten er historie!

Siden Sketch har vi haft Figma, og snart er InVision Studio, Phase og jeg sikker på, at der er andre, der venter i vingerne. Jeg har taget stikprøve af alle disse, og er mægtig imponeret over de funktioner, som nogle af dem har, med Studio, der drejer mit hoved ganske betydeligt til, hvad det har at tilbyde, især når det udvikler sig fra betafasen.

Men for mig er Sketch stadig, hvor det er!

Okay. Nok af min vaffel og erindring.

Efter at have brugt Sketch i ganske lang tid nu, har jeg fundet og købt en temmelig pragtfuld liste over ressourcer, værktøjer, plugins, som jeg enten har brugt, i øjeblikket bruger eller gerne vil tage en lille bid fra, alt sammen praktisk arkiv, hvor du kan kigge igennem og let at referere fra tid til anden.

God fornøjelse!!

Designressourcer & sæt

  • Apple Design Resources (https://developer.apple.com/design/resources)
  • iOS 11 GUI Kit (https://facebook.design/ios11)
  • iOS 11 UI Kit (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)
  • Platforma Wireframe Kit (https://platforma.ws)
  • Elements UI Kit (https://sketchapp.com/elements)
  • Deck UI Kit (https://www.invisionapp.com/blog/card-ui-kit-deck)
  • Mail UI Kit (https://www.invisionapp.com/blog/free-ui-kit-for-sketch-and-photoshop-mail)
  • Feed UI Kit (https://getstream.io/based-feed-ui-kit-sketch)
  • NU UI Kit (https://www.invisionapp.com/now)
  • DO UI Kit (https://www.invisionapp.com/do)
  • Chat UI Kit (https://www.invisionapp.com/chat)
  • iOS-enheder (http://robbiepearce.com/devices)
  • Vinkel (https://designcode.io/angle)

Designsystemer / Startsæt ⚙

  • Cabana (https://cabanadesignsystem.com)
  • UX Power Tools (https://www.uxpower.tools)
  • Rammer (http://framesforsketch.com)
  • Gips (http://plasterdesignsystem.com)
  • Atomize (https://gumroad.com/l/atomize)
  • Lyn (http://www.lightningdesignsystem.com)
  • Carbon (https://github.com/carbon-design-system/carbon-design-kit)
  • Symboler & Styleguider (http://janlosert.com/store/symbols-styleguides.html)

Medfølgende værktøjer / applikationer 🛠

  • Framer (https://framer.com)
  • Flinto (https://www.flinto.com)
  • Princip (https://principleformac.com)
  • Origami Studio (https://origami.design)
  • Sympli (https://sympli.io)
  • Atomic (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)
  • Abstrakt (https://www.goabstract.com)
  • Lunacy (https://icons8.com/lunacy)
  • Launchpad (https://launchpad.animaapp.com)
  • Supernova Studio (https://www.supernova.studio)
  • Fejlfri app (https://flawlessapp.io)
  • IconJar (https://geticonjar.com)
  • Nucleo-app (https://nucleoapp.com)
  • Lingo (https://www.lingoapp.com)
  • Noun Project til Mac (https://thenounproject.com/for-mac)

Plugins

  • xLayers (https://xlayers.app)
  • Brugerflow (http://abynim.github.io/UserFlows)
  • Håndværk (https://labs.invisionapp.com/craft)
  • Runner (http://sketchrunner.com)
  • Symbol Organizer (https://github.com/sonburn/symbol-organizer)
  • FontRapid (https://fontrapid.com)
  • Skitseikoner (https://sketchicons.com)
  • Autolayout https://animaapp.github.io/Auto-Layout
  • Tidslinje https://timeline.animaapp.com
  • Midnight Theme https://midnightsketch.com
  • Paddy https://github.com/DWilliames/paddy-sketch-plugin
  • Diagram https://github.com/pavelkuligin/chart
  • Overrideit https://github.com/ahmedmigo/overrideit-sketchplugin
  • Sketchguider https://celynxie.com/sources/sketchguides.html
  • Sketch Focus https://sketchfocus.com
  • Farveprøver til skitse https://github.com/Ashung/Sketch_Swatches
  • Magiske knapper https://github.com/upxlabs/magic-buttons-sketch-plugin
  • Flad https://github.com/einancunlu/Flatten-Plugin-for-Sketch
  • Stater http://states.design
  • Skitse måling https://github.com/utom/sketch-measure
  • Kactus https://kactus.io
  • PaintCode http://www.paintcodeapp.com/sketch
  • Segmenterede cirkler https://github.com/design4use/gb-sketch-segmentcircle
  • Komma https://github.com/margusholland/Comma
  • Swift Color Palette https://github.com/nahitheper/SwiftColorPalette
  • Arrowfy https://github.com/joclin/arrowfy

Sketch Learning & Resources

  • Sketch-app-kilder (http://www.sketchappsources.com)
  • Sketch Tricks (http://sketchtricks.com)
  • Sketch-apphub (https://sketchapphub.com)
  • Design + kode (https://designcode.io)
  • Lær UX (https://learnux.io/course/sketch)
  • Lær UI-design (https://learnui.design)
  • Sketch Master (http://sketchmaster.com)
  • Sketch Casts (http://www.sketchcasts.net)
  • Sketch App TV (http://sketchapp.tv)
  • Sketch Talk (http://talk.sketchapphub.com)
  • Sketch Repo (https://sketchrepo.com)
  • Hey Designer (http://heydesigner.com/sketchapp)

Oh. Før du går! Jeg ville meget gerne fortsætte med at tilføje til dette arkiv, så slå mig op i kommentarerne, hvis du har en fantastisk lille smule brugbarhed, som du gerne vil have tilføjet her.

Ønsker at designe bedre, smartere og hurtigere i skitse. Tag en kopi af mit populære Design System - Cabana lige her.

Brug tilbudskoden MEDIUM25 for at modtage 25% FRA.

Tak, fordi du læser artiklen,

Marc

Designer, forfatter, far og elsker af glade tider!