¿Por qué Sketch 3 se ha convertido de repente en la herramienta elegida por tantos diseñadores web?

Si bien no puedo hablar por la gente en general, puedo decirte por qué cambié a Sketch y no miré hacia atrás. Por favor, comprenda que esto no hace que mis programas de Adobe sean menos valiosos; en todo caso, los hace más útiles al permitirles sobresalir en lo que mejor se utilizan.

Construir la web con Photoshop e Illustrator siempre fue un truco. Fireworks tuvo la idea correcta, pero fue maldecida con una interfaz torpe. Sketch 3 combina gráficos vectoriales con una facilidad de uso que es recomendable; es tan fácil de usar que habría encajado perfectamente en la cartera de Apple (algo asombrado de que no se hayan comprado por este motivo).

Además, no hace daño que Sketch 3 cuesta $ 79, mientras que Adobe CS cuesta $ 20 por mes.

Literalmente me llevó 3 días pasar de novato a completamente sólido en Sketch, basado en mi conocimiento de otros programas de diseño gráfico. Creo que lo más complicado que tuve que resolver fue cómo agregar redondeos independientes a las esquinas. Para un veterano, fue realmente rápido aprender sin ser realmente cojo de usar.

Como profesional, lo primero que te das cuenta es lo poderosos que son los símbolos. Al diseñar una interfaz de usuario, se repiten muchos estilos de texto y formas, así como elementos completos (botones, marcos, etc.). Si bien el concepto de símbolos y estilos no es nuevo, es mucho menos trabajo de lo que sería en un programa como Illustrator por la sencilla razón de que Sketch se centra en el flujo del diseñador web frente al flujo del artista. Si bien no encontrará las herramientas del artista bien ajustadas en Sketch como lo haría en Illustrator, o francamente CUALQUIERA de la capacidad de edición de mapas de bits de Photoshop, lo que encontrará es que el proceso de creación de una interfaz es realmente racionalizado.

Una vez que se presentan las cosas, es útil poder hacer clic derecho en un elemento y obtener sus propiedades CSS, o mantener presionada la tecla alt y ver exactamente qué tan lejos está de sus elementos vecinos. Las iteraciones son fáciles si ha creado con estilos y símbolos y las superposiciones de cuadrícula / diseño son súper limpias.

Sketch 3 encaja muy bien entre un prototipo de alta fidelidad y una estructura alámbrica. Las aplicaciones UX como InVision, que fomentan la creación de prototipos sin código, forman una sinergia increíblemente poderosa con Sketch a medida que las iteraciones se vuelven mucho más simples de ejecutar y volver a generar.

Realmente, lo que estoy tratando de destilarte es que el flujo creativo de Sketch es un lugar perfecto para el flujo creativo del proceso de diseño de la interfaz de usuario. No me gustaría usar Sketch para crear gráficos ilustrativos o generar múltiples variantes de fotos después de una sesión, ¿pero para el desarrollo de la interfaz de usuario? Es realmente insuperable; y ni siquiera está particularmente cerca.