Skitseanmeldelse og vurdering

Sketch er hurtigt klar til at konkurrere og er klar til at overhale Photoshop som prototypingværktøjet til interface til go-to interface, til det punkt, at mange udviklere nu foretrækker designere at aflevere Sketch-filer snarere end lagdelte Photoshop-filer. I modsætning til Photoshop blev den grafiske software Sketch bygget fra bunden til design af interaktive grænseflader. Det opretter live comps, så klienter kan få et forhåndsvisning af, hvad der sker, når de klikker, skyder eller tapper på dit design på deres desktop, laptop, tablet eller telefon. På grund af alt dette kan designere, der bruger Photoshop til at oprette brugergrænseflader til desktops og mobile enheder, give Sketch et nærmere kig.

Skælet kommer fra Holland og er et kun Mac-program for vektordesign med fokus på at skabe interaktive prototyper af web- og appdesign. Den slags arbejdsdesign, som Sketch producerer, giver dine klienter en bedre fornemmelse af, hvordan alt ser ud og reagerer. Det giver dem til gengæld mulighed for at give mere nyttig feedback om funktionaliteten (brugergrænseflade eller UI) og brugeroplevelse (UX) og tillader følgelig informeret godkendelse i forvejen af ​​udviklingsstadiet - bremser frustration og sparer tid og penge.

Sketchs forholdsvis nylige opfattelse (2008) var fokuseret på samarbejdsdesign til skærme, så det har en kant over Photoshop, der debuterede 30 år tidligere, da ordskærmen havde at gøre med at måle halvtones tæthed. Designere begyndte at læne sig om Adobe Photoshop for at organisere og aflevere interface designfiler, fordi det var det bedste værktøj i boksen til at få jobbet gjort - ikke fordi det var et værktøj, der er bygget specielt til det formål.

Sketch er dog ikke alene i UX-designrummet. Adobe XD (XD står for Experience Design), der blev frigivet i 2016 som en del af Adobes Creative Cloud til Windows og Mac, er også et vektorbaseret værktøj til wireframing og produktion af interaktive klik-gennem-prototyper.

En anden vektorbaseret konkurrent, der er udråbt som "verdens mest kraftfulde skærmdesignværktøj", er Studio fra den tunge vægt for designsystemstyringsplatform, InVision (gratis for en prototype, $ 25 pr. Måned for ubegrænsede prototyper). I modsætning til Sketch og XD har Studio et indbygget avanceret animationsmodul. Arbejde udført i Sketch kan synkroniseres til InVision-platformen ved hjælp af deres egen Craft Manager-plugin. Adobe tilbyder en gratis XD-startplan, der har begrænset (2 GB) opbevaring og brug af en del af Adobe Fonts-samlingen. Den fulde version af XD er tilgængelig som en del af Adobe Creative Cloud (CC) -abonnementet, fra $ 20.99 pr. Måned for den enkelte app, eller fra $ 54.99 pr. År for alle Creative Cloud-apps, inklusive Illustrator, InDesign og Photoshop.

Sketch bruger en variant på en abonnementsmodel, der koster $ 99 per år per enhed (enten en computer eller mobil), for enkeltpersoner. Dette inkluderer et års opdateringer og Sketch Cloud (til online deling og samarbejde), hvorefter du muligvis kan beholde og bruge din nuværende version for evigt eller forny for $ 69 pr. År for at genvinde regelmæssige opdateringer og cloud-fordele. Volumenlicenser spænder fra $ 64 pr. År pr. Enhed for to til ni enheder ned til $ 49 hver for 50 eller flere enheder.

Det er værd at bemærke, at når du køber en licens, har du kun ret til et enkelt sæde (kun til brug på en computer). Hvis du bruger flere Mac-computere, som et skrivebord og en bærbar computer, er du ude af held og bliver nødt til at købe to sæder. Mange abonnementsbaserede apps tillader to pladser pr. Licens som en god tur for de hårdtarbejdende kreative, der sliter på deres skrivebord på kontoret og på deres bærbare computer derhjemme. En relateret ulempe er, at hvis du vil bruge Sketch på en ny Mac, eller hvis du har været nødt til at omformatere dit drev, skal du afregistrere Sketch fra din gamle maskine / drev og derefter registrere dig igen.

Kom godt i gang

Sketch er en snap, der kan downloades fra virksomhedens side (sketchapp.com); der er en 30-dages gratis prøveperiode uden kreditkort krævet. Sketch kræver MacOS 10.13.4 (High Sierra) eller nyere. Virksomheden advarer om, at hvis du arbejder med komplekse dokumenter med flere sider med hundreder af tegnebræt, anbefales en af ​​de mere kraftfulde, RAM-indlæste Mac-computere. Jeg testede Sketch 53.2 på en MacBook Pro 2018 med en 2, 9 GHz Intel Core i9-processor, 32 GB RAM og et Radeon Pro 560X-grafikkort.

