Frigør det fulde potentiale af symboler i skitse

Uanset om du designer et helt designsystem eller blot et par skærme, vil symboler i Sketch hjælpe dig med at holde din fil organiseret og spare dig meget tid på lang sigt. I denne artikel vil jeg dele med dig et par bedste praksis og tricks for at hjælpe dig med at frigive symbolers fulde potentiale.

(Versión en español aquí.)

Men først lidt af en historie. Jeg begyndte at bruge Sketch for et par år siden, som en erstatning for min favorit design-software dengang Fireworks, som blev afbrudt af Adobe - hvilket efterlod en hel generation af designere hårdt. Siden mine første dage med at bruge Sketch, blev jeg meget overrasket over, hvor let og ligetil det er at bruge. Jeg havde endnu en gang fundet en applikation, der var koncentreret om brugergrænseflade (og ikon) design - og intet andet.

Den tilsyneladende mangel på funktioner i Sketch sammenlignet med de alternativer fulde af menuer og stablede paneler, som jeg var vant til, var faktisk en af ​​dens største fordele og hjalp mig med at designe hurtigere. Blandt disse få funktioner var symboler den ting, som jeg brugte meget ofte, og stadig gør, praktisk talt hver dag (ja, selv på søndage ... du ved, en freelancers liv).

Hvad er symboler? Kort sagt giver symbolerne dig mulighed for at bruge og genbruge et element på tværs af et projekt, idet du holder et mastersymbol, der automatisk opdaterer andre forekomster af symbolet, når der foretages ændringer i det.

Symboler er vigtige for at opbygge et designsystem, der er dannet af elementer og komponenter, der vil blive brugt i hele dit projekt. (Kilde: “Hvordan bruger vi komponentbaseret design”)

Dette koncept er ikke nøjagtigt nyt (det er heller ikke eksklusivt for Sketch for at være ærlig). Men hvis du designer grænseflader, finder du det meget nyttigt, især når du bruger komponenter som en del af et designsystem.

I denne artikel vil jeg kortlægge, hvordan man bruger symboler i Sketch for at frigøre deres fulde potentiale, gå fra de mest basale situationer til nogle mere avancerede brugssager. Jeg vil også medtage nogle tip og tricks, som jeg har lært undervejs.

En kort introduktion til symboler

Før jeg graver dybere, og i tilfælde af at du er ny med Sketch, så lad mig give dig en kort introduktion til, hvordan symboler fungerer.

Symboler kan laves fra næsten ethvert element i Sketch: tekstobjekter, figurer, bitmapbilleder, endda andre symboler (vi vil tale om dette senere). Inde i hvert symbol (dobbeltklik på et symbol for at gå ind i redigeringsfunktion), finder du et hovedtavle, der indeholder symbolets lag. Dette tegnebræt definerer også symbolets grænser.

Normalt oprettes symboler for disse elementer i en grænseflade, som du forventer at genbruge senere (f.eks. Knapper, listeelementer, faner osv.), Og som vil blive spredt over forskellige skærme, sider og tegnebræt i dine designs.

Bemærk: For fremtidig reference skal du huske, at "kopier" af et symbol kaldes forekomster.

Det bedste ved at bruge symboler (i stedet for grupperede, uafhængige og frakoblede objekter) er, at hvis du på et tidspunkt beslutter at ændre en egenskab i et bestemt symbol (for eksempel farve, form, tekststørrelse, dimensioner eller hvad du ellers ønsker ), skal du bare redigere symbolets master en gang, og denne ændring replikeres automatisk til alle masterens tilfælde, uanset hvor de er. Jeg ved ikke om dig, men jeg synes det er super-praktisk!

Tip 1: Vær organiseret

Ligesom i selve livet er det grundlæggende at holde alt i orden. Design altid som om en anden senere skal åbne og arbejde med din designfil og forstå den uden din hjælp! Dette gælder også for den måde, du navngiver symboler - navngivning skal opfylde visse kriterier.

