Todos los recursos que necesitas para diseñar aplicaciones móviles

¿Quieres diseñar una aplicación móvil y no sabes por dónde empezar? Don´t panic! Empecemos por el principio: recopilando unos cuantos recursos para diseñar y prototipar tu aplicación.
Por
305 reacciones
305 Flares 305 Flares ×

El diseño de interfaces para dispositivos móviles es una profesión que apenas existía hace cinco años, pero en torno a la cual se está generando cada vez más demanda, como puedes ver en esta infografía. Entre la novedad y la velocidad con la que avanza el sector, resulta complicado saber cómo, y por dónde empezar a diseñar aplicaciones para móviles. Este post pretende ser una puerta de entrada, una ayuda para dar el siguiente paso ahora que ya tienes la idea genial con la que vas a forrarte en la app store. ¡Suerte!

INSPIRACIÓN

Quizás antes de empezar sería interesante que echaras un vistazo a lo que están haciendo los demás, para identificar patrones y tendencias. Estas webs recopilan los mejores ejemplos en aplicaciones de iOS y Android.

Android Niceties

android Todos los recursos que necesitas para diseñar aplicaciones móviles

Pttrns

pttrns Todos los recursos que necesitas para diseñar aplicaciones móviles

iOS Patterns

ios Todos los recursos que necesitas para diseñar aplicaciones móviles

Mobile Patterns

mobile Todos los recursos que necesitas para diseñar aplicaciones móviles
Otras páginas de inspiración que nos ha recomendado Armando Sotoca en los comentarios: Capptivate, Inspired-ui, y este post de animaciones y transiciones en Apps de Beautiful Pixels.

INTERFACES Y RECURSOS GRATUITOS

Llega el momento de empezar a diseñar, y para esto nada mejor que contar con algunos recursos básicos de inicio.

Responsive Sketchsheets

Lo primero es lo primero, trabajar sobre papel es importante. Con estas guías imprimibles te será mucho más fácil crear tus bocetos.
sketchsheets Todos los recursos que necesitas para diseñar aplicaciones móviles

iOS7 GUI PSD (iPhone)

Completo set de elementos de iOS7 para diseños de apps de iPhone, también la versión para iPad.
jpeg Todos los recursos que necesitas para diseñar aplicaciones móviles

Android 4 UI Design Kit PSD

Lo mismo pero para Android.
android1 Todos los recursos que necesitas para diseñar aplicaciones móviles
Pixeden
Interfaces de Apps en PSDs listas para trabajar.
pixeden Todos los recursos que necesitas para diseñar aplicaciones móviles

¿Quieres más?

Busca términos como “Mobile UI” en Pinterest o en Dribble, encontrarás joyitas.
pinterest Todos los recursos que necesitas para diseñar aplicaciones móviles

PROTOTIPOS

Standin

¿Diseñas tus apps desde photoshop? Este plugin es para ti. Stand in te permite animar los botones y pantallas de tu diseño directamente desde Photoshop, y además te muestra el resultado directamente en tu móvil, o en el de tu desarrollador o cliente, para que se hagan una idea lo más real posible del resultado final.
standin Todos los recursos que necesitas para diseñar aplicaciones móviles

Proto io

Esta web es muy potente, y cubrirá todas tus necesidades para crear prototipos impresionantes.

Codiga

Si hacemos caso a su slogan, Codiga es “The most intuitive mobile interface builder ever built. Period“.
codiqa Todos los recursos que necesitas para diseñar aplicaciones móviles

Fluid

Fluid es una forma gratuita y muy muy sencilla de crear mockups y prototipos de apps.
fluid Todos los recursos que necesitas para diseñar aplicaciones móviles

Marvel App

Sube tus PSDs desde tu cuenta de Dropbox, y en un par de clics vincula tus pantallas y anima las transiciones. ¡Facilísimo y gratis!

App Cooker

¿Prefieres prototipar tu app directamente desde tu móvil? Ningún problema, App Cooker te permite hacerlo sin muchas complicaciones.
appcooker Todos los recursos que necesitas para diseñar aplicaciones móviles

Pop

Pop es similar a App Cooker pero aún más sencillo, esta app te permite crear prototipos de diseños móviles directamente desde tu tablet o smartphone ¡escaneando tus bocetos en papel!
pop Todos los recursos que necesitas para diseñar aplicaciones móviles

Ahora ya sabes por dónde empezar a diseñar aplicaciones móviles, pero recuerda, el resultado solo depende de ti :)