GUI HDS

Generadores de interfaz de usuario

Jose Miguel Velazquez Angulo #1289494

Iniciar

Interfaz de usuario

Es el entorno que los desarrolladores crean para que las demas personas puedan interactuar con su creacion.

Referencias

Indice

Figma

Sketch

Zeplin

Marvel App

Framer

Conclusion

Figma

Es una herramienta online que sirve para el diseño colaborativo de interfaces de usuario.Permite crear y diseñar diferentes aplicaciones con sistema de respuesta para simular la navegacion, permite crear apps moviles y web.Colaboración en tiempo real.Basado en la nube.Prototipado interactivo.Componentes reutilizables.

Sketch

Programa de diseño nativo de Mac, orientado a aplicaciones moviles y diseño digital, se puede explorar la version web pero para crear proyectos es necesario una Mac.Integración con plugins.Diseño vectorial optimizado.Ecosistema maduro.Documentos locales.

Zeplin

Compatible con windows y Mac, muy versatil, facil de utilizar y eficiente a la hora de trabajar en equipo, excelente opcion para tener en cuenta al realizar trabajos colaborativos.Se puede aprobar pulls para confirmar los cambios en el diseño.Handoff para desarrolladores.Especificaciones automáticas.Colaboración entre equipos.Documentación clara de diseño.

Marvel App

Es una herramienta de diseño digital de manera interactiva y colaborativa, permite probar los prototipos creados.Prototipado rápido.Tests de usuario.Integración con otras herramientas.Facilidad de uso.

Framer

Framer es una herramienta Nocode que te permite construir páginas web y landing pages sin necesidad de código.Prototipado avanzado.Animaciones y microinteracciones.Código personalizable.Integración con React.

Conclusion

En general las herramientas tienen el mismo fin que es crear diseños de una manera interactiva y sin codigo, para asi facilitar su creacion e incitar a la creatividad, podemos ver que este tipo de herramientas ahorra tiempo y esfuerzo lo cual es dinero, mi favorita es Figma por su facilidad de uso y la capacidad que tiene de crear diferentes tipos de intefaces.

Referencias

Marvel App | EduTools. (n.d.). https://edutools.tec.mx/es/colecciones/tecnologias/marvel-appGalicia, F. P. L. (2024, January 22). Interfaz de usuario: qué es y qué herramientas hay para crearlo. GoDaddy Resources - LATAM. https://www.godaddy.com/resources/latam/desarrollo/prototipo-interfaz-usuario-definicion-herramientasMalagón, N. (2023, March 30). ¿Qué es Figma y para qué sirve? Bisiesto Estudio. https://bisiesto.es/que-es-figma-para-que-sirve/Bustos, J. L. (2024, April 24). ¿Qué es Zeplin y cómo funciona? | KeepCoding Bootcamps. KeepCoding Bootcamps. https://keepcoding.io/blog/que-es-zeplin-como-funciona/Bustos, J. L. (2024, April 24). ¿Qué es Sketch y cómo funciona? KeepCoding Bootcamps. https://keepcoding.io/blog/que-es-sketch-aspectos-generales-funcionamiento/