Vores designarbejdsgang forbedres så meget med Sketch Libraries! + =

Med nogle pro tip! Fås nu i Sketch 47 Beta, kommer snart til næste stabile udgivelse!

Baggrund af Mia Baker

Biblioteker-funktioner fra Sketch Beta er lidt sent til designsystemets spil. Adobe XD, Figma og endda UXPin har implementeret funktionerne, og det er godt ~! Bibliotekerne er drillet under udgivelsen af ​​Sketch 43.

Men Sketch-samfund er stadig det største blandt alle designværktøjer, tror jeg. Og nogle af designerne kan simpelthen ikke bare migrere til andre værktøjer, fordi vores arbejdsgang er bundet til Sketch meget tæt. Som jeg er meget afhængig af Sketch-plugins, gør disse mig svært ved at skifte.

Hvorfor har vi brug for biblioteksfunktioner?

Produktdesign er temmelig kompliceret i dag, og vi er nødt til at flytte ting i lynhastighed end nogensinde for at tilpasse til sprinterne eller lanceringsdatoen. For at imødekomme kravet er vi nødt til at have et værktøj, der kan hjælpe designet med at forblive konsistens, ajour, let adgang til teamkammerater osv. Og Design Systemet er svaret på dette!

Det bedste design sker, når designere samarbejder.
Awesome GE's Predix Design System

Uanset om du designer med et team eller alene, vil Sketch Libraries hjælpe dig med bedre design af arbejdsgange. Designet får layout hurtigere, mere konsistent og samarbejde end nogensinde.

Og der er heller ikke mere manuelt at kopiere nogle symboler fra en anden Sketch-fil. Nogle gange får du duplikerede symboler og ødelægger min nuværende Sketch-fil. Selvom der er værktøjer som Craft Library, Brand.ai, Lingo og mere, føler jeg, at de stadig ikke er perfekte, og nogle har brug for ekstra for at abonnere.

Nu har Sketch deres egne indbyggede bibliotekerfunktioner, men lad os se, hvordan det kan erstatte de eksisterende biblioteksværktøjer!

Lad os komme igang!

Vi kan bruge Sketch Libraries til hurtigt at indsætte symboler fra standard “iOS UI Design” -biblioteket eller importere din Sketch-fil, der allerede har masser af UI-elementer og bruge den som et symbolbibliotek. Ja, et bibliotek er bare en Sketch-fil med en masse symboler, alle er bekendt med, hvordan man opretter genanvendelige symboler.

Når du åbner Sketch 47 Beta, er der intet radikalt forskelligt fra den nuværende stabile version. Gå til menuen øverst til venstre Sketch Beta> Præferencer ... (eller Kommando + Komma) Og du vil se en ny fane-menu "Biblioteker." Og der er et standardbibliotek, som Sketch vedhæfter til os, iOS UI Design. Du kan trykke på EYE-ikonet eller bare trykke på mellemrumstasten for at få vist hvad der er i biblioteket.

Tilføjelse af symboler fra biblioteker

Lad os sige, at du opretter en ny Sketch-fil, går til Indsæt menu, og du vil se iOS UI Design-menu. Du kan tilføje dine ønskede symboler, der er fra det bibliotek nu, super let!

For en bedre og hurtigere måde at tilføje biblioteksymboler foreslår jeg, at du tilpasser Sketch Toolbar til at tilføje i symbolmenuen. Jeg tror, ​​denne metode er bedre end at rulle listen ovenfra.

Der er en meget hurtigere måde at tilføje et symbol på, og du skal gøre det hele tiden ved at bruge Sketch Runner, det skal have Sketch-plugin, hvis du designer i Sketch! Det er meget tidsbesparende og intuitivt.

Men ulempen er, at hvis vi vil tilføje bibliotekssymboler, kan vi kun bruge fanen RUN i stedet for fanen INSERT, da vi typisk indsætter symboler. Det er bedre end intet, men jeg ønsker, at Sketch Runner-teamet inkluderer biblioteksymboler, der kan søges fra fanen INSERT, fordi der er et eksempelpanel at se, er det, hvis jeg tilføjer det korrekte symbol.

For at undgå forvirring har Sketch-teamet differentieret ikonet for biblioteksymbolet fra det lokale symbol.

Det nye “kæde / link” -ikon er til symboler, som du importerede fra et bibliotek.

Redigering af bibliotekets symboler

Bibliotekets symbol fungerer bare på samme måde som det lokale symbol; det kan tilsidesætte værdien på panelet Tilsidesæt til højre. Begrænsninger fungerer også fint, hvis symbolerne indstilles korrekt.

Du kan fjerne symbolet, og det bliver en almindelig gruppemappe. Eller du kan fjerne linket fra symbolet ved at dobbeltklikke på symbolet. Du vil se en advarselsdialog, der beder dig, om du ønsker at fjerne linket fra biblioteket. Hvis du vælger at fjerne linket, bliver bibliotekets symbol dit nuværende lokale symbol for Sketch-fil.

Du kan gruppere biblioteksymbolerne eller indlejre det i dine lokale symboler også, slags begyndelseskoncept ~

