Hvordan samarbeide med teamet ditt ved hjelp av skisse

Jeg bruker ofte fritiden på nettet, søker etter nyttige ressurser og artikler om Sketch-alt som kan bidra til å forbedre design arbeidsflyten min og inspirere meg til å skrive mine egne artikler. To diskusjonsemner jeg møter regelmessig, gjør noe som "Men Sketch er kun for Mac-brukere, hva kan jeg gjøre hvis jeg har en Windows-maskin?" Eller "Guys, hva er de beste metodene der ute for en god samarbeidsprosess med Sketch?"

La meg dele med deg noen ideer, lenker og ressurser som vil hjelpe til med disse spørsmålene. Samarbeid fortjener et grundig utseende hvis du tenker på å introdusere Sketch i teamarbeidet ditt, eller du må dele designene dine med utviklere.

1. En "Tradisjonell" deling arbeidsflyt

Dette er enkelt, så lenge hver person som er involvert i prosjektet har en Mac: dele din .skisse filer med dem! Sørg også for å gjøre tilgjengelig alle nødvendige ressurser, som ikke-standardskrifter eller dokumentasjon som forklarer utformingen.

Photoshop leveres sammen med Adobes biblioteker og tilknyttede smarte objekter for å opprettholde oppdaterte komponenter på tvers av flere dokumenter og forfattere, og det fungerer veldig bra. Dessverre er funksjoner som "delte stiler" på tvers av forskjellige filer, eller til og med et eksternt symbolbibliotek, noe som Sketch ikke tilbyr for øyeblikket. Det er derfor veldig nyttig hvis du tilbringer litt tid på å lage en stilguide for å holde konsistens på tvers av nettstedet eller appen du vil designe. Vurder ting som Style Inventory, Sketch Measure eller Sketch Notebook for å dele alle eiendomsdetaljer. Dine lagkamerater vil takke deg!

Et vanlig eksempel på en tradisjonell deling av arbeidsflyt er dette scenariet jeg har sett på SketchTalk.io:

"Vi holder for øyeblikket et sentralisert hoveddokument på vår server, og vi kopierer det dokumentet lokalt. Etter at lokale versjoner har kommet til en fullstendig tilstand, kopierer / limer vi inn artikkelen tilbake til hoveddokumentet. - JohnnyMuir

Kanskje du jobber eksternt, så lokal deling er ikke et alternativ. Prøv e-post, FTP eller en sky-løsning for å dele dine Sketch-filer i stedet. Bruk kun e-postvedlegg hvis du sender komplette design som ikke trenger flere endringer underveis. Vurder å dele filene dine ved hjelp av tjenester som Google Disk, Dropbox eller Github; Disse vil gi deg tilgang til versjon av dokumentene dine.

2. Bruke Symlinks og Cloud Sharing

La oss gå et skritt lenger i vår tradisjonelle arbeidsflytdeling, igjen ved hjelp av cloud storage-tjenester, men denne gangen utnytter delte maler. Vi vet allerede at symboler og maler er gode (se vår veiledningssymboler og maleropplæring). Nå skal vi se på denne ideen av Jean Paul Bondy på SkethTalk.io:

"Jeg bruker Symlink og Dropbox for å dele Sketch maler, i motsetning til at hver enkelt har dem lokalt. - JeanPaulBondy

Bra spilt! Som standard ser Sketch ut i maler-mappen på vår lokale harddisk, men ved hjelp av en symlink (en "myk" link), kan den omdirigere oss til en Dropbox-mappe der vi deretter legger malfiler. Strålende! Lær mer om symlinks på Wikipedia.

Ved å gjøre dette, trenger vi ikke å e-postmaler til alle de andre designerne, og send oss ​​en e-post med eventuelle oppdateringer til maler. Når en designer lager et nytt dokument fra en mal, ser Sketch ut i malkatalogen, men vår symlink vil peke på Dropbox-mappen og laste den siste oppdaterte versjonen.

Slik oppretter du en Symlink

