Vídeo Curso Diseño Web Adaptable Apps Aplicaciones Ipad Formulario

VÍDEO CURSO DISEÑO WEB ADAPTABLE APPS APLICACIONES PARA IPAD FORMULARIOS HOME PLANTILLAS

Aprende Paso a Paso con técnicas Profesionales cómo crear una aplicación para dispositivos móviles; los videotutoriales profundizarán al detalle en las características propias de una aplicación para iPad 100% funcional, un proyecto con estilo.

En la actualidad existe un fuerte interés por parte de los programadores en el desarrollo de aplicaciones para dispositivos móviles como: iPad, iPhone e iPod Touch. Dispositivos móviles que se hacen cada vez más populares en el mercado de las comunicaciones, porque proporcionan una plataforma con sistema operativo iOS y aumente de manera vertiginosa la adquisición de este tipo de aparatos por parte de los usuarios; se incrementa en la medida que encuentran en ellos nuevas aplicaciones o servicios que satisfacen sus necesidades básicas, profesionales, educativas y de entretenimiento.

CARACTERÍSTICAS  PRINCIPALES

1. Ejemplos Práctico  1:

- Agregador de noticias RSS (diseño vertical)
- Wireframe,  plantillas de la interfaz y medidas  y comenzaremos el diseño en Photoshop.

2. Cabecera:

Buscador, botones, barra para pestañas y zona central de noticias. En esta parte, crearemos la noticia principal, la selección lateral, el grupo inferior de noticias y terminaremos diseñando un sistema de paginación en el pie del documento.
 

3. Ejemplos Práctico  2: 

Aplicaciónes (diseño horizontal)

4. Interfaz  : 

Partiendo de nuevo de un prototipo, realizaremos  la interfaz de la home y diseñando los comportamientos: desplegar mis menús.

5. Resultado final:

Creación de  una pantalla  de espera e  icono pequeño  y  reconocible.

CONTENIDO TEMÁTICO DEL VÍDEO CURSO CREACIÓN APPS PARA IPAD

CREANDO PLANTILLAS

Organización en photoshop el PSD

Elementos gráficos básicos para la cabecera

Creando y resultado final  la cabecera

Diseñar un buscador

Crear un botón de acción para nuestro buscador

Crear una barra de pestañas

Completar la barra de pestañas

DISEÑANDO  ZONA DE NOTICIAS DE NUESTRA HOME 

Noticia principal

Selección lateral

Grupo inferior de noticias

Crear una sistema de paginación

CREANDO  PÁGINAS INTERIORES

Creando  la  página de resultado de búsqueda

Eliminar lo que no necesitamos

Diseñar un filtro para la búsqueda

Redistribuir y replicar

CREANDO  UNA PÁGINA DE DETALLE

Diseño del detalle de noticia

Rematar la página de detalle

Crear un formulario y su comportamiento

Diseñar la página Favoritos

Rematar la página de favoritos

EJERCICIO 2:

DISEÑO DE UNA APLICACIÓN HORIZONTAL

Estudio  de mercado

Preparación del archivo  wireframe

DISEÑANDO  CABECERA

Creando  la cabecera

Diseñar el contenedor destacado

Diseñar el contenido de la receta principal

Dar formato al texto

Crear un sistema de pestañas

Simular un listado de recetas

Completar nuestro listado

Crear la zona de tags

Ir a detalle: zona social

CREANDO  MENÚS  -  COMPORTAMIENTOS

Acceder a mi lista de la compra

Completar el diseño de la lista de la compra

Acceder a mis menús

DISEÑO WEB ADAPTABLE  RWD

Preparar el archivo vertical

Trasladar el diseño a orientación vertical

DISEÑO DE LAS PÁGINAS INTERIORES

Trabajar en el detalle

Acciones del usuario: desplegar la sección de recetas

Creando  un sistema de navegación secundaria

Incluir publicidad en la aplicación

RETOQUES FINALES

Crear una pantalla de espera

Resultados