jueves, 7 de mayo de 2015

Video tutorial Diseño web Be Responsive ideal para Programadores y Diseñadores Graficos- mas recursos - ejemplos



Francisco Avelendo de FA Design
te enseñará a diseñar una web original o tu propio portfolio desde el concepto hasta su preparación para ser programada.

Mediante la realización de tu propio portfolio online, aprenderás todos los pasos para diseñar webs hasta dejar el fichero preparado para elprogramador, y además te adentrarás en el‘Responisve Web Design’ o diseño web adaptativo, el método más usado actualmente que permite que tu diseño se adapte a todos los dispositivos. Desmárcate de los típicos portfolios prediseñados creando el tuyo desde cero y quién sabe, este curso puede ser el primer paso para dedicarte de lleno al diseño web o te sirva para complementar tus servicios creativos.


REQUISITOS
Para realizar este curso necesitarás principios básicos de diseño gráfico, una libreta para dibujar y un nivel medio de Photoshop. No es necesario tener conocimientos de diseño web, simplemente una idea básica con la experiencia de navegar por internet.

Contenido:

  • Introducción al Diseño Web
  • Arquitectura de la información
  • Concepto y diseño visual
  • Preparar los archivos para el programador
  • Proyecto final

Orden de los Archivos:

0.-Presentación/Presentación.mp4 (24.35 MB)
1.-Introducción al Diseño Web/1 FA Design y el diseño web.mp4 (13.80 MB)
1.-Introducción al Diseño Web/2 Bases del diseño web.mp4 (26.33 MB)
1.-Introducción al Diseño Web/3 Inspiración.mp4 (70.47 MB)
1.-Introducción al Diseño Web/4 Responsive Web Design.mp4 (62.07 MB)
1.-Introducción al Diseño Web/Recursos adicionales/Partes_de_una_web.png (41.62 KB)
1.-Introducción al Diseño Web/Recursos adicionales/Responsive-Unresponsive.pdf (147.76 KB)
2.-Arquitectura de la información/La reticula (Grid system).mp4 (44.33 MB)
2.-Arquitectura de la información/Organizar el contenido.mp4 (41.98 MB)
2.-Arquitectura de la información/Recursos adicionales/base_web-SinGutter.zip (178.64 KB)
2.-Arquitectura de la información/Recursos adicionales/comparativa-gutter.png (174.53 KB)
2.-Arquitectura de la información/Recursos adicionales/Retócula.zip (200.13 KB)
2.-Arquitectura de la información/Wireframing.mp4 (94.67 MB)
3.-Concepto y diseño visual/1 Concepto grafico.mp4 (46.01 MB)
3.-Concepto y diseño visual/2 Construir la web.mp4 (43.42 MB)
3.-Concepto y diseño visual/3 Definir los elementos graficos.mp4 (58.73 MB)
3.-Concepto y diseño visual/4 Variaciones fondos.mp4 (63.69 MB)
3.-Concepto y diseño visual/5 Definir instancias.mp4 (38.03 MB)
3.-Concepto y diseño visual/6 Diseñar el resto de pantallas.mp4 (62.25 MB)
3.-Concepto y diseño visual/7 Definir las funciones Responsive.mp4 (44.50 MB)
3.-Concepto y diseño visual/Recursos adicionales/Base_de_Photoshop.zip (200.10 KB)
3.-Concepto y diseño visual/Recursos adicionales/Base_de_Photoshop_-_iPad.psd (1.34 MB)
3.-Concepto y diseño visual/Recursos adicionales/Base_de_Photoshop_-_movil.psd (781.99 KB)
3.-Concepto y diseño visual/Recursos adicionales/Juego_gratis_de_elementos_graficos.zip (2.35 MB)
3.-Concepto y diseño visual/Recursos adicionales/Portafolio_FA_Design_-_Responsive.png (1.37 MB)
3.-Concepto y diseño visual/Recursos adicionales/variaciones-fondos.jpg (1.15 MB)
4.-Preparar los archivos para el programador/1 Promocionar tu web.mp4 (21.66 MB)
4.-Preparar los archivos para el programador/2 Limpiar y organizar.mp4 (30.94 MB)
4.-Preparar los archivos para el programador/3 El programador.mp4 (39.09 MB)
4.-Preparar los archivos para el programador/mockups.zip (1.90 MB)




Contraseña: javafaceelblogdelprogramador

No hay comentarios:

Publicar un comentario