For å opprette en symlink, åpne Terminal. Vi skal bruke ln kommando pluss modifikatoren -s Kommandoen "ln" brukes til å lage harde koblinger. "Ln -s" gjør symbolske lenker.

Trinn 1

La oss sette opp et eksempel: si at du vil synkronisere en enkelt .sketch-fil som finnes i din Dropbox-offentlige mappe, kalt "ord". Gå først til Sketch og sjekk Avslør Plugins Folder alternativ under plugins å være sikker på plasseringen av malens katalog. Du bør se en mappe "Maler" allerede gjort. Lag det nå hvis du ikke ser det.

Hele plasseringen bør se ut som om  /Library/Containers/com.bohemiancoding.sketch3/Data/Library/Application Support / com.bohemiancoding.sketch3 / Maler /eller/ Bibliotek / Programstøtte / com.bohemiancoding.sketch3 / Maler. 

Steg 2

Nå kjenner vi navnet på og plasseringen av skissefilen din, og hvor lokalmalmmappen er, går du tilbake til terminalvinduet. Koden du må skrive skal være:

ln-s "/ Brukere / DROPBOX-BRUKERNAVN NAVN / Dropbox / Offentlig / words.sketch" "$ HOME / Library / Containers / com.bohemiancoding.sketch3 / Data / Library / Application Support / com.bohemiancoding.sketch3 / Maler / "

Truffet Tast inn. Når du kommer tilbake til Sketch igjen, bør du se et nytt alternativ under Ny fra mal alternativet i hovedmenyen.

Alternativt kan du sjekke andre verktøy som Droplink eller MacDropAny for å synkronisere hvilken som helst fil eller mappe på Mac-en din med Dropbox.

Merk: Dessverre, når du oppdaterer en mal som inneholder symboler, blir ikke filene som allerede er opprettet med disse symbolene, oppdatert automatisk. La oss vente på en løsning fra Bohemian Coding-gutta i fremtidige utgivelser av Sketch!

Bruke cloud storage-tjenester som Dropbox hjelper oss også med å jobbe med andre verktøy som Invision and Marvel, som tilbyr Sketch integrasjon. Ta en titt på våre Invision-veiledninger og introduksjonen til Marvel for å lære mer.

3. Deling av skissefiler med Windows-brukere

Du har samlet nå at det bare er mulig å design bruker Sketch hvis du jobber på Mac-plattformen. Men hvis designen er klar til å gå, og du må sende den til en utvikler som har oppgaven å bygge oppsettet, trenger de også en måte å få tilgang til innholdet i designfilene dine. 

Du kan forberede alle eiendelene selv, eller bruke en annen arbeidsflyt ved å introdusere Avocode til dev teamet ditt.

Ved å bruke Avocode kan du laste opp sketchfiler og dele dem med andre mennesker, og deretter bruke Avocode-appen, de vil se alt innholdet, selv om de bruker Windows eller Linux!

Du trenger Avocode Sketch-plugin (Sketch 3.2+ nødvendig) for å laste opp Sketch-designfiler i appen, og deretter dele prosjektet med resten av teamet.

Ta en titt på vår grundige veiledning om inspeksjon av filer ved hjelp av Avocode for å lære mer.

Alternativt kan du sjekke ut Zeplin, en annen interessant tjeneste for å inspisere Sketch-filer, selv uten tilgang til en Mac.

Begge tjenestene tilbyr forskjellige planer, priser og funksjoner, så prøv begge!

Rom for forbedring

Disse metodene er de beste prosessene jeg hittil har oppdaget med hensyn til å jobbe med andre mennesker ved hjelp av Sketch. Når det er sagt, tror jeg det er plass til å forbedre disse arbeidsflytene, kanskje med utgivelsen av nye funksjoner i fremtidige versjoner av Sketch. Den ideelle prosessen ville være en der vi kunne lage stiler, symboler og maler i perfekt synkronisering mellom forskjellige filer, ikke sant? Fingrene krysset.

Fant du disse ideene interessant? Har du noen forbedringer å legge til? Hvordan jobber du med teamet ditt? Jeg er nysgjerrig. La oss snakke i kommentarene!