Lige på downloadsiden tilbyder Sketch en begynderguide, omfattende dokumentation, tutorials og tip og links til dets sociale medier og udviklerfællesskaber, blog og chats og Dribble. Det er imødekommende og inspirerende at se en liste over globale designsamfundsmøder og begivenheder. Derudover tilbyder webstedet et væld af gratis og premium Sketch App UX / UI-ressourcer, inklusive wireframe-sæt, mobile UI-sæt, skabeloner, mockups, instrumentpaneler, koncepter og ikoner.

Grænseflade og lærred

Skitse fører som eksempel og giver et rent, kontekstuelt brugergrænseflade med tre hovedafsnit - og (efter design) ingen flydende paneler. Hvis du allerede er Mac-bruger, finder du Sketch UI velkendt, fordi den er modelleret på grænsefladerne til Apple-apps som Pages, Numbers og Keynote. Med denne seneste version understøttes Apples Dark Mode nu.

På venstre side af skærmen finder du sidelisten med en fortegnelse over dine lag, individuelle indholdselementer på disse lag og tegnebræt og det navngivne indhold derpå. Til højre er inspektøren, hvor du kan fikle med egenskaberne for indholdet på hvilket lag du har valgt. På toppen har du værktøjslinjen, der indeholder værktøjer og handlinger. Midtstadiet er dit lærred, hvor du skaber magien.

Sidelisten gør det nemt at organisere, tildele eller ændre lag samt lade dig navngive, gruppere, vælge og duplikere indholdsemner, så din arbejdsgang er effektiv. Du vil være i tip-top-form, når det er tid til at aflevere filer til en udvikler.

Sketch smører din arbejdsgang ved at lette eller automatisere almindelige opgaver med let at fremstille biblioteker, tekst- og lagstilarter, symbolinstanser og forudindstillinger. Derudover er der hundredvis af tidsbesparende UI-sæt, skabeloner og plug-ins tilgængelige, der yderligere udvider Sketch's funktionalitet på et utal af måder.

Tegning og indstilling i skitse

Som en gepard skal køre, er Sketch til prototyper. En gepard er bestemt i stand til at gå, men hvad den har udviklet sig til er at køre. Ligeledes kan du absolut tegne Sketch, og det er OK til det, men det ekstraordinære ved Sketch er dens prototyper. Det er alligevel værd at få et overblik over, hvad der kan gøres med Sketchs tegneværktøjer.

Al oprettelse, import og samling af indhold begynder med et klik på rullemenuen Indsæt. Der finder du den forventede form, tegning og tekstværktøjer. Bekvemt til højre er arrangementet operationer som bringe foran, justering og distribution; og ikke-destruktive basiske boolske værktøjer som Union, Subtrahering, Kryds og Forskel. De intuitive og effektive vektorværktøjer tillader oprettelse og redigering af figurer, deres punkter og Bezier-kurver. Mens Sketch kan håndtere vigtige tegneopgaver, er det ikke Illustrator - og det er det heller ikke meningen.

Grundlæggende typografi i Sketch er ligetil med velkendte Microsoft Word-lignende funktioner sammen med dekorative muligheder for skygger, fyld og rammer. Formatering af blokke af typen kan kræve en vis manuel indsats i Sketch, som for eksempel ikke understøtter faneblad - du skal bruge mellemrumstasten for at simulere den ønskede effekt. Det er helt fint, fordi enhver kompleks typer er ikke til rådighed, når man designer responsive layouts: Alt typografisk (størrelse, linjeskift, bindestreg osv.) Ændres, når det ses på de forskellige enheder i forskellige størrelser.

Prototyping og responsivt design

I modsætning til andre tegneprogrammer (men meget ligesom Adobe XD) letter Sketch opbygningen af ​​en interaktiv prototype. For at simulere stien på dit websted eller din app (UI), og hvordan oplevelsen (UX) vil være, kan du tildele bestemte områder som rulle eller ikke-rulle, link og krydsforbindelsesmenuer, symboler, sektioner, sider og forekomster, og definer hotspots (klikbare områder). Ikke kun kan du forhåndsvise din indsats fra appen, men du kan også bruge Sketch Mirror (mere om denne funktion nedenfor).

En ny skønhed i Sketch er, at du kan udfylde prototype og forme felter med dynamiske realistiske data i stedet for at blive bundet til det sædvanlige Lorum Ipsum-tedium. I valgte tekst- eller formlag kan du tildele en kildefil, hvorfra tekst eller billeder importeres.

