De nieuwste, langverwachte versie van Schets van Bohemian Coding, is net vrijgegeven. Het is een applicatie die veel heeft beloofd in het verleden, met veel ontwerpers omarmen het van harte. De vorige twee versies waren echter te onvolwassen voor professioneel werk; de vraag is, heeft versie 3 die zorgen opgelost en is Sketch klaar om te worden gebruikt als de go-to design-app voor creatieve studio's?
Het eerste ding om op te merken is dat in tegenstelling tot sommige pretenders aan de kroon van Adobe, Bohemian Coding zijn een professionele operatie die al zes jaar aan de verschillende iteraties van Sketch werkt, wat ze in Webjaren tot de verleden tijd maakt. Sketch is een stabiel product met relatief weinig bugs en, voor zover ik kan vertellen in de tijd sinds de release van versie 3, is de nieuwste versie even goed gemaakt.
Waar Sketch echt uitblinkt, is het maken van UI-graphics. Het is de markt waar Bohemian naar op zoek is. Met Fireworks schuifelen in de richting van de vuilnisbak en Photoshop wordt hergebruikt als een opgeblazen 3D-generator dan is er zeker een niche om te vullen.
almost invariably compare Sketch to Photoshop but it's a comparison that doesn't really hold water: the two applications are built for completely different purposes, a more appropriate comparison can be made between Sketch and Fireworks. Schetsliefhebbers vergelijken Sketch bijna altijd met Photoshop, maar het is een vergelijking die niet echt water geeft: de twee applicaties zijn gebouwd voor compleet verschillende doeleinden, een meer geschikte vergelijking kan gemaakt worden tussen Sketch en Fireworks. En schijnbaar komt het van de Fireworks-community waar de meeste Sketch-fans vandaan komen.
Het zou naïef zijn om te doen alsof directe vergelijkingen tussen Photoshop en Sketch niet zullen worden gemaakt, maar dat is grotendeels te wijten aan het aanhoudende (foute) gebruik van Photoshop als hulpmiddel voor het maken van webafbeeldingen.
Vergelijk Sketch with Fireworks en je zult snel een aantal interessante conclusies trekken: ten eerste is Sketch's GUI veel eenvoudiger dan Fireworks en de verbeteringen aan Sketch 3 dienen alleen om die kloof te vergroten; ten tweede is Sketch een eigentijdse webtool, het loopt niet weg van aannames die Macromedia in de jaren negentig heeft gemaakt; Ten derde biedt Sketch een soortgelijke mindset voor Fireworks, maar met een voortdurende inzet voor ontwikkeling, terwijl Fireworks - terecht of ten onrechte - zich amper vasthoudt aan zijn slot in de Creative Cloud-line-up.
Een van de meer populaire functies in Sketch is de @ 2x exportoptie. Hiermee kunt u een grotere versie van uw afbeelding exporteren voor retina-beeldschermen. Als u echter in vectoren werkt, kunt u op elk gewenst formaat vanuit Photoshop exporteren en als u in bitmaps werkt, is Sketch niet beter af. Ik houd echter van de eenvoud van de exportopties van Sketch, zelfs als ik beweer dat alle vectorillustraties moeten worden gerenderd als SVG (wat Sketch overigens ook kan doen).
Om een directe vergelijking te maken tekende ik een vectorcirkel met een verloopvulling in Sketch, Photoshop en Fireworks, waarbij ik het tweemaal uit elke toepassing exporteerde met 244 x 244 px en 488 x 488 px. De resultaten waren onverwacht: Sketch's twee bestanden kwamen binnen bij 53kb en 197kb; Photoshop's waren 44 kb en 165 kb; Vuurwerk was 8 kb en 22 kb. Dat staat in de moderne taal bekend als een pak slaag. Natuurlijk was de test zwaar scheef in de richting van vectorprogramma's en het verbaasde me niet dat Fireworks het zo goed deed, ik was echter een beetje verrast door de triomf van Photoshop. Had ik een complexe bitmap opgeslagen waarvan ik verwacht dat Photoshop het nog beter zal hebben gedaan.
Wat meer is, terwijl Sketch's primaire exportoptie slicen is, is Photoshop nu de generatiekenmerk, een proces waarmee lagen live worden geëxporteerd als ze worden gewijzigd. Gezien de iteratieve benadering van de meeste ontwerpprocessen, is dat iets dat Sketch helaas ontbreekt - misschien in versie 4.
Het voordeel van Sketch in dit opzicht is dat het directe toegang biedt tot CSS-eigenschappen die aan elementen zijn gekoppeld, wat betekent dat u mogelijk helemaal geen afbeeldingen voor uw lay-outs nodig hebt.
Het grootste succes in Sketch is dat Bohemian de logica van CSS heeft omarmd. Toen Photoshop voor het eerst werd uitgebracht, bestond CSS eenvoudigweg niet, maar het is moeilijk om je voor te stellen hoe Adobe erin slaagde zich te vestigen op dergelijke willekeurige instellingen - wanneer mensen hele sites vrijgeven om ontwerpers een Photoshop-slagschaduw naar een CSS-slagschaduw te laten converteren, iemand bij Adobe HQ zou in staat moeten zijn om het gat in hun product te ontdekken. Vuurwerk presteert iets beter, maar vanwege het gebrek aan bagage van Sketch kan Bohemian een app bouwen die beter aansluit bij hoe hedendaagse ontwerpers werken.
Zeker type liefhebbers zullen het waarderen dat ze geen van de irrelevante opties voor anti-aliasing van Photoshop hoeven te kiezen.
Er is iets te zeggen, niet alleen voor de efficiëntie, maar voor de ervaring van het gebruik van een applicatie, en hoewel het moeilijk is om objectief te zijn na zoveel jaren gebruik van Photoshop, voelt de CSS-benadering van Sketch zich zeker netter. De consistentie met een front-end codering mindset is een van de grote successen van Sketch. Het werkt gewoon.
Er zijn helaas enkele twijfelachtige keuzes in Sketch 3. Waarom is er bijvoorbeeld zoveel nadruk gelegd op het creëren van reflecties van elementen? Reflections zijn een intens gedateerde design-kruk en zijn geen tweede gedachte waard (tenzij je deel uitmaakt van het interne team van Apple, in welk geval ze deel uitmaken van je merkrichtlijnen). Ik twijfel niet zozeer aan het opnemen van reflecties, maar eerder aan het besluit om zo'n kenmerk van ze te maken wanneer ze ergens onschuldig konden zijn weggestopt.
Een andere afgang is Sketch Mirror, een extra aankoop in de app store waarmee u een voorbeeld van uw ontwerp live op uw apparaat kunt bekijken, op voorwaarde dat uw apparaat een iPad of iPhone is. Fans van Android moeten zich houden aan Adobe's Edge Inspect, dat hetzelfde doet op meerdere apparaten.
Deze kwesties vallen in het niet bij het stellen ervan naast het feit dat de industrie-adoptie van Sketch nog niet wijdverspreid is. Voor individuele ontwerpers, met name iOS-ontwerpers, is Sketch een persoonlijke voorkeur waar je recht op hebt; maar voor ontwerpers die binnen een team werken of inhoud leveren aan klanten voor ontwikkeling elders, is de integratie van Sketch met de bestaande workflow beperkt. Voorlopig zijn PSD's nog steeds de industriestandaard, en wanneer PSD's uiteindelijk worden afgewezen, zal dit worden gedaan voor ontwerp in de browser, ten koste van alle ontwerp-apps, inclusief Sketch.
Schets is geen must-have tool. Het concurreert niet met Photoshop voor het bewerken van bitmaps, en ik ben verbaasd over hoe slecht het is om een vector te exporteren; vergeleken met Fireworks is de uitvoering ervan een beetje gênant. Het heeft geen tekenbesturing die zo geavanceerd is als Illustrator, en het zal niet goed werken met de workflow van iemand anders dan een eenmansontwerp- en codewinkel. Sketch is echter aanzienlijk goedkoper dan alle aanbiedingen van Adobe. Er is een proefperiode van 14 dagen die ik je zou aanraden om te nemen, vooral als je een van de velen bent die nog steeds klagen over de ondergang van Fireworks.
Alle kritiek opzij, Sketch is echt een leuke tool om te gebruiken. Het is echt snel om in te maken, en de CSS-logica betekent dat het converteren van ontwerpen naar pure CSS zalig eenvoudig is.
De meeste ontwerpers zullen nog niet overgaan op Sketch als een primaire tool, maar als secundaire prototyping tool blinkt het uit, en het idee van Sketch replacing Fireworks (of Photoshop) is niet zo vreemd als een jaar geleden; als Sketch 4 hetzelfde soort binnenwegen maakt dat Sketch 3 heeft gemaakt, dan zal Adobe een lange nerveuze blik over hun schouder nemen.