A mais recente e altamente antecipada versão do Esboço por Codificação Boêmia, acaba de ser lançado. É um aplicativo que prometeu muito no passado, com muitos designers abraçando-o de todo coração. No entanto, as duas versões anteriores pareciam muito imaturas para o trabalho de nível profissional; A pergunta é: a versão 3 abordou essas preocupações e o Sketch está pronto para ser usado como o aplicativo de design criativo para estúdios de criação?
A primeira coisa a notar é que, ao contrário de alguns pretendentes à coroa da Adobe, Codificação boêmia são uma operação profissional que vem trabalhando nas várias iterações do Sketch há seis anos, que nos anos da Web as tornam velhas. Sketch é um produto estável com relativamente poucos bugs e, tanto quanto eu posso dizer desde o lançamento da versão 3, a versão mais recente é igualmente bem feita.
Onde o Sketch realmente se destaca é criar gráficos de interface do usuário. É o mercado que a Bohemian almeja. Com fogos de artifício embaralhando na direção da lixeira e Photoshop sendo reaproveitado como um gerador 3D inchado, então certamente há um nicho para preencher.
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. Os aficionados do esboço quase invariavelmente comparam o Sketch ao Photoshop, mas é uma comparação que realmente não mantém a água: os dois aplicativos são criados para propósitos completamente diferentes, uma comparação mais apropriada pode ser feita entre o Sketch e o Fireworks. E aparentemente é da comunidade Fireworks que a maioria dos fãs do Sketch se originam.
Seria ingênuo fingir que as comparações diretas entre o Photoshop e o Sketch não continuarão a ser feitas, mas isso se deve em grande parte ao uso (incorreto) do Photoshop como uma ferramenta de criação de gráficos na web.
Compare o Sketch com o Fireworks e você rapidamente tirará algumas conclusões interessantes: em primeiro lugar, a GUI do Sketch é muito mais simples do que a do Fireworks e as melhorias feitas no Sketch 3 servem apenas para ampliar essa lacuna; em segundo lugar, o Sketch é uma ferramenta web contemporânea, não está fugindo das suposições feitas pela Macromedia nos anos 90; em terceiro lugar, o Sketch oferece uma mentalidade semelhante ao Fireworks, mas com um compromisso contínuo com o desenvolvimento, enquanto o Fireworks - com ou sem razão - mal se apega à sua posição na linha Creative Cloud.
Um dos recursos mais populares no Sketch é a opção de exportação @ 2x. Isso permite exportar uma versão maior da sua imagem para telas de retina. No entanto, se você estiver trabalhando em vetores, poderá exportar em qualquer tamanho a partir do Photoshop e, se estiver trabalhando em bitmaps, o Sketch não ficará melhor. No entanto, eu gosto da simplicidade das opções de exportação do Sketch, mesmo se eu sustentar que toda arte vetorial deve ser renderizada como SVG (que, a propósito, o Sketch pode fazer).
Para fazer uma comparação direta eu desenhei um círculo de vetor com um gradiente de preenchimento no Sketch, Photoshop e Fireworks, exportando-o duas vezes a cada aplicação em 244 x 244px e 488 x 488px. Os resultados foram inesperados: os dois arquivos do Sketch chegaram a 53kb e 197kb; O Photoshop tinha 44kb e 165kb; Fireworks 'foram 8kb e 22kb. Isso, no jargão moderno, é conhecido como uma surra. É claro que o teste foi fortemente inclinado para programas de vetores, e não fiquei surpreso que o Fireworks tenha se saído tão bem, mas fiquei um pouco surpreso com o triunfo do Photoshop. Se eu estivesse salvando um bitmap complexo, esperaria que o Photoshop tivesse feito ainda melhor.
Além disso, embora a principal opção de exportação do Sketch seja o fatiamento, o Photoshop agora é o recurso de geração, um processo pelo qual as camadas são exportadas ao vivo quando alteradas. Dada a abordagem iterativa da maioria dos processos de design, isso é algo que o Sketch infelizmente não possui - talvez na versão 4.
A graça salvadora do Sketch a esse respeito é que ele permite acesso direto a propriedades CSS associadas a elementos, o que significa que você pode não precisar de imagens para seus layouts.
O maior sucesso no Sketch é que o Bohemian adotou a lógica do CSS. Quando o Photoshop foi lançado pela primeira vez, o CSS simplesmente não existia, mesmo assim, é difícil imaginar como a Adobe conseguiu estabelecer configurações arbitrárias - quando as pessoas estão lançando sites inteiros para ajudar os designers a converter um sombreamento do Photoshop em um sombreamento CSS alguém no Adobe HQ deve ser capaz de identificar o buraco em seu produto. O Fireworks tem um desempenho um pouco melhor, mas a falta de bagagem do Sketch significa que a Bohemian conseguiu criar um aplicativo mais sintonizado com a maneira como os designers contemporâneos trabalham.
Certamente os aficionados do tipo apreciarão não ter que escolher uma das opções de anti-aliasing irrelevantes do Photoshop.
Há algo a ser dito não apenas pela eficiência, mas pela experiência de usar um aplicativo, e embora seja difícil ser objetivo depois de tantos anos de uso do Photoshop, a abordagem CSS do Sketch certamente parece mais pura. A consistência com uma mentalidade de codificação de front-end é um dos grandes sucessos do Sketch. Apenas funciona.
Há, infelizmente, algumas escolhas questionáveis no Sketch 3. Por que, por exemplo, essa ênfase foi colocada na criação de reflexões de elementos? Os reflexos são uma muleta de design intensamente datada e não merecem um segundo pensamento (a menos que você faça parte da equipe interna da Apple, caso em que eles são parte das diretrizes da sua marca). Não estou tanto questionando a inclusão de reflexões, mas a decisão de fazer tal característica quando elas poderiam estar escondidas em algum lugar ofensivo.
Outra descida é o Sketch Mirror, uma compra adicional da loja de aplicativos que permite que você visualize seu design ao vivo em seu dispositivo, desde que seu dispositivo seja um iPad ou iPhone. Os fãs do Android precisarão se ater ao Adobe Edge Inspect, que faz o mesmo trabalho em vários dispositivos.
Essas questões são insignificantes quando combinadas com o fato de que a adoção do Sketch pela indústria ainda não está disseminada. Para designers individuais, especialmente designers de iOS, o Sketch pode ser uma preferência pessoal que você tem direito de agir; mas para os designers que trabalham em equipe ou entregam conteúdo aos clientes para desenvolvimento em outro local, a integração do Sketch com o fluxo de trabalho existente é limitada. Por enquanto, os PSDs continuam a ser o padrão da indústria e, quando os PSDs são rejeitados, o design do navegador ocorre em detrimento de todos os aplicativos de design, incluindo o Sketch.
Sketch não é uma ferramenta obrigatória. Ele não compete com o Photoshop para edição de bitmap, e estou surpreso com o quão mal ele lidou com a exportação de um vetor; em comparação com o Fireworks, seu desempenho é um pouco embaraçoso. Ele não tem controles de desenho tão sofisticados quanto o Illustrator, e não funciona muito bem com o fluxo de trabalho de ninguém, a não ser uma loja de design e código individual. No entanto, o Sketch é substancialmente mais barato do que qualquer uma das ofertas da Adobe. Há um teste de 14 dias que eu encorajaria você a fazer, especialmente se você é um dos muitos que ainda estão lamentando o fim dos fogos de artifício.
Todas as críticas de lado, o Sketch é uma ferramenta muito divertida para usar. É muito rápido criar, e a lógica CSS significa converter designs em CSS puro é fácil.
A maioria dos designers não irá mudar para o Sketch como uma ferramenta principal ainda, mas como uma ferramenta de prototipagem secundária, a ideia de substituir o Fireworks (ou Photoshop) não é tão estranha quanto parecia há um ano; Se o Sketch 4 fizer o mesmo tipo de estradas que o Sketch 3 criou, a Adobe terá um longo olhar nervoso por cima do ombro.