Sketch spiller ganske pænt med andre - og ikke kun inden for appen. Det var en fryd at opdage, at jeg kunne kopiere og indsætte et ikon oprettet i Illustrator. Efter import oprettede Sketch et grupperet lag til min kunst, og derfra kunne jeg bruge ikonet som det er, tilføje det til et bibliotek eller oprette et symbol - ligesom du kan med enhver kunst, der er oprettet i appen.

På dagens marked skal ethvert veludformet, skærmbestemt design være lydhør. Dette betyder, at indhold i en appskærm eller webside automatisk ændrer størrelse og skifter, afhængigt af visningsenheden (desktop, laptop, mobil, tablet). Så ændrer størrelsen på tekst, ændrer linjeskift og billeder skrumper, udvides eller skjules, afhængigt af hvad der ser bedst ud på hver enhed.

I Sketch skal du oprette variantlayouts og forenklinger af de forskellige aspektforhold manuelt ved at kopiere og indsætte hvert element eller gruppe. Jeg vil dog gerne ønske, at der var en smart-justeringsindstilling til responsive layoutmodifikationer svarende til Responsive Resize in XD eller endda InDesigns funktion til at justere layout. Selvom justering af layout næsten aldrig giver en perfekt løsning, sparer det bestemt tid og giver et bedre sted at starte end en tom side.

Til forhåndsvisning af dine Sketch-design i realtid på dine enheder er der den gratis Sketch Mirror til iOS samt flere apps til at gøre det på Android-enheder. I alle tilfælde har enheder brug for Wi-Fi eller en USB-forbindelse. At tage informerede designbeslutninger er til gavn for nogens arbejdsgang, og med det formål at se dine justeringer, afgrøder og tekststørrelse live med Sketch Mirror på den egentlige enhed er et tungt aktiv.

Output og samarbejde

Når dit arbejde er klar til klientfeedback eller teamsamarbejde, er der flere måder at dele. Den primære metode er at uploade dit dokument til Sketch Cloud. Efter uploaden får du en URL og kan vælge, hvem du vil invitere til at se dokumentet, og indstille et af tre adgangsniveauer: Kommentar, download eller Brug som bibliotek. Enhver med linket kan bruge de indbyggede kommentareværktøjer, og hvis de åbner siden på en tablet eller telefon, kan de se en forhåndsvisning af tegnebrættet i fuld opløsning, så længe der er et layout til deres enhed.

Biblioteker forbinder dig og dit team til dine projektaktiver og forudindstillinger. Oprettelse af disse i Sketch er en leg, og det er en smart metode til at opbevare fleksible mærkefordele på et enkelt, globalt tilgængeligt sted - hvad enten det er lokalt på din harddisk, på din server eller endda i tredjeparts skybaserede lagerhuse som Dropbox. Et bibliotek er blot en anden sketside i dit dokument, som du udpeger som et bibliotek, hvilket gør det tilgængeligt og praktisk til tilføjelse eller revision af aktiver.

Hvis du redigerer et symbol, du har oprettet, når du (eller nogen anden, der samarbejder om dokumentet) vender tilbage til dit designdokument, finder du en meddelelse øverst til højre på skærmen, der advarer dig om opdateringen. Derefter kan du vælge at klikke for at opdatere, eller du kan beslutte at fjerne grafik fra biblioteket. Skitse er stor med hensyn til rækkefølge og organisation, så når du klikker på den alarm, vises der et dialogvindue, der viser dine bibliotekskomponenter, og viser både det forældede symbol og det opdaterede symbol side om side. Det er dejligt at have komplette oplysninger lige ved hånden.

Alternativt kan du eksportere tegnebræt som PDF-sider, der kan markeres med kommentarer i Apple Preview, Adobe Acrobat eller enhver anden PDF-visningssoftware. Sketch eksporterer også grafik, skiver og sider som JPG-, PNG- og SVG-filer. Hvad mere er, det kan eksportere kode til SVGs og CSS attributter.

Intet skitseret ved denne app

Sketch er et fuldt udbygget værktøj født for designere, der skaber skærmbaserede designoplevelser, og det gør dette mesterligt. Med sin velkendte (til Mac-brugere), intuitive grænseflade og lette tværsamarbejde mellem designere og deres klienter, har Sketch opnået sit sunde omdømme som go-to prototyping-værktøjet, fordi det letter og fremskynder designvalidering og godkendelsesprocessen. For at få det ultimative inden for vektorillustrationskapaciteter, skal du se til vores redaktørernes valg, Adobe Illustrator.