Home ┬╗ Tendencias y habilidades ┬╗ Consejos, trucos y herramientas para ser dise├▒ador de aplicaciones
Consejos, trucos y herramientas para ser dise├▒ador de aplicaciones

Consejos, trucos y herramientas para ser dise├▒ador de aplicaciones

Cuando nos ponemos a pensar en el desarrollo de una aplicaci├│n, ya sea para m├│viles, para ordenadores o incluso para la web, es muy importante pensar en todo. Una de las cosas en las que hay que prestar especial atenci├│n es en la experiencia de usuario. Por eso es necesaria tener en el equipo de desarrollo a un dise├▒ador de aplicaciones.

El dise├▒o de interfaces para dispositivos m├│viles y webs es una profesi├│n que no exist├şa hace poco. Pero hoy en d├şa es una de las profesiones m├ís demandadas junto a la de desarrollador de aplicaciones.

Entre las novedades y la velocidad con la que avanza el sector de las tecnolog├şas, resulta complicado saber c├│mo y por donde empezar a dise├▒ar aplicaciones para m├│viles┬áy webs. Por eso hay que seguir una serie de consejos con los que empezar a dise├▒ar.

Lo primero para un diseñador de aplicaciones: La inspiración

Quizá lo primero que vas a tener que hacer en el momento en el que buscamos diseñar una aplicación es buscar que es lo que está haciendo el resto de diseñadores.

Por esta misma razón es imprescindible visitar algunas de las siguientes páginas que recopilan los mejores ejemplos en aplicaciones.

IOS Patterns

Empezamos con esta plataforma en la que vamos a poder elegir entre diferentes categor├şas entre las que encontramos Mapas, pantallas de login, di├ílogos, calendarios, listas, actividadesÔÇŽ para nuestros dise├▒os.

Todos estos diseños están basados en el esquema actual de Apple y sus dispositivos, por lo que nos encontraremos unos diseños muy similares entre ellos pero con variantes que los hacen realmente atractivos.

PTTRNS

Nos encontramos con otra de las plataformas en las que encontramos desde el pantallas de carga a eventos, pasando por listas, cartas, libros, carros┬áde la compraÔÇŽ para nuestros dise├▒os.

La diferencia la vamos a encontrar en que aqu├ş vamos a poder elegir entre los dise├▒os de Apple o en los de Android. Sin duda, un buen centro en el que encontraremos inspiraci├│n.

ANDROID NICETIES

Seguimos con las plataformas de este estilo, sin embargo ├ęsta es mucho mas sencilla que las dos anteriores. La diferencia reside en que aqu├ş nos va a dar igual si es para iOS o para Android.

dise├▒ador de aplicaciones niceties

Vamos a encontrar paletas y gu├şas con las que seguir el mismo dise├▒o que se muestra en las im├ígenes.

MOBILE PATTERNS

Volvemos con un poco de dise├▒o de iOS y de Android, ya que con esta herramienta vamos a encontrar diferentes estilos para las diferentes pantallas que queramos desarrollar.

Quizás los diseños que nos encontremos en diferentes ocasiones sean algo anticuados. Pero nunca se sabe dónde puede estar tu fuente de inspiración.

CAPPTIVATE

Aqu├ş ya empezamos a encontrar una herramienta con la que buscar exactamente lo que queremos. Ya que vamos a poder elegir la plataforma, los elementos e incluso el estilo que queremos aplicar.

dise├▒ador de aplicaciones

Estamos hablando del dise├▒o Blur, Arc, Drift, Fade, Fold, ParallaxÔÇŽ Adem├ís podremos ver en acci├│n en las im├ígenes que nos iremos encontrando en las pantallas.

Interfaces y recursos para dise├▒adores de apps

RESPONSIVE SKETCHSHEETS

Empezar a trabajar con tus dise├▒os y que respondan a trav├ęs de tus bocetos utilizando los sketchsheets. Pero, ┬┐esto para qu├ę sirve?

Esta herramienta es realmente ├║til para ver qu├ę es lo que suceder├í con los elementos de tu dise├▒o sin necesidad de programaci├│n. Por lo que es vital para todos los dise├▒adores de aplicaciones.

IOS8 GUI PSD (IPHONE)

No hay nada como hacer que tu aplicaci├│n se parezca al dise├▒o original del dispositivo en el que estamos trabajando.

dise├▒ador de aplicaciones

Por eso se ha creado un archivo .psd con el que vamos a poder tener los elementos que componen la interfaz de usuario de iOS.

ANDROID 4 UI DESIGN KIT PSD

Estamos ante el mismo tipo de plataforma que la anterior, pero en este caso es exclusivo para Android. La única pega es que vamos a encontrar la interfaz de usuario de la que dispondremos. Ya que vamos a encontrarnos la interfaz de Android 4.

PINTEREST

Si, todos conocemos a Pinterest y los montones de fotos que podemos encontrar en esta red social de fotograf├şas.

dise├▒ador de aplicaciones

┬┐Pero qu├ę pasar├şa si buscamos ÔÇťMobile UIÔÇŁ en el buscador de la red social? Pues que vamos a encontrar muchos de los estilos que ha creado la gente en sus casas. Sin duda, una forma de encontrar mucha inspiraci├│n.

Herramientas para dise├▒ar prototipos

Y llegamos al ├║ltimo punto para todo dise├▒ador de interfaces. Nos referimos al prototipado de aplicaciones m├│viles, una fase clave al arrancar cualquier proyecto digital. Es un paso importante, ya que hay que probar c├│mo se ve el dise├▒o que has realizado. Por esto existen ciertas herramientas que nos ayudan a realizar este paso.

STANDIN

Si eres un manitas del photoshop, este es tu plugin. Standin permite a los botones y las pantallas que dise├▒es directamente desde photoshop otorgarles una animaci├│n.

Además va a mostrar el resultado directamente en tu terminal móvil, o en el del desarrollador o cliente, para que hagan una idea del resultado final.

INVISION

La herramienta de moda para todos aquellos dise├▒adores de aplicaciones que permite probar todos tus prototipos antes de su lanzamiento.

Consigue alta fidelidad en menos de 5 minutos. Sube tus ficheros de dise├▒o, animaciones, gestos y prototipos.

PROTO IO

Esta es una de las webs más potentes para la maquetación de aplicaciones. Es realmente útil, y todo esto en una  sola página web.

dise├▒ador de aplicaciones

Pero, esto no es todo, ya que vamos a poder exportar en el momento en el que nos guste el resultado para presentarlo a su cliente.

Con todo esto, ya deber├şas estar cerca de terminar tu prototipo de dise├▒o de aplicaci├│n. Si todav├şa tienes dudas sobre c├│mo quieres que se muestre tu aplicaci├│n al mundo, tenemos profesionales cualificados que seguro que podr├ín ayudarte.

Proyecto Desarrolladores

Escrito por

Yeeply
Yeeply

Yeeply es una plataforma premium especializada en el desarrollo de apps m├│viles y sitios webs a medida. Desde 2012 nuestros clientes nos conf├şan el desarrollo de sus proyectos, y nos apoyamos a nivel t├ęcnico en los mejores profesionales certificados: desarrolladores de aplicaciones m├│viles o web freelance, empresas de software top, y agencias mobile m├ís punteras. ┬íCrear una app o crear una web nunca ha sido tan r├ípido, confidencial y seguro como con Yeeply! Publica tu proyecto de software en Yeeply y deja que nuestro equipo te ayude durante todo el proceso.