Skitsevejledninger

”Jeg vidste ikke, at Sketch kunne gøre det!”

Her er nogle tricks til at forbedre din Sketch-arbejdsgang og imponere dine designervenner på kaffebaren

Hvis jeg skriver for meget her oppe, vil du bare ende med at springe til GIF'erne alligevel, men i tilfælde af at du læste dette, tilføj en kommentar til denne artikel, der siger "Jon, du havde mig alt forkert! Min interesse hænger på dit hvert ord. ”Nyd!

1. Træk og slip for at udskifte en formfyldning

Den hurtigste måde at udskifte en fotoudfyldning i en form med et foto på R2D2:

“Bip bop boop bip bip bip.” - R2D2

Sådan gør du: Vælg den form, du vil udfylde, åbn fyldpaletten og træk et foto ind i billedvinduet ved siden af, hvor det står "Vælg billede ..."

2. Træk og slip for at tilsidesætte et symbolfoto

Den hurtigste måde at udskifte et fotoudfyldning af et symbol med et trendy billede af en MacBook på et overdrevent rent hjemmekontor:

Denne er især praktisk til at udskifte fotos på en liste over brugere. Tjek http://www.diverseui.com for brugerbilleder.

Sådan gør du: Vælg det symbol, du vil tilsidesætte, og træk et foto ind i billedvinduet ved siden af, hvor det står "Vælg billede ..." 🖥

3. Billedteksttekster, der kan ændres til størrelse

Den hurtigste måde at oprette størrelse, der kan ændres til størrelse, der opretholder deres afstand, fordi klienten bestemt ikke ønsker billedet så stort:

Jeg var nødt til at se på min MacBook for at se, om jeg skulle aktivere “B” i MacBook.

Sådan gør du: Tilføj et billede, tilføj en tekst under, der er den samme bredde som billedet. Gruppér dem. Indstil dem begge til "Ændre størrelse". Din billedtekst indpakkes korrekt og opretholder afstanden fra bunden af ​​billedet

4. Træk-og-slip-design til slap

Den hurtigste måde at få en anden mening om Slack fra den fyr, der er alt for kritisk til alt *:

Bestil bestemt ikke vores chat.

* (jk, han er virkelig god)

Sådan gør du: Træk et lag, gruppe eller tegnebræt fra skitse direkte ind i Slack. Hold Skift nede for at omgå upload-dialogen og upload med det samme.

5. Brug et foto som en tekstudfyldning

Denne er lettere med Craft-plugin til Sketch by InVision, fordi det giver dig mulighed for hurtigt at købe fotos online.

Den hurtigste måde at fylde tekst på med et foto af en velsmagende dessert uden faktisk at skulle skitsere teksten og bruge den som en maske:

Jeg opdagede dette helt ved et uheld, ligesom da jeg opdagede, at mælken var gået dårligt i køleskabet.

Sådan gør du: Vælg det tekstlag, du vil udfylde. Åbn fanen "Data" fra Craft-pluginstrimlen. Find et foto i Brugerdefineret / Web / JSON, og klik på det for at udfylde din tekst med billedet.

** REDIGERING: Du kan også gøre dette ved blot at tilføje et billedfyld på selve teksten. Jeg glæder sig ganske vist altid, at tekst har både tekstfarve og tekstudfyldning. Lidt overflødigt, hvis du spørger mig, men det er, hvad det er :) Tak til Ryan J på Designer News for at have påpeget denne [meget åbenlyse ting] til mig!

6. Fastgør en tekst til en sti

Den hurtigste måde at samtidigt klikke tekst på en sti og få en klassisk Disney-sang fast i nogens hoved:

Gemte dig en Google-søgning: https://www.youtube.com/watch?v=4DE5a80I8EU

Sådan gør du: Tegn en sti med penværktøjet (genvej: V) eller ved at slette vektorpunkter af en form (som jeg gjorde for halvcirklen ovenfor). Giv det en kant, så det er lettere at se. Vælg den ønskede tekst på stien. Vælg “Tekst på sti” i menuen Type. Træk din tekst mod den tilsigtede sti. Din tekst klikker automatisk på den. Snappy!

7. Super brugerdefineret typografi

Den hurtigste måde at tilpasse type ligaturer, kontekstuelle alternativer og andre indstillinger, som du ikke helt forstår:

Dette er faktisk ganske praktisk til at indstille de hurtige stat-numre på dit instrumentbræt til at blive monospaceret for lettere at læse.

Sådan gør du: Vælg noget tekst og fremhæv den (dette er den eneste måde at anvende disse brugerdefinerede indstillinger ... det fungerer ikke, hvis du bare vælger tekstlaget). Vælg Vis → Vis skrifttyper, og vælg derefter Typografi i rullemenuen med indstillinger øverst til venstre i dialogboksen Skrifttyper. Den resulterende dialog vil indeholde alle tilgængelige avancerede indstillinger for den valgte font.

8. Perfekte kortnet

Den hurtigste måde at oprette et gitter kort og formilde din design manager, der er en total nitpixeler om ting som endda kortafstand

Jk, jeg er fuldstændig den fyr.

Men alvorligt er Playfair Display et fantastisk skrifttype.

Sådan gør du: Vælg det element, du vil oprette et gitter. Vælg Make Grid fra værktøjslinjen eller fra Arranger → Make Grid. Vælg hvor mange rækker og kolonner, du vil have, og indstil den tagrender, du ønsker, mellem hvert element. 🂡

Læs nu dette:

Når jeg ikke skriver, arbejder jeg på Sketch-designværktøjer som UX Power Tools for at gøre dig til en bedre og mere effektiv designer. Alle de bedste Sketch-designere bruger det, og jeg tror, ​​du måske også kan lide det. Tjek det på Marvel!

Følg UX Power Tools på Twitter
Følg mig på Twitter