Con este videotutorial aprenderás a crear diseños de interfaces de usuario verticales y horizontales, a partir de los wireframes, psd, todo en 5 horas de vídeos totalmente prácticos, aprende paso a paso con los profesionales y se parte de ellos con este vídeo curso.

• Un poco de benchmarking
• Abrir el Wireframe
• Plantillas de la interfaz: medidas
•  Diseñar la cabecera de la home:

1.   Organización del PSD
2.   Elementos gráficos básicos para la cabecera
3.   Finalizando la cabecera
4.   Diseñar un buscador
5.   Crear un botón de acción para nuestro buscador
6.   Crear una barra de pestañas
7.   Completar la barra de pestañas

•  Diseñar la zona de noticias de nuestra home:

1.   Noticia principal
2.   Selección lateral
3.   Grupo inferior de noticias
4.   Crear una sistema de paginación

•  Crear una página de resultado de búsqueda:

1.   Eliminar lo que no necesitamos
2.   Diseñar un filtro para la búsqueda
3.   Redistribuir y replicar

•  Crear una página de detalle:

1.   Diseño del detalle de noticia
2.   Rematar la página de detalle
3.   Crear un formulario y su comportamiento
4.   Diseñar la página Favoritos
5.   Rematar la página de favoritos

• Presentación del ejercicio
• Un poco de benchmarking
• Preparación del archivo
•  Diseñar la home:

1.   Crear la cabecera
2.   Diseñar el contenedor destacado
3.   Diseñar el contenido de la receta principal
4.   Dar formato al texto
5.   Crear un sistema de pestañas
6.   Simular un listado de recetas
7.   Completar nuestro listado
8.   Crear la zona de tags
9.   Ir a detalle: zona social

•  Crear comportamientos:

1.   Acceder a mi lista de la compra
2.   Completar el diseño de la lista de la compra
3.   Acceder a mis menús

•  Responsive Design:

1.   Preparar el archivo vertical
2.   Trasladar el diseño a orientación vertical

•  Diseño de las páginas interiores:

1.   Trabajar en el detalle de receta
2.   Posibles acciones del usuario: desplegar la sección de recetas
3.   Crear un sistema de navegación secundaria
4.   Incluir publicidad en la aplicación

•  Últimos remates:

1.   Crear una pantalla de espera
2.   Diseñar un ícono