¿Cómo hacen las personas las tarjetas UI / UX?

Esto es lo que algunos llamarían maquetas isométricas, que puede encontrar o comprar fácilmente para Photoshop, Illustrator, Sketch, etc. en línea. He recopilado algunos recursos solo para ti:

Descarga gratuita:

  • 27 Pantalla de aplicación de Perspectiva gratuita PSD Mockups
  • 20 Mockup Psd de pantalla de la aplicación Mobile Perspective sensible (solo desplácese hacia abajo más allá del anuncio)
  • 30 Plantillas de PSD para iPhone 6 gratis 2016 – Colorlib (algunas maquetas regulares, pero también algunas de perspectiva / isométricas)
  • Perspectiva de la aplicación de pantallas de maqueta

Para comprar

  • https://creativemarket.com/Rgrap…
  • https://creativemarket.com/graph…

¡Espero que ayude! Si desea información sobre UX, puede consultar el blog de UX.

Lo primero que haría sería enviar un mensaje a esos creadores en particular y preguntarles cómo lo hicieron.

¿Cómo lo haría?

Yo uso Photoshop. O tal vez ilustrador. Depende de donde creé originalmente los diseños de UX.

Tomaría tu diseño de UX y lo traería a Photoshop. Si tienes que hacerlo con una captura de pantalla, hazlo de esa manera.

Aplanar el diseño de UX en Photoshop. Tome la capa aplanada y péguela en un documento nuevo con un lienzo más grande.

Transformalas en el ángulo particular que quieras. Añadir efectos de sombra biselado o caída.

Guarda PSD como tus archivos maestros. Guarde el documento como un jpg para cargar en carteras.

El nombre que usaría para describir esos son ‘comps de diseño’.

El Karaoke probablemente se hizo en Illustrator y el TriplAgent probablemente se hizo en Photoshop.


Nota: soy un diseñador gráfico: no soy un desarrollador ni un diseñador de UX, por lo que si todos usan un software diferente para hacer lo que hacen, entonces está bien, solo les digo cómo lo haría.