En anbefaling er at bruge en skråstreg (/) i symbolets navn. Sketch opretter automatisk en kategori med delen før skråstreget og navngiver og placerer symbolet inde i det ved hjælp af den del af navnet, der følger efter skråstreget. For eksempel, hvis du har to symboler, der hedder “Knap / Primær” og “Knap / sekundær,” er det sådan, hvordan de ser ud, når du prøver at indsætte dem fra værktøjslinjen:

At navngive symboler korrekt kan hjælpe dig med at oprette et pænt hierarkisystem, som vil hjælpe dig med at finde symboler hurtigere.

Du kan gentage dette mange gange for at have flere symboler under den samme rod, grupperet efter lignende logik, hvilket gør dem lettere at finde. Og hvis dit "træ" bliver for stort, skal du tage et øjeblik på at overveje dit navnesystem og se, om der er nogen mulig måde at optimere det og gøre det mere håndterbart.

Tip 2: Navnekonventioner

Der er mange forskellige konventioner for, hvordan symboler skal navngives, måske en konvention for enhver designer derude. Personligt foretrækker jeg ikke at bruge navne, der henviser til elementernes visuelle egenskaber - for eksempel "Rød knap" ville efter min mening være et dårligt valg, fordi hvis farven på knappen senere ændres af en eller anden grund, vil navnet på symbolet bliver forkert. I stedet prøver jeg at differentiere symbolets funktion og tilstand (f.eks. "Primær / deaktiveret").

Under alle omstændigheder skal du bare være konsekvent og finde noget, der fungerer både for dig og dit team, og hold dig derefter til det; skift ikke navnesystemet efter sagen! Dette gælder også for lag inden i symboler: nogle designere bruger endda emoji til at markere, hvilke af dem der er beregnet til at være redigerbare (for eksempel ved at tilføje en blyantemoji til navnet). For at gøre dette skal du trykke på Control + Command + Space for at åbne en dialog for at vælge emojier.

Tilføjelse af en emoji til et lags navn er en mulighed, når du vil fremhæve dens formål.
Bemærk: Med hensyn til symbolers navne, skal du huske, at tilfælde vil tage deres navne fra mastersymbolet, men du kan ændre dem bagefter til hvad du vil. På denne måde kan forekomster af det samme symbol have forskellige navne fra hinanden.

Tip 3: et alternativ til symbolsiden

Når du opretter et symbol, spørger Sketch, om du vil sende det til symbolsiden. Mit råd er at markere dette felt, selvom denne dedikerede side efter et stykke tid (og et par symboler senere) bliver et rod. (Skitse placerer det ene symbol ved siden af ​​det andet, mens de bliver oprettet, og når du sletter et symbol, vil du bemærke det tomme rum, der er tilbage på dets sted.)

I stedet for, hvad jeg gør for at sortere dette er at oprette min egen symbolside (som bare er en almindelig side, som jeg normalt vil benævne “Symboler”), hvor jeg kan arrangere symbolforekomster i den rækkefølge, jeg ønsker, og dermed ignorere officielle symbolside.

Symbolsiden (til venstre) kan let blive uorganiseret, hvorfor jeg foretrækker at have min egen separate side (til højre), hvor jeg kan organisere symbolers forekomster på den måde, jeg synes bedst.

På denne måde kan jeg oprette tegnebræt, der følger kategorier (som lister, knapper, indgange og så videre) og placere symboler på en måde, som jeg finder praktisk, og som giver mening for mig. Du bliver stadig nødt til at investere lidt tid på at opdatere denne side fra tid til anden, men når den først er oprettet, vil det gøre alt meget lettere, og du vil være i stand til at opbygge en ny skærm på kort tid.

Bemærk: Hvis du foretrækker at bruge symbolssiden i stedet, er der symbolet Organizer-plugin, som kan hjælpe dig med at holde alt arrangeret.

Tip 4: Udskiftning af symboler

