La última versión muy esperada de Sketch by Bohemian Coding, acaba de ser lanzado. Es una aplicación que ha prometido mucho en el pasado, con muchos diseñadores abrazándola de todo corazón. Sin embargo, las dos versiones anteriores parecían demasiado inmaduras para el trabajo de nivel profesional; la pregunta es si la versión 3 abordó esas preocupaciones, y ¿Sketch está listo para ser utilizado como la aplicación de diseño para estudios creativos?
Lo primero a tener en cuenta es que, a diferencia de algunos pretendientes a la corona de Adobe, Codificación Bohemia son una operación profesional que ha estado trabajando en las diversas iteraciones de Sketch durante seis años, lo que en años Web los convierte en viejos. Sketch es un producto estable con relativamente pocos errores y, por lo que puedo decir en el tiempo transcurrido desde el lanzamiento de la versión 3, la última versión está igualmente bien hecha.
Donde realmente sobresale Sketch es la creación de gráficos UI. Es el mercado que Bohemian está buscando. Con Fireworks arrastrando los pies en la dirección de la papelera y Photoshop siendo reutilizado como un generador 3D inflado, hay ciertamente un nicho para llenar.
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. Los aficionados al bosquejo casi invariablemente comparan Sketch con Photoshop, pero es una comparación que realmente no se sostiene: las dos aplicaciones están diseñadas con propósitos completamente diferentes, se puede hacer una comparación más adecuada entre Sketch y Fireworks. Y aparentemente es de la comunidad de Fireworks que la mayoría de los fanáticos de Sketch se originan.
Sería ingenuo pretender que las comparaciones directas entre Photoshop y Sketch no seguirán realizándose, pero esto se debe en gran parte al uso continuo de Photoshop como herramienta de creación de gráficos web.
Compare Sketch with Fireworks y rápidamente sacará algunas conclusiones interesantes: en primer lugar, la GUI de Sketch es mucho más simple que la de Fireworks y las mejoras realizadas en Sketch 3 solo sirven para ampliar esa brecha; en segundo lugar, Sketch es una herramienta web contemporánea, no se está ejecutando suposiciones hechas por Macromedia en la década de 1990; en tercer lugar, Sketch ofrece una mentalidad similar a Fireworks, pero con un compromiso continuo con el desarrollo, mientras que Fireworks, con razón o sin ella, apenas se aferra a su ranura en la línea Creative Cloud.
Una de las características más populares en Sketch es la opción de exportación @ 2x. Esto le permite exportar una versión más grande de su imagen para pantallas Retina. Sin embargo, si está trabajando en vectores, puede exportar desde Photoshop en cualquier tamaño, y si está trabajando en mapas de bits, entonces Sketch no está mejor. Sin embargo, sí me gusta la simplicidad de las opciones de exportación de Sketch, incluso si mantengo que todo el arte vectorial debe representarse como SVG (que, por cierto, Sketch puede hacer).
Para hacer una comparación directa dibujé un círculo vectorial con un degradado relleno en Sketch, Photoshop y Fireworks, exportándolo dos veces desde cada aplicación a 244 x 244px y 488 x 488px. Los resultados fueron inesperados: los dos archivos de Sketch llegaron a 53kb y 197kb; Photoshop tenía 44kb y 165kb; Fuegos artificiales fueron 8kb y 22kb. Eso, en el lenguaje moderno, se conoce como una paliza. Por supuesto, la prueba fue muy sesgada hacia los programas de vectores, y no me sorprendió que Fireworks lo hiciera tan bien, sin embargo, estaba un poco sorprendido por el triunfo de Photoshop. Si hubiera estado guardando un mapa de bits complejo, esperaría que Photoshop lo hubiera hecho aún mejor.
Además, mientras que la opción de exportación primaria de Sketch es cortar, Photoshop es ahora la función de generación, un proceso mediante el cual las capas se exportan en vivo cuando se modifican. Dado el enfoque iterativo de la mayoría de los procesos de diseño, eso es algo que lamentablemente falta en Sketch, quizás en la versión 4.
La gracia de ahorro de Sketch a este respecto es que permite el acceso directo a las propiedades de CSS asociadas con los elementos, lo que significa que puede que no necesite imágenes para sus diseños en absoluto.
El mayor éxito en Sketch es que Bohemian ha adoptado la lógica de CSS. Cuando Photoshop se lanzó por primera vez, CSS simplemente no existía, sin embargo, es difícil imaginar cómo Adobe logró establecer tales configuraciones arbitrarias, cuando las personas están lanzando sitios completos para ayudar a los diseñadores a convertir una sombra paralela de Photoshop en una sombra paralela de CSS. alguien en Adobe HQ debería ser capaz de detectar el agujero en su producto. Fireworks funciona un poco mejor, pero la falta de equipaje de Sketch significa que Bohemian ha podido construir una aplicación más acorde con la forma en que trabajan los diseñadores contemporáneos.
Ciertamente, los entusiastas del tipo apreciarán no tener que elegir una de las opciones irrelevantes de anti-aliasing de Photoshop.
Hay algo que decir no solo por la eficiencia, sino también por la experiencia de usar una aplicación, y aunque es difícil ser objetivo después de tantos años de uso de Photoshop, el enfoque CSS de Sketch ciertamente se siente más ordenado. La coherencia con una mentalidad de codificación front-end es uno de los grandes éxitos de Sketch. Simplemente funciona.
Desafortunadamente, hay algunas elecciones cuestionables en Sketch 3. ¿Por qué, por ejemplo, se ha puesto tanto énfasis en crear reflexiones de elementos? Los reflejos son una muleta de diseño intensamente anticuado y no vale la pena pensarlo dos veces (a menos que seas parte del equipo interno de Apple, en cuyo caso son parte de las pautas de tu marca). No estoy cuestionando tanto la inclusión de reflexiones, sino más bien la decisión de hacer una característica de ellas cuando podrían haber sido escondidas en algún lugar inofensivo.
Otra decepción es Sketch Mirror, una compra adicional de la tienda de aplicaciones que le permite obtener una vista previa de su diseño en vivo en su dispositivo, siempre que su dispositivo sea un iPad o iPhone. Los fanáticos de Android necesitarán apegarse a Edge Inspect de Adobe, que hace el mismo trabajo en múltiples dispositivos.
Esos temas se vuelven insignificantes cuando se los compara con el hecho de que la adopción industrial de Sketch aún no está muy extendida. Para los diseñadores individuales, en particular los diseñadores de iOS, Sketch puede ser una preferencia personal sobre la que tiene derecho a actuar; pero para los diseñadores que trabajan dentro de un equipo o que entregan contenido a los clientes para su desarrollo en otro lugar, la integración de Sketch con el flujo de trabajo existente es limitada. Por el momento, los PSD siguen siendo el estándar de la industria, y cuando los PSD finalmente son rechazados, será para el diseño dentro del navegador, en detrimento de todas las aplicaciones de diseño, incluido Sketch.
Sketch no es una herramienta imprescindible. No compite con Photoshop para la edición de mapas de bits, y me sorprende lo mal que se manejó exportando un vector; en comparación con Fireworks, su rendimiento es un poco embarazoso. No tiene controles de dibujo tan sofisticados como Illustrator, y no funcionará muy bien con el flujo de trabajo de nadie que no sea una tienda de código y diseño de un solo hombre. Sin embargo, Sketch es sustancialmente más barato que cualquiera de las ofertas de Adobe. Hay una prueba de 14 días que te animo a seguir, especialmente si eres uno de los muchos que todavía lamentan la desaparición de Fireworks.
Dejando a un lado todas las críticas, Sketch es una herramienta realmente divertida de usar. Es realmente rápido crear, y la lógica de CSS significa que convertir diseños a CSS puro es maravillosamente fácil.
La mayoría de los diseñadores no cambiarán a Sketch como una herramienta principal por el momento, pero como herramienta secundaria de prototipos sobresale, y la idea de Sketch reemplazando a Fireworks (o Photoshop) no es tan extraña como parecía hace un año; si Sketch 4 hace el mismo tipo de caminos que Sketch 3 ha hecho, entonces Adobe mirará por encima del hombro con nerviosismo.