Bedste fremgangsmåder, plugins og tip til at mestre Sketch Libraries

Sketch version 47 er, da magien begyndte! Da funktionen Biblioteker kom ud af Bohemians skab og bragte en frisk ny måde at fremstille design på. Faktisk introducerede mange teams biblioteker i deres designrutine, og det gjorde vi også.

  1. For at fremskynde vores designproces
  2. At oprette en 'enkelt kilde til sandhed'
  3. Sådan deler du symboler mellem dokumenter og andre designere.

Hurtig og kort afklaring: et bibliotek er et sketch-dokument med symboler, du kan bruge i ethvert andet sketch-dokument. Læs mere her, eller se Introduktion til sketch-biblioteker.

Jeg antager, at du kender Sketch-biblioteker rigtig godt, men du vil gerne blive en ekspert. Hvad du har brug for er en sidste boost. Noget, der giver dig Yoda-of-the-biblioteker-art look and feel. Heldige dig, du er på det rigtige sted. Nedenfor er en dyrebar liste over bedste praksis, plugins (for at tilføje dem, der er nævnt i en tidligere artikel ) og tip, du virkelig vil bruge til at mestre din kunst. Lad os begynde!

Bedste praksis

Lav en plan

Før du begynder at oprette fantastiske symboler, indlejrede symboler og delte tekststilarter, lav en plan med dine kolleger, inklusive mulige udviklere. Skriv en ønskeliste over de oprindelige komponenter, du vil inkludere i dit Sketch-bibliotek.

Metoden Atomic Design hjælper virkelig med at strukturere og prioritere dine ønsker. Hvis du ikke ved noget om det, skal du slå op på Brad Frost-webstedet eller læse hans bog “Atomic design”. Varmt anbefales.

Alle fem forskellige niveauer inden for atomisk design

Følg en navnekonvention

Det er meget vigtigt at følge en rimelig navnekonvention for dine symboler. Er det aftalt med udviklingsholdet? Det er endnu bedre. Følgende regler giver dig nogle retninger.

  • For at organisere symboler i grupper og undergrupper skal du bruge en skråstreg (/) i dit symbols navn. Sketch behandler disse som gruppeseparatorer. For eksempel har du primære og sekundære knapper med standard- og hover-tilstand. Den rigtige navne rækkefølge er: knapper / primær, knapper / primær-musovergang (det samme for sekundære knapper). Læs mere her.
Symbol navnKaskadevisning af de grupperede symboler
  • Følg en kontrol / ejendomstilstand-logik. I menneskelige ord skal du gå fra generisk til specifik. Forestil dig, at du opretter en fotomappe på dit skrivebord, hvor du opretter andre mapper, en for hvert år. I mappe 2018 opretter du en mappe for hver måned. [foto / 2018 / april / stockholm] Samme logik!
  • Brug altid små bogstaver, adskilt med bindestreger.

Find ejeren af ​​det overordnede bibliotek (master)

Hvis du ikke ønsker at rodet det og få uventede bibliotekopdateringer eller ændringer, skal du finde en ejer af biblioteket. Administrer brugertilladelser, og vælg, hvornår og hvordan en designændring kan føjes til masteren. Husk: denne ændring afspejles på hver Sketch-fil, der bruger det bibliotek. Dobbeltkantet sværd, men ret fantastisk.

Hvordan administrerer jeg tilladelser? Født er der intet endnu. Men du kan opnå dette gennem Dropbox, Google Drive-mappe og Sketch Cloud. Eller du kan prøve versionskontrolværktøjer som Abstract, Kactus eller Folio til Mac.

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

Must-have plugins

Løber

"Runner hjælper dig med at komme omkring Sketch hurtigere og smartere."
Med en enkel ⌘ + 'udløser du flere funktioner: kør, goto, indsæt, opret, anvend og installer. Du siger farvel til at søge gennem din menu. Det tager kun et sekund at tilføje et symbol til dit tegnebræt.
☞ Det er gratis

Runner plugin-funktion

Symbolhåndtering

Dette plugin, oprettet af Jaer Pollux, er den bedste måde at administrere dine symboler på. Du kæmper ikke mere med at organisere dem. Omdøb, slet eller slip symboler fra en mappe til en anden vil være uventet let og hurtigt.
☞ Det koster kun $ 9.99

Symbolbytter

Hvis du ønsker at blive mere dekorativ og prøve nogle ekstreme teknikker, er Symbol Swapper det rigtige plugin for dig. Det giver dig mulighed for at bytte valgte symboler og / eller et helt bibliotek. Vigtigt: Lav altid kopier af din fil, swapping er undertiden buggy og ødelægger ting. Men det bliver bedre.
☞ Det er gratis

Udskiftning af biblioteker

Flyt til bibliotek

Med dette plugin kan du flytte et symbol fra dit projekt til ethvert bibliotek og genmontere alle symbolforekomster til dette bibliotek. Det holder også tilsidesættelsen.
☞ Det er gratis

Omdøb det

Bare omdøb dine lag og tegnebræt på nul tid. Fantastisk, hvis du følger de navnekonventioner, der er nævnt ovenfor.
☞ Det er gratis

Stilmester

Omdøbning af dine delte stilarter er blevet let og hurtigt. Hvis du vil anvende en stor ændring på dine delte stilnavne, behøver du ikke at gøre det manuelt én efter én. Med Style Master kan du omdøbe alle eller nogle af dine delte stilarter på én gang.
☞ Det er gratis

Skitse-biblioteker

Det synkroniserer alle tekstformater fra ethvert Sketch Library i dit aktuelle projekt. Ingen eksport / import via separate "stilfiler".
☞ Det er gratis

Symbolarrangør

Tilføj det med Runner. Dette plugin organiserer dine symboler på din side baseret på de navne, du giver dem (komponent / knap).
☞ Det er gratis

Symbolarrangør i aktion

5 livsskiftende tip

  1. Lås indlejrede symboler for at forhindre, at de vises i overstyringspanelet.
  2. Brug Alt + Enter til at indsætte en linjeskift på indlejrede tekstobjekter.
  3. Brug Mellemrum i panelet for tilsidesættelse, hvis du ikke ønsker, at der skal vises nogen tekst.
  4. Brug Paddy til at automatisere polstring og afstand til dine Sketch-filer, at gøre det manuelt er virkelig fjollet!
  5. Tag dig tid til at gøre tingene rimelige, pæne og rene helt fra begyndelsen. Meget snart finder du ud af, at din indsats var absolut værd.

At pakke det op

Et citat fra amerikansk kunstteoretiker, kritiker og kurator inden for systemkunst Jack Burnham, der optrådte på Artforum, "System Esthetics" i 1968:

Vi er nu i overgang fra en objektorienteret til en systemorienteret kultur. Her stammer ændring, ikke fra ting, men fra den måde tingene gøres på.

Valeria Gay
Visual Designer hos Hike One