Share
Skisse er et grafikkprogram for designere, som utlåner seg veldig pent til verden av webdesign. Hvis du er ny på det, kan du ikke være oppmerksom på noen av triksene Sketch har, skjult under overflaten. I dag vil jeg gjerne løpe gjennom noen topptips for å få fart på design arbeidsflyten.
I fjor fikk Sketch et friskt lick med versjon 2, og siden da har flere og flere designere blitt byttet til den. Dens enkelhet gjør det uten tvil mer intuitivt enn Photoshop (som, ikke glem, ble opprinnelig bygget for redigering og behandling av bilder), mens vektorverktøyene er mer enn i stand til å ta på Illustrator. Skisse er ikke et redigeringsverktøy for bitmap. Den har en piksel forhåndsvisning, men er bygget for å hjelpe deg med å designe grensesnitt og ikoner.
Svært nylig utgav Tisho Georgiev et flott plugin for Sketch. Kalt Symboler, det gir oss muligheten til å etterligne smarte objekter; en funksjon som Sketch for øyeblikket ikke støtter.
Smarte objekter gir deg mulighet til å ha flere forekomster av ett objekt i dokumentet. Ved å redigere noen av de smarte objektene, trykk deretter CMD + E, Du ser de endringene som er gjort i alle tilfeller.
Skisse støtter mange hurtigtaster. Et slikt eksempel er for "Smart Guides".
Ved å ta en gjenstand og deretter trykke ALT (eller OPTION), Smart Guides vil dukke opp, markere avstanden mellom det valgte objektet og dokumentkanter. Hvis du vil kontrollere avstanden mellom det valgte objektet og et annet objekt, må du bare sveve det ønskede objektet og Smart Guides justerer.
Å lage et rutenett er rett fram, men det kan være enda enklere og renere med Sketch!
Sketch har en funksjon, bare kalt "Create grid". Klikk på de fire boksene i underverktøylinjen (vist øverst til høyre i bildet) for å avsløre en popup-meny hvor du kan definere hvor mange rader og hvor mange kolonner du vil arrangere de valgte objektene i.
Hvis du vil spesifikt definere området rundt hvert objekt, så vel som avstanden mellom, kan du velge Boxed alternativ.
Hvis du bruker illustrasjonsbrett (Sketch har et uendelig lerret som standard) Det er nyttig å bruke Artboard-forhåndsinnstillinger. Når du klikker på Artboard-knappen på verktøylinjen, får du muligheten til å velge forhåndsinnstillinger fra underverktøylinjen.
Forhåndsinnstillinger lar deg organisere arbeidet ditt med forhåndsdefinerte dimensjoner. For eksempel kan du bygge et dokument med en rekke tavler, så du trenger ikke å huske alle de forskjellige faviconstørrelsene som trengs i disse dager!
Sketch kan lage en ny fil direkte fra en mal gjennom menyelementet Fil> Ny fra mal, men du kan også lagre en nåværende fil som en mal for å starte hvert prosjekt fra ditt nåværende stadium. Gå til Fil> Lagre som mal å gjøre dette.
Dette kan være svært nyttig, for eksempel når du designer for iOS. Du kan opprette en fil med statuslinjen og navigasjonslinjen, og lagre den som en mal, slik at du kan bruke den senere i kommende iOS-prosjekter.
Som nevnt tidligere tilbyr Sketch mange snarveier. Ta en titt på Sketch Shortcuts av Robert van Klinken og Jeffrey de Groot. Den har (nesten) hver snarvei Sketch tilbud.
Du kan også lage dine egne snarveier via OS X System Preferences - noen eksempler som vises ved foten av siden Sketch Shortcuts.
For å enkelt velge en farge hvor som helst på skjermen, trykk bare på CTRL + C. En loupe åpnes, for å hjelpe deg med å velge akkurat den fargen du sikter på. Virkelig enkelt. Virkelig effektiv.
La meg raskt vise deg den beste funksjonen som følger med Sketch. Det hjelper deg med å få piksler perfekt plassert i ditt design.
Hvis du for eksempel har et lag som inneholder pikselfraksjoner i bredde eller høyde, eller ikke er plassert veldig bra, kan du vanligvis (i andre grafikkpakker) få hodepine som fester de ødelagte bildene for å oppnå skarp perfeksjon. I Sketch, klikk på Rediger> Rund til nærmeste pikselkant (eller lag en tilpasset snarvei for den) og hele laget blir ryddet opp.
Du må kanskje bruke denne funksjonen etter at du har importert ikoner til en skissefil, pass på å rulle dem til nærmeste pikselkant for å være sikker på at de er piksel perfekt.
Merk: Hvis du designer i @ 2x (for høy pixel tetthetsskjermer) og eksporterer i @ 1x, vær oppmerksom på at hver pikselposisjon må deles med to, ellers splitter du piksler igjen, og laget vil bli uklart i @ 1x utfall.
Merk igjen: Ta en titt på Meng To's artikkel for å lære mer om piksel perfeksjon.
Eksportering er en flott funksjon som kommer ut av esken med Sketch. Bare gå til Fil> Eksporter og tegne så mange skiver som du trenger. Du kan også eksportere som @ 2x, hvis du er utformet i @ 1x, og omvendt.
Sketch tilbyr enda mer skivkontroll. Med menyelementet Fil> Legg til stykke fra utvalg Du kan velge et lag som du nylig har opprettet, og klikk deretter på dette elementet for å få et stykke som er akkurat størrelsen på utvalget.
Det er mange nyttige funksjoner, utvidelser og arbeidsflyter tilgjengelig for Sketch. Bruk de ovennevnte tipsene for å forbedre arbeidsflyten din og gi oss beskjed om dine egne forslag i kommentarene!
Accentsconagua