Det er let at udskifte et eksisterende symbol med et andet. Vælg blot symbolet og vælg "Erstat med" i den kontekstuelle menu, der vises, når du højreklikker på symbolforekomsten. Vælg derefter det nye symbol, du vil bruge. Husk, at det nye symbol vil have samme størrelse og position som dets forgænger; du kan løse dette ved at vælge “Sæt til original størrelse” fra den samme kontekstuelle menu.

Udskiftning af symboler

Tip 5: Fjernelse

Når du har lavet et symbol, kan du fjerne det for at gendanne de elementer, der danner det som en gruppe. For at gøre dette skal du bare vælge “Fjern fra symbol” i den samme kontekstuelle menu, som jeg nævnte tidligere.

Tip 6: Eksport af symboler som aktiver

Symboler, ligesom andre elementer, kan også eksporteres som bitmap-billeder. For at gøre dette skal du markere elementer som eksporterbare. (Vælg symbolforekomsten, og vælg derefter "Gør eksporterbar" i bunden af ​​inspektøren.)

Problemet, som jeg fandt under denne proces, er, at hvis symbolet har en vis polstring (for eksempel hvis figurerne indeni er mindre end symbolets samlede størrelse), når skemaet udføres, vil Sketch udelade det tomme rum og bare oprette et billede kun med det synlige indhold.

Eksport af symbolet direkte vil oprette et billede, der kun indeholder figurerne (til venstre). Brug skiverne (til højre) for at matche symbolstørrelsen, før du eksporterer.

En måde at løse dette på er ved hjælp af en skive. Når du opretter skiven, skal du placere den over forekomsten og sørge for, at den stemmer overens med størrelsen på instansets grænser (bredde og højde); vælg derefter skiven og brug eksportindstillingerne efter behov.

Side note: Dette samme trick gælder også for andre værktøjer, såsom Zeplin.

Yderligere læsning

  • “Skittsymbol bedste praksis (nu, at nestede tilsidesættelser er et ting),” Lloyd Humphreys
    Skitserer flere andre teknikker og fremgangsmåder til at gøre brug af symboler godt.

Håndtering af forskellige størrelser

I denne verden fuld af skærme med flere størrelser og størrelsesforhold er det vigtigt at sikre, at dit design tilpasser sig mange forskellige scenarier. Dette er lettere at opnå, hvis du ikke behøver at designe alt fra bunden hver gang ved at genbruge elementer (eller symboler, som jeg er sikker på, at du allerede har gættet).

En række forskellige størrelsesindstillinger er tilgængelige i Sketch. Disse er meget nyttige, når du søger at tilpasse dine symboler til forskellige dimensioner.

Det er her størrelsesindstillingerne i symboler er nyttige, hvilket hjælper dig med at bruge det samme element med forskellige bredder og højder uden besvær: Hvis du ændrer størrelse på kun én instans ved at vælge det, vil dette ikke påvirke de andre tilfælde. (Men husk, at størrelsesindstillinger bruges til individuelle lag inde i mastersymbolet, ikke på selve forekomsten. Så selvom du kan justere størrelser individuelt fra instans til instans, vil elementer indeni altid opretholde den samme opførsel.)

Bemærk: Valgmulighederne nedenunder gælder ikke kun symboler, men også for grupper. Adfærd er ikke altid forudsigelig, så chancerne er store for, at du bliver nødt til at lege rundt og udforske lidt inden du finder det, du har brug for, ved at kombinere en eller to forskellige indstillinger i de fleste tilfælde.

Strække

I dette eksempel kan du se, hvordan den gule form forbliver en tredjedel af symbolets samlede bredde, uanset hvad symbolets samlede bredde er.

Når Stretch-indstillingen bruges, vil en form, der har angivet, lad os sige, 50% af symbolets samlede bredde beholde det samme forhold, når forekomsten udvides lodret eller vandret. Dette er standardopførselen.

Fastgør til hjørne

