Beste praksis, plugins og tips for å mestre Sketch Libraries

Skisse versjon 47 er da magien begynte! Feature Da funksjonen til biblioteker kom ut av Bohemians skap og brakte en frisk ny måte å lage design på. Faktisk introduserte mange lag biblioteker i sin designrutine, og det gjorde vi også.

  1. For å få fart på designprosessen vår
  2. Å lage en ‘enkel kilde til sannhet’
  3. For å dele symboler mellom dokumenter og andre designere.

Rask og kort avklaring: et bibliotek er et skissedokument med symboler du kan bruke i alle andre skissedokumenter. Les mer her eller se Introducing Sketch Libraries.

Jeg antar at du kjenner Sketch-biblioteker veldig bra, men du vil gjerne bli en ekspert. Det du trenger er et endelig løft. Noe som vil gi deg Yoda-of-the-bibliotekenes kunst utseende. Heldig, du er på rett sted. Nedenfor er en verdifull liste over beste praksis, plugins (for å legge til de som er nevnt i en tidligere artikkel ) og tips du virkelig vil bruke for å mestre kunsten din. La oss begynne!

Beste praksis

Lag en plan

Før du begynner å lage fantastiske symboler, nestede symboler og delte tekststiler, lag en plan med dine kolleger, inkludert mulige utviklere. Skriv en ønskeliste over de første komponentene du vil inkludere i Sketch-biblioteket.

Metodikken Atomic Design hjelper virkelig med å strukturere og prioritere dine ønsker. Hvis du ikke vet noe om det, kan du slå opp på Brad Frost-nettstedet eller lese boken hans “Atomic design”. Varmt anbefalt.

Alle de fem forskjellige nivåene i atomdesign

Følg et navnekonvensjon

Det er veldig viktig å følge en rimelig navnekonvensjon for symbolene dine. Er det avtalt med utviklingsteamet? Det er enda bedre. Følgende regler gir deg noen veibeskrivelse.

  • For å organisere symboler i grupper og undergrupper, bruk en skråstrek (/) i symbolets navn. Skisse vil behandle disse som gruppeseparatorer. For eksempel har du primær- og sekundærknapper, med standard- og svevetilstand. Riktig navnrekkefølge er: knapper / primær, knapper / primær musovergang (samme for sekundære knapper). Les mer her.
SymbolnavnKaskadevisning av de grupperte symbolene
  • Følg en kontroll / egenskapstilstand-logikk. I menneskelige ord, gå fra generisk til spesifikk. Se for deg at du oppretter en fotomappe på skrivebordet ditt, der du oppretter andre mapper, en for hvert år. I mappe 2018 oppretter du en mappe for hver måned. [foto / 2018 / april / stockholm] Samme logikk!
  • Bruk alltid små bokstaver, atskilt med streker.

Finn eieren av foreldrebiblioteket (master)

Hvis du ikke vil rote det og få uventede bibliotekoppdateringer eller endringer, kan du finne en eier av biblioteket. Administrer brukertillatelser og bestemme når og hvordan en designendring kan legges til masteren. Husk: denne endringen vil gjenspeiles i hver skissefil som bruker det biblioteket. Dobbeltkantet sverd, men ganske fantastisk.

Hvordan håndtere tillatelser? Født er ingenting der ennå. Men du kan oppnå dette gjennom Dropbox, Google Drive-mappen og Sketch Cloud. Du kan også prøve versjonskontrollverktøy som Abstract, Kactus eller Folio for Mac.

Sammendrag - https://heydesigner.com/blog/version-control-sketch-git/

Må-ha plugins

Løper

"Runner hjelper deg å komme deg rundt Sketch raskere og smartere."
Med en enkel ⌘ + 'utløser du flere funksjoner: kjøre, gå, sette inn, opprette, bruke og installere. Du må ta farvel med å søke gjennom menyen. Det vil bare ta ett sekund å legge til et symbol på tavlen.
☞ Det er gratis

Runner plugin-funksjon

Symbol Manager

Denne pluginen, laget av Jaer Pollux, er den beste måten å administrere symbolene dine. Du vil ikke slite med å organisere dem lenger. Å gi nytt navn, slette eller slippe symboler fra en mappe til en annen vil være uventet enkelt og raskt.
☞ Det koster bare 9,99 dollar

Symbolbytter

Hvis du vil bli mer fancy og prøve noen ekstreme teknikker, er Symbol Swapper den rette plugin for deg. Det lar deg bytte utvalgte symboler og / eller et helt bibliotek. Viktig: lag alltid kopier av filen din, byttingen noen ganger er buggy og roter bort ting. Men det blir bedre.
☞ Det er gratis

Bytt bibliotek

Flytt til bibliotek

Med denne plugin kan du flytte et symbol fra prosjektet til ethvert bibliotek og koble alle symbolforekomstene til dette biblioteket. Det holder også overstyringene.
☞ Det er gratis

Gi den nytt navn

Bare gi nytt navn til lagene og tegnebrettene på null tid. Fantastisk hvis du følger navnekonvensjonene som er nevnt over.
☞ Det er gratis

Stilmester

Å gi nytt navn til dine delte stiler har blitt enkelt og raskt. Hvis du vil bruke en stor endring på de delte stilnavnene, trenger du ikke gjøre det manuelt én etter én. Med Style Master kan du gi nytt navn til alle eller noen av dine delte stiler samtidig.
☞ Det er gratis

Skisser stil biblioteker

Den synkroniserer alle tekststiler fra ethvert skissebibliotek i det nåværende prosjektet. Ingen eksport / import via separate "stilfiler".
☞ Det er gratis

Symbolarrangør

Legg til det med Runner. Denne pluginen organiserer symbolene dine på siden din basert på navnene du gir dem (komponent / knapp).
☞ Det er gratis

Symbolarrangør i aksjon

5 tips om livsendring

  1. Lås nestede symboler for å forhindre at de vises i overstyringspanelet.
  2. Bruk Alt + Enter for å sette inn en linjeskift på nestede tekstobjekter.
  3. Bruk mellomrom i overstyringspanelet hvis du ikke vil at tekst skal vises.
  4. Bruk Paddy til å automatisere polstring og avstand for Sketch-filene dine, det er veldig dumt å gjøre det manuelt!
  5. Ta deg tid til å gjøre ting rimelige, pene og rene helt fra begynnelsen. Snart vil du finne ut at innsatsen din var absolutt verdt det.

For å pakke den opp

Et sitat fra amerikansk kunstteoretiker, kritiker og kurator innen systemkunst Jack Burnham som dukket opp på Artforum, "System Esthetics" i 1968:

Vi er nå i overgang fra en objektorientert til en systemorientert kultur. Her kommer endringer, ikke fra ting, men fra måten ting gjøres.

Valeria Gay
Visual Designer hos Hike One