Skisse gjennomgang og vurdering

Sketch er raskt klar til å konkurrere, og er klar til å overhale Photoshop som prototypingverktøyet fra go-to-grensesnittet, til det punktet at mange utviklere nå foretrekker at designere deler ut Sketch-filer i stedet for lagdelte Photoshop-filer. I motsetning til Photoshop, ble den grafiske programvaren Sketch bygget fra grunnen av for å designe interaktive grensesnitt. Det lager livekomponenter slik at klienter kan forhåndsvise hva som skjer når de klikker, sveiper eller trykker på designen din på skrivebordet, den bærbare datamaskinen, nettbrettet eller telefonen. På grunn av alt dette kan designere som bruker Photoshop for å lage brukergrensesnitt for stasjonære maskiner og mobile enheter, se nærmere på Sketch.

Sketch fra Nederland, er et vektordesignprogram som kun er av Mac med fokus på å lage interaktive prototyper av web- og appdesign. Den slags arbeidsdesign som Sketch produserer lar kundene dine få en bedre følelse av hvordan alt ser ut og svarer. Dette igjen gir dem mulighet til å gi mer nyttig tilbakemelding om funksjonaliteten (brukergrensesnitt, eller brukergrensesnitt) og brukeropplevelse (UX), og følgelig tillater informert godkjenning i forkant av utviklingsstadiet - som demper frustrasjon og sparer tid og penger.

Sketchs relativt nyere oppfatning (2008) var fokusert på samarbeidsdesign for skjermer, så den har en kant over Photoshop, som debuterte 30 år tidligere, da ordskjermen hadde å gjøre med å måle tettheten av halvtoner. Designere begynte å lene seg på Adobe Photoshop for å organisere og overlate grensesnittdesignfiler fordi det var det beste verktøyet i boksen for å få jobben gjort - ikke fordi det var et verktøy bygget spesielt for det formålet.

Sketch er imidlertid ikke alene på UX-designrommet. Adobe XD (XD står for Experience Design), utgitt i 2016 som en del av Adobes Creative Cloud for Windows og Mac, er også et vektorbasert verktøy for wireframing og produsering av interaktive klikk-prototyper.

En andre vektorbasert konkurrent, som er "verdens kraftigste skjermdesignverktøy", er Studio fra plattformen for tung styringssystemstyring, InVision (gratis for en prototype, $ 25 per måned for ubegrensede prototyper). I motsetning til Sketch og XD, har Studio en innebygd avansert animasjonsmodul. Arbeid utført i Sketch kan synkroniseres til InVision-plattformen ved hjelp av deres egen Craft Manager-plugin. Adobe tilbyr en gratis XD-startplan som har begrenset (2 GB) lagring og bruk av en del av Adobe Fonts-samlingen. Den fullstendige versjonen av XD er tilgjengelig som en del av Adobe Creative Cloud (CC) -abonnementet, fra $ 20.99 per måned for en enkelt app, eller fra $ 54.99 per år for alle Creative Cloud-apper, inkludert Illustrator, InDesign og Photoshop.

Sketch bruker en variant på en abonnementsmodell, koster $ 99 per år per enhet (enten en datamaskin eller mobil), for enkeltpersoner. Dette inkluderer ett års oppdateringer og Sketch Cloud (for deling og samarbeid på nettet), hvoretter du kan beholde og bruke din nåværende versjon for alltid eller fornye for $ 69 per år for å gjenvinne vanlige oppdateringer og skyfordeler. Volumlisensiering varierer fra $ 64 per år per enhet for to til ni enheter ned til $ 49 hver for 50 eller flere enheter.

Det er verdt å merke seg at når du kjøper en lisens, har du rett til kun et enkelt sete (kun til bruk på en datamaskin). Hvis du bruker flere Mac-maskiner, som et skrivebord og en bærbar datamaskin, er du ute og held og trenger å kjøpe to seter. Mange abonnementsbaserte apper tillater to seter per lisens som en god sving for de hardtarbeidende reklamen som sliter på skrivebordet sitt på kontoret og på den bærbare datamaskinen hjemme. En relatert ulempe er at hvis du vil bruke Sketch på en ny Mac, eller hvis du har måttet omformatere stasjonen, må du avregistrere Sketch fra din gamle maskin / stasjon og deretter registrere deg på nytt.

Starter

Sketch er et blunk å laste ned fra selskapets side (sketchapp.com); Det er en 30-dagers gratis prøveperiode uten kredittkort. Skisse krever MacOS 10.13.4 (High Sierra) eller nyere. Selskapet advarer om at hvis du jobber med komplekse, flersidede dokumenter med hundrevis av tavler, anbefales en av de kraftigere, RAM-lastede Mac-maskinene. Jeg testet Sketch 53.2 på en MacBook Pro 2018 med en 2, 9 GHz Intel Core i9-prosessor, 32 GB RAM og et Radeon Pro 560X grafikkort.