Den gule form har indstillingen “Pin to Corner” anvendt på den, så den klæber til det nærmeste hjørne.

“Pin to Corner” vil (som navnet antyder) fastgøre et element til det nærmeste hjørne, og elementet ændrer ikke størrelse, og holder den samme afstand til dette hjørne. Husk, at hvis objektet er centreret (med lige stor afstand fra begge sider), ved det ikke, hvilket der er det nærmeste hjørne, så det forbliver i midten.

Ændre størrelse på objekt

Den gule form har indstillingen

Når "Ændre størrelse på objekt" bruges, vil elementer vokse, mens de holder en lige (eller fast) afstand fra siderne.

Float på plads

Med denne indstilling ændres ikke størrelsen på elementet, idet den relative position holdes til symbolets grænser.

"Float in Place" får et objekt til at forblive i samme størrelse og vil holde sin relative position til symbolets grænser.

Tip 1: Tilbage til den originale størrelse

Hvis du har ændret størrelse på dit symbol, men ikke er tilfreds med resultatet, kan du altid vende tilbage til begyndelsen ved at vælge "Sæt til original størrelse" i den kontekstuelle menu.

Tip 2: Grænser

Husk, at symboler har dedikerede tegnebræt, og disse vil definere symbolernes grænser (selv når figurer inden i flyder på dem). Du kan gøre symbolets tegnebræt i samme størrelse som dets indhold ved at vælge det og vælge "Ændre størrelse for at passe" fra inspektøren.

Tip 3: Brug af tegn og operatører

I bredde- og højdeindgangsfelterne i inspektøren kan du bruge operatører til at ændre værdier. For eksempel kan du bruge 100 * 2 til at indstille et elements dimensioner til 200 pixels. Andre operatører er + (tilføj), - (trække) og / (opdele).

Udover matematiske operatorer kan du i de samme inputfelter også bruge L til at skalere et objekt fra venstre (dette er standard), R til at skalere det fra højre, T til at skalere det fra toppen (dette er standard), B for at skalere det fra bunden, og C og M for at skalere det fra midten eller midten.

Når du ændrer størrelse på et rektangel ved hjælp af det øverste højre hjørne som et anker, vil formen vokse ud af dets venstre og nederste sider.

For eksempel, hvis du har en form, der har en bredde på 200 pixels og vil ændre størrelsen på den, så den skaleres fra højre til venstre side, kan du bruge noget som 300r i breddeinputfeltet.

Yderligere læsning

”Skitse 39 Ændring af størrelse: Cheat Sheet” Peter Nowell

Denne artikel er en god reference til forståelse af forskellene i størrelse. Det inkluderer også nogle andre tip og tricks, så giv det en chance!

Indlejrede symboler

Hvad kan være bedre end et symbol? Måske et symbol med et andet indeni!

Denne funktion er slags ny i Sketch, og den giver dig en masse muligheder, når du kombinerer symboler sammen. Du kan placere et symbol oven på et andet, vælge begge dele og derefter oprette et nyt symbol, der indeholder de to tilfælde. Du kan gentage dette så meget, som du ønsker. Vær dog moderat, ellers finder du dig selv at grave i niveauer og niveauer af indlejrede symboler, hinanden inde i en anden. Dette kan gøre vedligeholdelsen meget sværere og kan også være et symptom på større organisatoriske problemer.

Indlejringssymboler kan være især nyttige, når du har brug for at oprette variationer af et symbol. For eksempel kan du følge en proces som denne:

  1. Tag et symbol op, der fungerer som base. (dette symbol forbliver det samme i alle tilfælde.)
  2. Overlapp det med andre symboler (f.eks. Ikoner eller badges), der kan være der eller ej, afhængigt af tilfældet.
  3. Til sidst oprette et andet symbol med det resulterende design.

