Cómo hacer UI futurista: ¿necesario buscar a un informático?
5 seguidores
Este año nuevo me he propuesto meterme en el mundillo de UX. Me haría mucha ilusión aprender a hacer una interfaz futurista (al estilo de las que aparecen en las pelis de ciencia ficción) para verla en el navegador (o, en su defecto, para verla en el PC como un ejecutable o algo así).
He oído que con Sketch se hacen cosas muy chulas pero lo he estado viendo y me ha parecido un editor de gráficos muy orientado al móvil ¿es así? Además, cuando haga las pantallas lo que tendré será sólo un prototipo estático ¿no? ¿las animaciones y efectos se ven? Y cuando esté todo listo, ¿necesitaré programar algo o sólo tendré imágenes? Muchas gracias. Un saludo.
JBB
Sketch es para realizar el diseño de las pantallas, para realizar los prototipos y animaciones tienes dos opciones.
Con InVison y Marvellapp puedes realizar prototipos de las pantallas estáticas que has diseñado en Sketch y exportado en jpg o png y puedes aplicar animación.
Luego está programas de terceros como Principle y Flinto con más opciones de edición, permiten abrir documentos de Sketch y puedes realizar todo tipo de interacciones y animaciones para crear un prototipo o crear GIFs para mostrar la interacción de lo que has diseñado.
Si luego necesitarás programar, la respuesta es que sí, deberás de exportar los assets del diseño que hayas realizado para poder desarrollarlos en código.
Hay opciones como Framer que permiten realizar el diseño visual de pantallas y realizar la interacción/animaciones y poder tocar algo de código, luego está también adobe XD viene con herramientas de prototipado sin necesidad de apps de terceros.
Una buena opción es Figma pero es una app web, pero eso facilita a la hora de compartir los elementos y assets porque es tan solo copiar el código además tiene herramientas de prototipado, si no puedes esperar a InVison Studio que lo tendrá todo.
En resumen ya sea Sketch o otro, son programas de diseño UI/UX para realizar el diseño visual de una interfaz, ya sea una app o web con ellas no vas a programar nada, como mucho en algunas puedes modificar algo de código o exportar.
smalonso Mod
Las UIs futuristas tipo cómo las pelis, se diseñan con Illustrator o Photoshop porqué para conseguir ese aspecto normalmente se requiere aplicar ciertos filtros. Se animan con After Effects y un plugin llamado Form de Trapcode, o también con ciertos elementos 3D ya sean importados de Cinema4D o Maya, y esos elementos de nuevo a After Effects.
Para desarrollarla cómo website se hace con html5 y webgl, cosa que no te recomiendo que te metas si vas perdido. Y para desarrollarla cómo ejecutable, aún más difícil, se usa la librería de gráficos QT y se programa en C++.
Pero si vas a hacer el concepto te recomiendo que la diseñes cómo imagen y lo animes con after effects. Todo lo que ha comentado @JBB son muy buenos softwares que se usan para diseño e interacción de interfaz, pero en este caso concreto creo que no llegaría a conseguir el effecto buscado.
Suerte :)