Rett på nedlastingssiden tilbyr Sketch en nybegynnerguide, omfattende dokumentasjon, veiledninger og tips, og lenker til sosiale medier og utviklermiljøer, blogg og chatter og Dribble. Det er innbydende og inspirerende å se en liste over møter og begivenheter for globalt designsamfunn. I tillegg tilbyr nettstedet et mangfold av gratis og premium Sketch App UX / UI-ressurser, inkludert wireframe-sett, mobile UI-sett, maler, mockups, instrumentpaneler, konsepter og ikoner.

Grensesnitt og lerret

Skisse fører som eksempel og gir et rent, kontekstuelt brukergrensesnitt med tre hoveddeler - og (etter design) ingen flytende paneler. Hvis du allerede er Mac-bruker, vil du finne Sketch UI kjent, fordi den er modellert på grensesnittene til Apple-apper som Pages, Numbers og Keynote. Med denne siste versjonen støttes nå Apples Dark Mode.

På venstre side av skjermen finner du sidelisten med en oversikt over lagene dine, individuelle innholdselementer på de lagene og tegnebrettene og det navngitte innholdet derpå. Til høyre er inspektøren hvor du kan fikle med egenskapene til innholdet på hvilket lag du har valgt. Øverst har du verktøylinjen som inneholder verktøy og handlinger. Midtstadiet er lerretet ditt der du lager magien.

Sidelisten gjør det enkelt å organisere, tilordne eller endre lag, samt la deg navngi, gruppere, velge og duplisere innholdselementer slik at arbeidsflyten er effektiv. Du vil være i topp topp når det er på tide å dele ut filer til en utvikler.

Skisse smører arbeidsflyten din ved å forenkle eller automatisere vanlige oppgaver med lett å lage biblioteker, tekst- og lagstiler, symbolforekomster og forhåndsinnstillinger. I tillegg er det hundrevis av tidsbesparende brukergrensesnitt, maler og plugins som er tilgjengelige som utvider Sketches funksjonalitet på mange måter.

Tegning og typesetting i skisse

Som en Cheetah skal løpe, er Sketch til prototyping. En gepard er sikkert i stand til å gå, men det den har utviklet seg for er å løpe. På samme måte kan du absolutt tegne Sketch, og det er OK for det, men det som er ekstraordinært med Sketch, er prototypingen. Likevel er det verdt å få oversikt over hva som kan gjøres med Sketchs tegneverktøy.

All oppretting, import og montering av innhold begynner med et klikk på rullegardinmenyen Sett inn. Der finner du forventet form, tegning og tekstverktøy. Arrangeringsoperasjonene er praktisk til høyre, for eksempel å bringe foran, justering og distribusjon; og ikke-destruktive grunnleggende boolske verktøy som Union, Subtract, Crossing and Difference. De intuitive og effektive vektorverktøyene tillater oppretting og redigering av figurer, poengene deres og Bezier-kurver. Mens Sketch kan håndtere viktige tegneoppgaver, er det ikke Illustrator - og det er det heller ikke meningen.

Grunnleggende typografi i Sketch er enkelt, med kjente Microsoft Word-lignende funksjoner sammen med dekorative alternativer for skygger, fyll og grenser. Formatering av blokker av type kan kreve en viss manuell innsats i Sketch, som for eksempel ikke støtter tabbing - du må bruke mellomromstasten for å simulere ønsket effekt. Det er helt fint, fordi alle komplekse typer er til intet når du designer responsive oppsett: Alt typografisk (størrelse, linjeskift, bindestrekning og så videre) endres når det vises på de forskjellige enhetene i forskjellige størrelser.

Prototyping og responsiv design

I motsetning til andre tegneprogrammer (men veldig mye som Adobe XD), letter Sketch å bygge en interaktiv prototype. For å simulere stien til nettstedet eller appen din (UI), og hvordan opplevelsen (UX) vil være, kan du tilordne bestemte områder som rulle eller ikke-rulle, lenke og krysskoblingsmenyer, symboler, seksjoner, sider og forekomster, og definer hotspots (klikkbare områder). Ikke bare kan du forhåndsvise innsatsen din fra appen, men du kan også bruke Sketch Mirror (mer om den funksjonen nedenfor).

En ny skjønnhet i Sketch er at du kan fylle prototype og forme felt med dynamiske realistiske data i stedet for å bli bundet til den vanlige Lorum Ipsum tedium. I valgte tekst- eller formlag kan du tilordne en kildefil som importerer tekst eller bilder fra.