På billedet herunder kan du se, at alle rækker har de samme egenskaber (de har samme størrelse, tekstegenskaber og mængde polstring til venstre), så jeg oprettede et basesymbol, der kun indeholder disse elementer (dvs. elementer, der vil være deles med de andre symboler). Ved hjælp af dette symbol som udgangspunkt oprettede jeg derefter nogle overlappende elementer, der er forskellige, hvilket gemmer resultatet i hvert tilfælde som et andet symbol; så alle symbolerne under “Variationer” er faktisk forskellige symboler.

Et eksempel på forskellige symboler oprettet fra en fælles base med variationer i begge tilfælde.

Men du behøver ikke - nødvendigvis - at oprette et nyt symbol til enhver tilstand i rækken. Der kan være en enklere måde: at bruge tilsidesættelser.

Indlejrede tilsidesættelser

Hvis du skulle oprette en masse forskellige symboler, bare fordi en del af deres indhold ændrer sig, ville du sandsynligvis blive nød. Et af hovedformålene med symboler er netop at skulle designe så lidt som muligt og have færre elementer - og derfor mere kontrol over dem. Angiv indlejrede tilsidesættelser!

Et praktisk eksempel på denne arbejdsgang kan være at designe en fanebjælke med forskellige tilstande. I dette tilfælde fungerer hovedsymbolet med de inaktive faner som base, og derefter ville der være et andet symbol for hver af de fremhævede faner. Vælg bare den, du vil have, fra “Overrides” -mulighederne i inspektøren.

Bemærk: For at denne teknik skal fungere, skal du huske, at de inaktive faner inde i hovedsymbolet (navigationslinjen) også skal være symboler. Sørg også for, at alle symboler (både inaktive og aktive) har nøjagtigt samme dimensioner (bredde, højde). Ellers vises de ikke som tilgængelige indstillinger i rullemenuen "Overrides".

Lad os se på en anden brugssag. Hvis du har flere knapper i et design, men med forskellige tekstetiketter på dem, aktiverer indstillingen Overstyr dig mulighed for at ændre tekstværdien (ikke skrifttypefamilien eller skriftstørrelsen - du skal ændre dem inde i selve symbolet, når du redigerer symbol master), uden at skulle oprette et nyt symbol hver gang. Dette er lige så let at gøre som at vælge instansen og ændre tekstindholdet i inspektøren.

Overskridelser gælder ikke kun for tekst; du kan også bruge dem til bitmap-billeder og endda til andre symboler, som nævnt før. På denne måde kan du have flere forekomster af et symbol med et andet billede i hver af dem - og alt dette uden at skulle ændre symbolets master.

Der er tilfælde, hvor jeg ikke ønsker at have et bestemt billede som en del af et symbols master. Så hvad jeg normalt gør er at oprette en tom PNG-fil uden synligt indhold, oprette en form og bruge dette billede som et mønsterudfyldning (du kan finde denne indstilling i "Fill Options", når du vælger en form). Når jeg gør symbolet tilsidesat, erstatter jeg bare dette gennemsigtige billede med det, jeg vil have i hvert tilfælde!

For at få mest muligt ud af denne praksis bruger jeg også et lagdelingssystem med et ikon eller et element, der fungerer som en pladsholder under billedet, og som kun vil være synlig, hvis jeg opbevarer den originale transparente bitmap. En fordel ved at gøre dette er, at jeg kan simulere denne tomme tilstand, der vises, når billeder indlæses i det færdige produkt, noget som jeg alligevel finder nødvendigt at designe.

Tip 1: Navne og lagrækkefølge

En af grundene til, at det er en god ide at være organiseret, er, fordi den måde, du navngiver og ordrer lag på, vil påvirke den måde, de vises i panelet "Overstyring". Etiketterne til venstre for inputfelterne i inspektøren respekterer det navn og den rækkefølge, du tidligere har defineret i selve symbolet, så du skal være opmærksom på denne ordre, hvis du vil have en mere effektiv arbejdsgang.

Tip 2: Husk størrelsen

