Sketch y los nuevos programas para diseñar interfaces
18 seguidores
Desde hace un par de semanas he abandonado Photoshop para un proyecto en el que, sobre todo, hay una gran parte de diseño de interfaz. He elegido Sketch y tras dos semanas ya puedo valorar cómo ha sido el cambio
(dejo por aquí un resumen de la experiencia que he hecho en Medium)
¿Alguien más se ha pasado a este tipo de nuevos programas? Me parece interesante conocer otras opiniones y saber qué tal ha sido el cambio de dejar a un lado el software al que estamos acostumbrados por algo diferente.
Saludos.
Skeku
Ahí va mi comentario:
Fireworks, Sketch, Macaw y Reflow no son programas comparables en absoluto. Fireworks y Sketch todavía pero los otros, para nada. Ha mejorado Reflow? Desde la última vez que lo probé apenas servía más que para copiar pedacitos de CSS o hacer pruebas responsive pero nada de servirme para diseñar desde cero y pasar directamente a maquetar.
Entiendo que hacías el salto desde Photoshop y por tanto entiendo que el cambio haya sido bastante grande :) "Saltando" desde Fireworks apenas hay grandes diferencias y la curva de aprendizaje es muy poco pronunciada. De todas formas tampoco noté mucho el salto de Photoshop a Fireworks cuando me tocó ponerme con él.
Yo soy de los que piensa que Photoshop no es el mejor aliado para web/interfaz. No obstante añadiéndole unos cuantos extras, se queda algo bien majo. Aún así no supera la capacidad de estructura que me ofrece Fireworks (o Sketch) con sus capas > estados > páginas. Eso es imbatible a día de hoy pensando en diseños complejos o, tal y como comentas, trabajo en equipo.
Sketch tiene un gran problema y es que no está disponible para Windows. Y eso le resta muchísimo mercado. Sus creadores no están muy por la labor actualmente de hacer un port, porque me da a mí que sería hacerlo casi desde cero.
Aún así tiene buen futuro. En mi entorno de trabajo lo usaríamos pero tenemos sistemas Win, no sólo Mac, y eso lo hace imposible.
Macaw es lo que más se le acerca y va un paso más allá pero aún está muy verde. Y ojo porque no me sorprendería que Adobe saque alguna cosilla. Cuando el río suena... de momento son sólo rumores, pero ahí quedan cosas como lo del Project Parfait de Adobe. O le meten más caña web/interfaz a Photoshop, o tiene pinta de que algo van a hacer. No creo que sea Reflow el programa que van a usar como sustituto de Fireworks.
Usuario desconocido
Yo veo complicado (e innecesario) que consigan transformar photoshop en un programa para diseñar interfaz. Ya que se han cargado Fireworks, estaría bien ver si a Adobe le interesan estos nuevos programas.
isaacjordana
Hace mucho tiempo que abandoné Photoshop para diseñar interfaces.
Cuando necesitas plugins y más plugins para convertir un software de edición de imagen en uno de vectores es que algo va mal.
Primero hice el salto a Fireworks aumentando mi producción una barbaridad. Pero no me gustaba el trato que le daban los de Adobe con la tipografía.
Y llegó Sketch 3.0 con un descuento de lanzamiento. Sólo necesité 2 días para adaptarme y ver la fluidez de trabajo que no conseguía con los de Adobe. Es verdad que le faltan muchísimas herramientas pero con las que hay nos tienen que servir para crear grandes proyectos.
Cada vez son más las personas que lo utilizan y un ejemplo es la cantidad de sites con recursos para este software.
No he visto un software con una simplicidad tan bestia para instalar plugins. Para quitarse el sombrero.
Una pega que le pongo: Yo soy de aquellos que abrimos un archivo le haces un par de cambios y al no quedar satisfecho le das a Cerrar Documento esperando que te salga la ventana de diálogo "¿Deseas guardar los cambios?". Sketch lo cierra automáticamente previo guardado. Así que cuando lo abres de nuevo puedes llevarte un susto. (guarden los archivos en Dropbox o algo similar para que te haga versionado :) )
Si finalmente Adobe se inventa –o compra– un software para diseñar UI, por favor, que se junten con los de Photoshop, Illustrator y otros departamentos y que UNIFIQUEN su paleta de herramientas, shortcuts, etc.
Usuario desconocido
Está claro quién ganó la partida...
xc70
Estoy realizando el proyecto final de carrera de Diseño gráfico y ha llegado el momento de crear la parte visual. Como se trata de una web app veo que lo mejor es salirse de Photoshop y no sabía si Illustrator sería una opción pero entonces he llegado hasta los programas específicos para creación de interfaces. Soy usuario de Mac y he descubierto Principle que es perfecto para crear las animaciones. Además de crear las interfaces en el própio programa, permite importar desde Sketch. Pero Adobe tiene en beta el XD (Adobe Experience Design CC) y probablemente algún otro que desconozca como Marvel pero quiero quedarme con los populares.
El programa de Adobe está en Beta pero parece un buen comienzo. Aunque he mirado videotutoriales de los tres programas y aunque XD permite crear animaciones entre artboards y seleccionar el tipo y tiempo de transición se queda ahí, es muy básico. Mientras que con Principle al estar dedicado exclusivamente a las animaciones permite crear animaciones de forma individual a cada elemento mediante línea de tiempo (como Flash o After Effects) y se pueden añadir también transiciones de opacidad.
Soy usuario avanzado de Photoshop, Illustrator e InDesign pero totalmente novato en los programas de UI. Como voy a empezar desde cero con estos programas, prefiero empezar aprendiendo con un flujo de trabajo que me sirva para la vida profesional. Adobe ya tiene Betas para Windows y Mac, pero Sketch no parece que vaya a salir de MacOS y aunque soy usuario de Mac desde 1999 no todas las empresas tienen equipos Mac.
¿Qué experiencia tenéis con estos programas? ¿Qué me recomendáis?
Todas vuestras opiniones me serán muy válidas. Muchas gracias desde ya!
JBB
Adobe XD apenas lo he utilizado, aunque puedes ser una buena opción, lo malo es que todavía está en fase beta.
Si tienes Mac, yo te recomiendo Sketch, mi flujo es Sketch para el diseño, marvell o Invision para crear el prototipado rápido y zepelín para crear una guía de estilos para el devoloper.
En el tema de animación hay unos cuantas apps, tan solo he tocado Principales pero parece muy solvente.
Yo hace poco que empezado con el diseño UI/UX tal vez alguien con más experiencia te pueda recomendar mejor, pero no creo que se aleje mucho de lo que te he dicho.
Estaría bien que se animará este post para los que nos hemos iniciado en el diseño UI y los que ya son expertos.
JBB
Una cosa más que no comente.
Tengo poca experiencia laboral en este campo pero tengo una idea de como funciona.
Mi primera experiencia fue en una empresa de desarrollo de apps, y el diseño UI lo realizaban con Photoshop, una pesadilla...
Los senior todavía estaban adaptándose a Sketch, y eso fue a inicios del año pasado, hoy en día muchas ofertas ya solicitan el uso de Sketch y la mayoría ya han empezado adoptar el programa, por eso si quieres empezar a diseñar UI, Sketch parece la mejor opción de momento.
consultor_wordpress
Aire fresco con sketch
Ojo con la memoria del mac.. necesita estar preparado
xc70
Gracias por las recomendaciones JBB. Por ahora he adoptado Sketch + Principle y ambos me parecen muy sencillos y rápidos de usar. A ver si como dices se anima este hilo.
Saludos
JBB
Muy buenas, escribo en este post para reflotarlo.
Actualmente utilizo Sketch+craft o Marvel para el diseño visual y prototipos rápidos. También utilizo Principle para animaciones y prototipos más complejos.
Escribí un post con un problema con Principle que tal vez me podáis ayudar:
https://www.domestika.org/es/forums/931-experiencia-de-usuario/topics/120841-problemas-con-las-capas-con-efecto-gaussiano-al-importar-un-archivo-de-sketch-a-principle
Parece que Sketch sigue siendo el más utilizado a día de hoy, pero cada vez veo con más fuerza Framer, con el cual podemos diseñar y tocar código para la interacción y animaciones. Todavía no lo he probado mucho, he visto tutoriales y le veo mucho potencial, creo que con el tiempo se lo puede poner complicado a Sketch. Lo malo que no tiene licencia permanente, es mensual o anual.
¿Qué programas utilizáis vosotros?
sofiaugarte
Yo he probado Axure, Sketch y Adobe XD. Pero trabajo con XD, que ya no es Beta y tiene un montón de nuevas herramientas entre ellas la de exportar recursos para programación, que antes no tenía. Quiero empezar a usar más Sketch. Me apunto vuestros consejos. Axure no me gustó mucho, es menos intuitivo.
JBB
Adobe ha realizado una buena herramienta, tan solo la he probado un poco pero tenía potencial en la beta.
Cuando te acostumbras a Sketch y a los plugins cuesta pasar a otro programa.
La ventaja de XD es que está en Windows y dentro del programa te permite realizar el prototipo y interacciones de forma nativa sin necesidad de plugin ni web de terceros, pero Sketch juega con la ventaja de su versatilidad y puedes adaptarlo a tu forma de trabajar gracias a las escena que hay detrás creando herramientas y plugins.
Invision está creando su propio software de diseño UX/UI y Framer se está ganando cierta fama. Hace unos años apenas había herramientas pero cada vez hay más opciones interesantes.
JBB
@sofiaugarte mi experiencia ha sido buena, llevo un año y algo utilizándolo y pocas veces se me ha reiniciado o cerrado.
Con muchas pantallas en algún momento puedo tardar en cargar algún elemento pero nada que no le pase cualquier software de edición de gráficos vectoriales, con las últimas versiones han ido arreglando problemas de gestión de memoria. También depende del Mac que tengas.
360º
Yo lo que no entiendo es porqué comparáis sketch con photoshop... no tienen nada que ver.
Yo creo que la comparación correcta sería sketch/Illustrator. Yo personalmente uso Illustrator para realizar el diseño estático de una propuesta Web. Creo que es más potente que sketch y es cierto que después de mucho tiempo trabajando con Illustrator da bastante pereza acostumbrarte a una nueva interfaz.
Photoshop está cada vez más en desuso por agencias del sector, el echo de que no sea vectorial es una desventaja demasiado grande. Ni que decir que la gestión de textos es demasiado tosca y que la agilidad que te da Illustrator hace que no haya comparación entre ambos.
furgo_transportes
Nosotros hemos utilizado Sketch para diseñar varias landings de nuestra app para Android y iOS además de la versión desktop y nos ha ido genial.
Podéis verlas aquí:
Furgo para Android - Furgo para iOS
A nosotros Photoshop no nos funciona y además necesitamos herramientas colaborativas.
Un saludo.
soligo
¿Alguien sabe si la nueva apuesta de InVision Studio va a hacer sombra como se está diciendo a XD y a Sketch?
JBB
En el canal oficial de InVison hay una serie de clips de una serie de diseñadores trabajando con InVison Studio, se nota que lo han diseñado para usuarios de Sketch.
https://youtu.be/7w2Gbm4EsSY
https://youtu.be/8Ap7sdfDa3Y
https://youtu.be/qFCm7Q_MxGU
josemartinezfp
Yo he utilizado Sketch, Balsamiq, Adobe XD, Invision y Axure RP. Personalmente, Axure es una herramienta muy buena si comienzas en el mundillo UI, básicamente porque tiene una comunidad enooooorme de creadores y diseñadores que siempre tienen la solución a cualquier duda que tengas (en inglés). Hacer prototipos responsive, determinadas interacciones... lo que sea. La verdad que es muy vérsatil y se pueden realizar protitpos tanto en alta como en baja resolución.
Pero en cuanto a mejor "Caballo de Guerra", el tándem de Sketch+Inivision creo que es lo mejor.
JBB
Bueno vengo a reactivar de nuevo este foro, debido que han pasado 9 meses de su última actividad y ha habido movimiento a lo que se refiere a programas para diseñar UI.
Invision studio fue lanzado y Framer X parece marcar el futuro, de mientras Sketch incorporó los prototipos y recientemente una actualización de la su interfaz.
Actualmente sigo utilizando Sketch, he probado Invision studio y me pareció una gran alternativa y pronto quiero probar Framer X del cual solo oigo buenas críticas.
¿Vosotros qué programa utilizáis?
¿Cuál es vuestra experiencia?
Usuario desconocido
Hola, me gustaria saber cual es el programa para diseñar interfaces mas compatible con Sketch ya que lo estoy empezando a usar pero lamentablemente no dispongo de un mac particular y me gustaria poder avanzar en algun trabajo por mi cuenta sin que los programas alternativos revienten lo que ya tengo avanzado.
Muchas gracias.