Skisse spiller ganske fint med andre - og ikke bare i appen. Det var en fryd å oppdage at jeg kunne kopiere og lime inn et ikon opprettet i Illustrator. Ved import opprettet Sketch et gruppert lag for kunsten min, og derfra kunne jeg bruke ikonet som det er, legge det til et bibliotek eller lage et symbol - akkurat som du kan med hvilken som helst kunst laget i appen.

I dagens marked må enhver veluttenkt skjermdestinert design være lydhør. Dette betyr at innhold i en app-skjerm eller webside automatisk endrer størrelse og skifter, avhengig av visningsapparatet (stasjonær, bærbar PC, mobil, nettbrett). Så, endrer størrelse på tekst, endrer linjeskift og bilder krymper, utvides eller gjemmes, avhengig av hva som vil se best ut på hver enhet.

I Sketch må du opprette variantoppsett og forenklinger av de forskjellige sideforholdene manuelt ved å kopiere og lime inn hvert element eller gruppe. Jeg ønsker imidlertid at det var et smart-justeringsalternativ for responsive layoutmodifikasjoner som tilsvarer Responsive Resize i XD eller til og med InDesigns justeringslayout-funksjon. Selv om justeringsoppsett nesten aldri gir en perfekt løsning, sparer det absolutt tid og gir et bedre sted å starte enn en blank side.

For å forhåndsvise Sketch-designene dine i sanntid på enhetene dine, er det gratis Sketch Mirror for iOS, i tillegg til flere apper for å gjøre det på Android-enheter. I alle tilfeller trenger enheter Wi-Fi eller en USB-tilkobling. Å ta informerte designbeslutninger er til fordel for noens arbeidsflyt, og med det formål å se justeringer, avlinger og tekststørrelse direkte med Sketch Mirror på den faktiske enheten, er det en tung eiendel.

Utgang og samarbeid

Når arbeidet ditt er klart for tilbakemelding fra kunder eller team-samarbeid, er det flere måter å dele. Den primære metoden er å laste opp dokumentet til Sketch Cloud. Etter opplastingen får du en URL og kan velge hvem du vil invitere til å se dokumentet, og angi et av tre tilgangsnivåer: Kommentar, Last ned eller Bruk som bibliotek. Alle med lenken kan bruke de innebygde kommenteringsverktøyene, og hvis de åpner siden på et nettbrett eller telefon, vil de kunne forhåndsvise tegnebrettet (er) i full oppløsning, så lenge det er en layout for enheten deres.

Biblioteker kobler deg og teamet ditt til prosjektets eiendeler og forhåndsinnstillinger. Å lage disse i Sketch er en lek og det er en smart metode for å lagre fleksible merkevareeiendeler på et enkelt, globalt tilgjengelig sted - enten det er lokalt på harddisken, på serveren din, eller til og med i tredjeparts skybaserte lagre som Dropbox. Et bibliotek er bare en skisside i dokumentet du utpeker som et bibliotek, noe som gjør det tilgjengelig og praktisk for å legge til eller revidere eiendeler.

Hvis du redigerer et symbol du har laget, når du (eller noen andre som samarbeider om dokumentet) kommer tilbake til designdokumentet ditt, finner du en melding øverst til høyre på skjermen som varsler deg om oppdateringen. Du har da valget mellom å klikke for å oppdatere, eller du kan bestemme deg for å fjerne grafikken fra biblioteket. Skissen er stor på ordre og organisering, så når du klikker på det varselet, dukker det opp et dialogvindu som viser bibliotekets komponenter, og viser både det utdaterte symbolet og det oppdaterte symbolet side om side. Det er flott å ha fullstendig informasjon til hånden.

Alternativt kan du eksportere tegnebrett som PDF-sider som kan markeres med kommentarer i Apple Preview, Adobe Acrobat eller annen PDF-visningsprogramvare. Sketch eksporterer også grafikk, skiver og sider som JPG-, PNG- og SVG-filer. Dessuten kan den eksportere kode for SVGs og CSS attributter.

Ingenting skissete om denne appen

Sketch er et fullverdig verktøy født for designere som skaper skjermbaserte designopplevelser, og det gjør dette mesterlig. Med sitt kjente (for Mac-brukere), intuitive grensesnitt og enkle tverrsamarbeid mellom designere og deres klienter, har Sketch tjent sitt gode rykte som protokollverktøyet som går til prototyping, fordi det letter og fremskynder prosjekteringsvalidering og godkjenningsprosess. For å få det ypperste innen vektorillustrasjonsfunksjoner, se til Editors 'Choice, Adobe Illustrator.