Du kan kun erstatte et indlejret symbol med et andet symbol, hvis det nye symbol har den nøjagtige samme bredde og højde som det aktuelle element.

Tip 3: Fortrængning af elementer afhængigt af tekstlængde

Når du ændrer tekstens værdi i valgmulighederne Tilsidesættelse, kan du få et element til at flytte efter behov, når det til venstre er længere (se følgende illustration).

Øverst (første felt): Dette viser det originale symbol. Nederste (andet felt): Dette illustrerer, hvordan

Den sekundære tekst eller form behøver nødvendigvis at være til højre for teksten for at dette kan fungere. Begge elementer bør heller ikke have mere end 20 pixels afstand mellem dem (se "Yderligere læsning" nedenfor).

Tip 4: Undgå tilsidesættelse

Et symbol kan se lidt rodet ud på grund af indstillingerne i afsnittet Tilsidesættelse. Hvis du ikke ønsker, at et element inde i det skal kunne tilsidesættes, skal du bare låse eller skjule dette lag, og det vises ikke på listen.

Tip 5: Skjul nestede symboler

Vælg bare "Ingen" i afsnittet Overstyr for at skjule et indlejret symbol. Naturligvis vil det kun være usynligt i det særlige tilfælde.

Tip 6: Skjul tekst

Der er en måde at hurtigt få et tekstelement til at forsvinde i et tilfælde ved at bruge tilsidesættelser. For at gøre dette skal du bare indstille tekstværdien til et tomt mellemrum ved at trykke på mellemrumstasten og returtasten i indstillingerne Tilsidesættelse.

Tip 7: Gendannelse af det originale billede

Hvis du har bitmap-billeder inde i et symbol, kan de ændres af andre ved hjælp af indstillingerne i afsnittet Overstyring. Det er også muligt at gendanne det originale billede (det, der udgør en del af det redigerbare symbol) ved at vælge "Fjern billedoverskridelse" - bare højreklik på billedfeltet ved siden af ​​"Vælg billede" i inspektøren.

Yderligere læsning (og en video)

  • "Hacking af knappen i skitse," Aleksandr Pasevin
    Præsenterer et simpelt hack for at holde et ikon til venstre for teksten (i stedet for til højre, som er den normale opførsel), i bare et par enkle trin.
  • “Adaptive text Elements,” Yaron Tamuz
    Forklarer, hvordan man bruger skjulte elementer som tekstudskillere for at undgå, at de overlapper hinanden, når værdierne ændres.
  • "Skitse: Farveikoner ved hjælp af indlejrede symboler," Francesco Bertocci
    En simpel teknik til at ændre et ikons farver inde i et symbol ved hjælp af masker.
  • ”Dette er uden tvivl den sejeste skisseteknik, du vil se hele dagen,” Jon Moore
    Forklarer, hvordan du sparer tid ved hjælp af indlejrede symboler og tilpasser dem efter dine behov. Artiklen indeholder også interessante teknikker fra andre designere.
  • “Oprettelse af et knapsystem med nestede symboler i Sketch-app” (video), Pablo Stanley
    Går dig gennem de trin, du skal udføre for at oprette et knopsystem ved hjælp af mange af de ting, vi har lært indtil videre.

Plugins der spiller godt sammen med symboler

En god ting ved Sketch er, at når det mangler en funktion, er der normalt et plugin, der kompenserer for det. Og nogle af dem fungerer især godt med symboler, hvilket gør dem endnu mere magtfulde! Nogle af disse plugins er blevet nævnt, men i tilfælde af at du gik glip af nogen af ​​dem, her er en liste med nogle tilføjelser.

Med Sketch Runner kan du hurtigt indsætte symboler ved at navigere i en liste, og det viser også en forhåndsvisning i det højre panel.

Sketch Runner

Blandt de mange andre funktioner hjælper Sketch Runner-plugin dig med let at indsætte symboler i et dokument ved hjælp af blot en kombination af taster. Valgmuligheden "gå til" er meget nyttig til at springe direkte til et bestemt symbol - meget nyttigt, hvis dit projekt har mange af dem, og hvis det er vanskeligt at finde symboler på andre måder.

