En términos de mejor tanto para el diseñador como para el desarrollador, para los diseños finales de la aplicación, ¿es mejor usar Photoshop o Illustrator?

Dirijo una agencia digital con sede en el Área de la Bahía y nuestro equipo diseña tanto para nuestros ingenieros internos como para nuestros clientes. Pasamos de Photoshop para nuestros diseños de aplicaciones a Sketch (Software) por completo. La única vez que usamos Photoshop es para hacer esas simulaciones de perspectiva 3D o un cliente cuyo equipo de diseño todavía vive en Photoshop.

Usamos Sketch para crear los diseños reales de las aplicaciones, pero eso rara vez es lo que entregamos a nuestros ingenieros o clientes. En su lugar, colocamos los diseños en un prototipo InVision (producto), algo como esto Cargando …

Hacemos esto por varias razones:

  • Los ingenieros saben exactamente cómo funciona.
  • Los ingenieros saben cómo fluye una pantalla a la siguiente
  • Los ingenieros saben lo que sucede cuando hacen clic en algo

Invision es una gran herramienta para entregar prototipos a clientes e ingenieros porque los comentarios se recopilan donde es relevante. Si se toman notas en un documento separado, deberá consultar la pantalla de la que está hablando y las cosas podrían perderse. Invision le permite hacer clic en la ubicación en la que tiene problemas y comentarios, y solo comentar. Incluso puede incluir a las personas adecuadas en la conversación y marcar un problema como resuelto cuando se ha solucionado. (Sueno como un vendedor de Invision, pero te aseguro que no lo soy).

Sin embargo, ese aún no es el final. Los ingenieros necesitan más que un prototipo en el que se pueda hacer clic para poder convertir sus diseños en código. Necesitan las especificaciones EXACTAS. Puede pasar días armando un documento de especificaciones. Eso es lo que solíamos hacer. Para una aplicación con montones y montones de pantallas, solía llevarnos MUCHO tiempo. Pero hoy en día usamos otra herramienta llamada Zeplin. Este SaaS mágico toma un archivo de Sketch y lo CONVIERTE en un documento de especificaciones interactivo en SEGUNDOS. Un ingeniero puede hacer clic en cualquier campo, icono o etiqueta y conocer exactamente la coordenada xy, el tamaño de fuente, el tipo y el color. Si un ingeniero necesita un ícono, los diseñadores ya no necesitan exportar toda esa basura en 1x, 2x y 3x, todo lo que está disponible allí mismo en el documento de especificaciones de Zeplin.

Después de haber realizado más de 200 proyectos, nuestro equipo puede dar fe de que este proceso simplifica el proceso de diseño, elimina la falta de comunicación de los comentarios de diseño y reduce la cantidad de tiempo necesario para realizar el trabajo duro de especificar un diseño.

Prefiero Illustrator a Photoshop, especialmente para diseños modulares como una aplicación web. Hice dos explicaciones de esto en el Kick Awesome Show (enlaces en un minuto), pero aquí está la descripción general de alto nivel:

1. ¡Todo es escala de vectores a cualquier tamaño, sin degradación! Las esquinas / trazos / sombras redondeadas pueden escalar o no escalar. Preparado para el futuro para cualquier tipo de cambio de “pantalla retina” en la densidad de píxeles.

2. La herramienta de escritura es mucho más poderosa, más rápida, más fácil de usar con comandos de teclado

3. Mesa de trabajo: puede tener elementos reutilizables, muestras, inspiración al alcance de la mano.

4. Modo de esquema: ideal para seleccionar elementos difíciles de alcanzar

5. Múltiples trazos internos / externos: ideal para crear botones

6. Efectos de esquina redondeados escalables (las cosas no se aplastan)

7. Las texturas de fondo repetibles son fáciles de hacer

8. Guías inteligentes: ¡ayuda a mantener las ideas alineadas!

9. No tendrá que pasar la mitad de su tiempo nombrando y agrupando capas. Lo cual es una gran pérdida de tiempo.

Puedes ver aquí: http://fortysevenmedia.com/blog/ … (comienza a las 2:25)
http://fortysevenmedia.com/blog/ … (comienza a las 2:45)

Hola,
Gracias por la pregunta

Nuestro diseñador utiliza Illustrator para crear elementos personalizados (iconos, logotipos, ilustraciones).
Es muy cómodo cuando necesita guardar imágenes en diferentes ppp.
Qué usar, Photoshop o Illustrator, depende de los requisitos del desarrollador.
Cuando nuestro diseñador tiene una opción, prefiere trabajar con Sketch.

Si tiene más preguntas, estaremos encantados de ayudarle.

¡Buena suerte!

Los mejores deseos del equipo Roll’n’Code
Roll n Code