️ Tilføjelse af dine egne oprettede biblioteker

Den seje ting ved biblioteker er, at du bare kan tilføje alle de tidligere projekter, der med symboler inde som biblioteket! I modsætning til andre værktøjer kræver det ikke en ny arbejdsgang for at gøre dette!

Hvis du ikke har et internt UI-kit til rådighed, anbefaler jeg dig at starte et for dig selv og dit team fra i dag! Der er en masse ressourcer derude, som dine referencer kan begynde med, herunder er nogle af linkene:

️ Synkronisering af dine biblioteker med holdkammerater

Sketch-teamet anbefaler os at have en person, der håndterer master-sketch-filen (Library Sketch-filen). Denne person kan undgå, at alle får den ubekræftede stil fra en, der ikke er ansvarlig for masterbiblioteket.

Senior- og / eller produktionsdesignere ønsker måske at begrænse adgangen for nogle brugere, så filen er skrivebeskyttet. (se venligst dokumenterne til dit yndlingssynkroniseringsværktøj for at se, hvordan du gør dette)

Så hvordan kan vi redigere biblioteket? Du skal blot dobbeltklikke på det symbol, du vil redigere, og du får en dialogboks, der spørger, om du vil fjerne linket fra biblioteket eller åbne i originaldokument for at redigere det.

 Vær opmærksom på, hvad du vil gøre næste

Vær opmærksom på, hvad du skal gøre næste, hvis du vil redigere i den originale bibliotek Sketch-fil, vil alle, der bruger dette bibliotek, blive påvirket af ændringerne.

Men Sketch har gjort, at alle biblioteksfiler er låst som standard. Dette kan forhindre, at uautoriseret designer går et skridt videre. Men hvis du er designeren, der håndterer denne masterfil, kan du fortsætte med at låse den op.

Det bedste ved biblioteksymbolet er, at du dobbeltklikker på biblioteksymbolet, du vil redigere, Sketch åbner masterfilen og fokuserer med det samme på symbolet. Dette reducerer tiden til at søge efter det bestemte symbol og redigere det.

Når du har gemt masterfilen, tager din nuværende Sketch-fil nogen tid at genkende, at der er nogle ændringer fra masterfilen. Men dette tager kun ca. ~ 5s til ~ 10s. Afhængigt af hvor er master Sketch-filen lokaliseret, hvis den lokaliseres i nogle skytjenester som Dropbox, bliver den også nødt til at stole på din internetforbindelseshastighed. Bare vær tålmodig min ven.

Du vil se "Tilgængelig bibliotekopdatering" i øverste højre hjørne af Sketch. Klik på det; ser du en dialogboks om ændringerne. Hvis du er bekendt med Git, er det på samme måde, som de begge ser ens ud.

Nogle gange behøver det ikke at opdatere alle biblioteksymbolets opdatering til dit design; det afhænger af sager. Og Sketch har gjort denne gennemgangsfunktioner meget godt. Det lader designere vælge, hvad der skal opdateres, og hvad ikke. Dette gør bibliotekerne mere fleksible end andre.

Pro-tip: Du kan forstørre dialogboksen Gennemgang for at se det gamle og det nye symbol meget mere tydeligt. Og du kan stadig fortryde opdateringen, hvis du ikke har lukket den aktuelle Sketch-fil.

️ Pro-tip: Hvis du er abstrakt bruger, er versionskontrol med biblioteker en perfekt kombination til denne arbejdsgang! Vil ikke dække Abstract her, men der er en masse artikler om, hvordan du bruger det, og I skal læse!

Resume

Biblioteker vil bestemt blive en af ​​de største udgivelser fra Sketch-teamet. Og det vil forbedre vores arbejdsgang og samarbejde mellem designere meget.

Nogle af de designere, jeg kender, langsomt til at migrere til andre værktøjer på grund af buggy-ness af Sketch og ikke i stand til at samarbejde i realtid. Men jeg synes, Sketch burde fokusere mere på deres strømbrugere og bringe flere strømfunktioner til os. Og jeg forudser, at fremtiden for Sketch er meget lys og vil fortsætte med at gavne produktdesignere!

”Det er menneskehedens lange historie, at de, der lærte at samarbejde og improvisere mest effektivt, har sejret.” - Charles Darwin

Og i mellemtiden, hvis du ikke kan vente til den stabile udgivelse af Biblioteker, skal du gå videre og downloade Sketch 47 Beta og blive professionel på få minutter. Men sørg for ikke at bruge dit igangværende produktionsprojekt til uforudsigelige problemer.

Klap klap klap og del, hvis du har haft glæde af denne artikel. Det vil motivere mig til at skrive mere! Tak!

Følg mig på Twitter. Hvis du har et nyt projekt, du vil samarbejde med Minitheory om, kan du e-maile eller besøge os her!

_
Yap Kwang Yik er et senior UI Designer arbejde på Minitheory, et digitalt designstudie med base i det solrige Singapore. Vi gør software enkel, baseret på hvordan folk tænker og opfører sig.