InVision Craft Library

Hvis du arbejder med et team, gør InVision Craft Library det let at oprette et delt bibliotek med aktiver, som alle kan bruge, så du kan synkronisere ændringer, når du skal opdatere et symbol, så du altid er sikker på, at du bruger symbolernes seneste version.

Automatisere

Automatisering er meget kraftfuld og vil sandsynligvis gøre dit arbejde mere effektivt. Valgmulighederne for håndtering af symboler inkluderer dem til at fjerne ubrugte symboler, til at vælge alle forekomster af et symbol og meget mere.

Symbol Instance Renamer

Symbol Instance Renamer omdøber alle forekomster for at matche navnet på deres mastersymboler.

Symbolarrangør

Med Symbol Organizer skal du organisere dine symbolsider alfabetisk (inklusive laglisten) og i separate grupper bestemt af dine symbolnavne.

Auto-layout

Auto-layout integreres problemfrit i Sketch og gør det muligt at definere og se forskellige iPhone- og iPad-størrelser, inklusive portræt og liggende. Det understøtter også mere avancerede funktioner, såsom stakke (en speciel type gruppe, der definerer layoutene for dets underordnede lag), og forudindstillinger til både Android og iOS. Se deres “Eksempler” -side for mere information.

Bemærk: Dette er kun nogle af de plugins, som jeg synes kan være mest nyttige for dig, men der er mange andre. For at vide mere skal du blot besøge Sketches officielle pluginside eller webstedet for Sketch App Kilder regelmæssigt.

Afsluttende tanker

Skitsymboler er i konstant udvikling, så vi kan forvente yderligere forbedringer, der vil gøre dem endnu mere værdifulde og relevante. Men hvis jeg bare skulle navngive en ting, som jeg gerne ville have, at de skulle have, ville det være muligheden for at have fælles symbolers biblioteker, noget som Figma laver. Dette kan være yderst nyttigt, især til teamarbejde, når flere designere, der arbejder på det samme projekt, skal vælge elementer fra et primært, altid ajourført dokument, der er gemt i skyen.

Bemærk: Med hensyn til denne funktion er jeg klar over, at Sketch's team arbejder på den, så forhåbentlig ser vi den snart. Det mere åbne format i version 43 lægger sandsynligvis grundlaget for denne funktion. I alle tilfælde ser jeg frem til det, fordi dette kunne være en spiludveksler i mange designerarbejdsgange.

Sandheden skal siges, der er i øjeblikket nogle plugins, der hjælper dig med at udføre mere eller mindre den samme adfærd, der er nævnt ovenfor, men jeg synes altid det er mere pålidelige, når de bliver en del af Sketchs kernefunktionalitet - hvilket sikrer, at funktionen fortsætter med at fungere, når software opdateres til den næste version.

Jeg er klar over, at der er mange flere teknikker og tricks. Den måde, man arbejder på, plejer at være slags personlig nogle gange, og der er ingen eneste rigtige måde at gøre noget på. Her har jeg delt de teknikker, som jeg synes er pålidelige, interessante og ikke kræver meget hacking. Derfor blev nogle teknikker udeladt fra denne artikel.

Jeg håber, at dette var en nyttig læsning! Hvis det var det, vil symboler sandsynligvis blive rygraden i dine designs, og du vil bruge dem ret ofte. Du er velkommen til at dele dine tanker og andre tip og tricks i kommentarerne herunder. Du kan også altid kontakte mig på Twitter, hvis du har brug for hjælp!

Tak fordi du læste! Hvis du fandt dette nyttigt eller interessant, skal du trykke på knappen ❤ nedenfor.

Jeg lægger også (synes jeg) interessante ting på Twitter.
Denne artikel blev oprindeligt offentliggjort på Smashing Magazine.