Snabbt tappar sin konkurrens och Sketch är redo att köra om Photoshop som prototyperingsverktyget för gränssnitt, så att många utvecklare nu föredrar att designers lämnar ut Sketch-filer snarare än lager Photoshop-filer.
Till skillnad från Photoshop byggdes den grafiska programvaran Sketch från grunden för att utforma interaktiva gränssnitt.
Det skapar live-komponenter så att klienter kan förhandsgranska vad som händer när de klickar, sveper eller trycker på din design på deras stationära, bärbara dator, surfplatta eller telefon.
På grund av allt detta kanske designers som använder Photoshop för att skapa användargränssnitt för stationära och mobila enheter kanske vill se Sketch närmare.
Sketch är från Nederländerna och är ett Mac-designat program för vektordesign med fokus på att skapa interaktiva prototyper av webb- och app-design.
Den typ av arbetsdesign som Sketch producerar gör att dina kunder får en bättre känsla för hur allt ser ut och reagerar.
Det i sin tur ger dem möjlighet att ge mer användbar feedback om funktionaliteten (användargränssnittet eller användargränssnittet) och användarupplevelsen (UX), och därmed möjliggör informerat godkännande före utvecklingsstadiet - dämpar frustration och sparar tid och pengar.
Sketchs relativt nya (2008) uppfattning fokuserade på samarbetsdesign för skärmar, så den har en kant över Photoshop, som debuterade 30 år tidigare, när ordet skärm hade att göra med att mäta halvtonens densitet.
Designers började luta sig på Adobe Photoshop ($ 9,99 / månad på Adobe) för att organisera och överlämna gränssnittsdesignfiler eftersom det var det bästa verktyget i rutan för att få jobbet gjort - inte för att det var ett verktyg som byggdes speciellt för det ändamålet.
Sketch är dock inte ensam i UX-designutrymmet.
Adobe XD (XD står för Experience Design), släppt 2016 som en del av Adobes Creative Cloud för Windows och Mac, är också ett vektorbaserat verktyg för wireframing och produktion av interaktiva klickprototyper.
En andra vektorbaserad konkurrent, utropad som "världens mest kraftfulla verktyg för skärmdesign", är Studio från den tunga designhanteringsplattformen InVision (gratis för en prototyp, 25 dollar per månad för obegränsade prototyper).
Till skillnad från Sketch och XD har Studio en inbyggd avancerad animeringsmodul.
Arbetet i Sketch kan synkroniseras till InVision-plattformen med hjälp av sitt eget Craft Manager-plugin.
Adobe erbjuder en gratis XD-startplan som har begränsad lagring (2 GB) och användning av en del av Adobe Fonts-samlingen.
Den fullständiga versionen av XD är tillgänglig som en del av Adobe Creative Cloud (CC) -prenumerationen, från $ 20,99 per månad för den enskilda appen, eller från $ 54,99 per år för alla Creative Cloud-appar, inklusive Illustrator ($ 19,99 på Adobe), InDesign och Photoshop.
Sketch använder en variant på en prenumerationsmodell som kostar $ 99 per år per enhet (antingen en dator eller mobil), för privatpersoner.
Detta inkluderar ett års uppdateringar och Sketch Cloud (för online-delning och samarbete), varefter du kan behålla och använda din nuvarande version för alltid eller förnya för $ 69 per år för att återfå regelbundna uppdateringar och molnfördelar.
Volymlicenser varierar från $ 64 per år per enhet för två till nio enheter ner till $ 49 vardera för 50 eller fler enheter.
Det är värt att notera att när du köper en licens har du rätt till endast ett enda säte (endast för användning på en dator).
Om du använder flera Mac-datorer, som en stationär dator och en bärbar dator, har du tur och behöver köpa två platser.
Många prenumerationsbaserade appar tillåter två platser per licens som en bra vändning för de hårt arbetande annonserna som sliter på sitt skrivbord på kontoret och på sin bärbara dator hemma.
Ett relaterat besvär är att om du vill använda Sketch på en ny Mac eller om du har fått formatera om din enhet, måste du avregistrera Sketch från din gamla maskin / enhet och sedan registrera om.
Komma igång
Sketch är ett ögonblick att ladda ner från företagets webbplats (sketchapp.com); det finns en 30-dagars gratis testperiod, utan kreditkort krävs.
Skiss kräver MacOS 10.13.4 (High Sierra) eller senare.
Företaget varnar för att om du arbetar med komplexa flersidiga dokument med hundratals ritytor rekommenderas en av de kraftfullare, RAM-laddade Mac-datorerna.
Jag testade Sketch 53.2 på en MacBook Pro 2018 med en 2,9 GHz Intel Core i9-processor, 32 GB RAM och ett Radeon Pro 560X-grafikkort.
Direkt på nedladdningssidan erbjuder Sketch en nybörjarguide, omfattande dokumentation, handledning och tips och länkar till sina sociala medier och utvecklargrupper, blogg och chatt och Dribble.
Det är välkomnande och inspirerande att se en lista över globala möten och evenemang i designgemenskapen.
Dessutom erbjuder webbplatsen en mängd gratis och premium Sketch App UX / UI-resurser inklusive trådramssatser, mobila UI-kit, mallar, mockups, instrumentpaneler, koncept och ikoner.
Gränssnitt och duk
Skiss leder som exempel och ger ett rent, sammanhangsgränssnitt med tre huvudsektioner - och (efter design) inga flytande paneler.
Om du redan är en Mac-användare hittar du Sketch UI bekant eftersom det är modellerat på gränssnittet för Apple-appar som Pages, Numbers och Keynote.
Med den senaste versionen stöds nu Apples mörka läge.
Till vänster på skärmen hittar du sidlistan med en inventering av dina lager, enskilda innehållsobjekt på dessa lager och ritytor och namnet på innehållet.
Till höger är inspektören där du kan lura med egenskaperna för innehållet i vilket lager du har valt.
Överst har du verktygsfältet som innehåller verktyg och åtgärder.
Mittstadiet är din duk där du skapar magin.
Sidlistan gör det enkelt att organisera, tilldela eller ändra lager, så att du kan namnge, gruppera, markera och duplicera innehållsobjekt så att ditt arbetsflöde är effektivt.
Du kommer att vara i toppform när det är dags att överlämna filer till en utvecklare.
Skiss smörjer ditt arbetsflöde genom att underlätta eller automatisera vanliga uppgifter med lätt att göra bibliotek, text- och lagerstilar, symbolinstanser och förinställningar.
Dessutom finns det hundratals tidsbesparande gränssnittssatser, mallar och plugin-program som ytterligare utökar Sketchs funktionalitet på en mängd olika sätt.
Ritning och typsättning i skiss
Som en Cheetah ska springa är Sketch prototyping.
En gepard kan verkligen gå, men det den har utvecklats för är att springa.
På samma sätt kan du absolut rita in Sketch, och det är OK för det, men vad som är extraordinärt med Sketch är dess prototyping.
Det är ändå värt att få en översikt över vad som kan göras med Sketchs ritverktyg.
All skapande, import och montering av innehåll börjar med ett klick på rullgardinsmenyn Infoga.
Där hittar du förväntad form, ritning och textverktyg.
Bekvämt till höger är arrangemangsoperationer som att framföra, inriktning och distribution; och icke-destruktiva booleska verktyg som Union, Subtract, Intersect och Difference.
De intuitiva och effektiva vektorverktygen möjliggör skapande och redigering av former, deras punkter och Bezier-kurvor.
Sketch kan hantera viktiga ritningsuppgifter, men det är inte Illustrator - och det ska inte heller vara.
Grundläggande typografi i Sketch är enkel, med bekanta Microsoft Word-liknande funktioner tillsammans med dekorativa alternativ för skuggor, fyllningar och gränser.
Formatering av typblock kan kräva en del manuell ansträngning i Sketch, som till exempel inte stöder flikar - du måste använda mellanslagstangenten för att simulera önskad effekt.
Det är bara bra, för alla komplexa typsättningar är för ingenting när du utformar lyhörda layouter: Allt typografiskt (storlek, radbrytningar, bindestreck och så vidare) ändras när det visas på olika enheter i olika storlekar.
Prototyping och responsiv design
Till skillnad från andra ritprogram (men mycket som Adobe XD) underlättar Sketch byggandet av en interaktiv prototyp.
För att simulera vägen för din webbplats eller app (UI) och hur upplevelsen (UX) kommer att se ut kan du tilldela vissa områden som rullning eller icke-rullning, länk- och tvärlänkmenyer, symboler, sektioner, sidor och instanser och definiera hotspots (klickbara områden).
Inte bara kan du förhandsgranska dina ansträngningar inifrån appen, men du kan också använda Sketch Mirror (mer om den funktionen nedan).
En ny finhet i Sketch är att du kan fylla i prototyptext och forma fält med dynamisk realistisk data snarare än att vara fastspänd till det vanliga Lorum Ipsum tedium.
I valda text- eller formlager kan du tilldela en källfil som importerar text eller bilder från.
Skiss spelar ganska snyggt med andra - och inte bara i appen.
Det var en glädje att upptäcka att jag kunde kopiera och klistra in en ikon som skapats i Illustrator.
Vid import skapade Sketch ett grupperat lager för min konst, och därifrån kunde jag använda ikonen som den är, lägga till den i ett bibliotek eller skapa en symbol - precis som du kan med all konst som skapas i appen.
På dagens marknad måste varje väl genomtänkt, skärmbestämd design vara lyhörd.
Detta innebär att innehållet på en appskärm eller webbsida automatiskt ändras och ändras beroende på visningsenheten (stationär, bärbar dator, mobil, surfplatta).
Så storleksändring av text, radbrytning ändras och bilder krymper, expanderar eller döljs, beroende på vad som ser bäst ut på varje enhet.
I Sketch måste du skapa variantlayouter och förenklingar av de olika bildförhållandena manuellt genom att kopiera och klistra in varje element eller grupp.
Jag önskar dock att det fanns ett smartjusteringsalternativ för responsiva layoutändringar som liknar Responsive Resize i XD eller till och med InDesign's Adjust Layout-funktion.
Även om Justera layout nästan aldrig ger en perfekt lösning, sparar det verkligen tid och ger en bättre plats att börja än en tom sida.
För att förhandsgranska dina Sketch-mönster i realtid på dina enheter finns det gratis Sketch Mirror för iOS, liksom flera appar för att göra det på Android-enheter.
I alla fall behöver enheter Wi-Fi eller en USB-anslutning.
Att fatta välgrundade designbeslut gynnar någons arbetsflöde, och det är en tung tillgång att kunna se dina justeringar, grödor och textstorlek live med Sketch Mirror på själva enheten.
Output och samarbete
När ditt arbete är klart för klientfeedback eller lagsamarbete finns det flera sätt att dela.
Den primära metoden är att ladda upp ditt dokument till Sketch Cloud.
Efter uppladdningen får du en URL och kan välja vem du vill bjuda in för att visa dokumentet och ställa in en av tre åtkomstnivåer: Kommentar, Ladda ner eller Använd som bibliotek.
Alla som har länken kan använda de inbyggda kommentarverktygen, och om de öppnar sidan på en surfplatta eller telefon kan de förhandsgranska tavlorna i full upplösning så länge det finns en layout för deras ..
.
