Sexy Web Design (30 horas)

• Diseña sorprendentes interfaces web de cero.

• Domina los conceptos clave de diseño web.

• Crea sitios web atractivos y, por supuesto, funcionale.

• Domina los principios de diseño de interfaces: Investigación, estructura, estética y entregables.

• ¡Detona tu talentos artístico!

…y aún hay más. Muchas cosas más que solo asistiendo a clase podrás obtener!

Descripción:Sexy Web Design es un curso - manos a la obra - fácil de seguir que revela los secretos de como construir sorprendentes y originales  interfaces web desde cero. En este curso el alumno es guiado a través del proceso entero para la creación de amigables  y excelentes sitios web, aplicando los principios de diseño centrado en el usuario que han perdurado a través del tiempo.

Aunque no tengas habilidades de diseño, con este curso, crearás soprendentes sitios web en muy poco tiempo.

Logra sitios web impactantes través de técnicas sencillas y prácticas que cualquiera puede seguir, no necesariamente a través de años y años en escuelas de arte o de diseño.

¡Descubre los secretos que los grandes diseñadores guardan para ellos!

Nivel de audiencia: Principiantes - Intermedios. Cualquier persona interesada en la creación de un sitio web.

Temario

Parte 1. Las interfaces son sexys.

Interfaces en el mundo real | Interfaces web | Objetivos del diseño web | Lo que hace tu sitio | Como se ve tu sitio  | Usabilidad y accesibilidad  | El proceso de diseño

Parte 2. Investigación

El *Brief | Guiando el brief | Expandiendo el brief | El brief final  | Primeros pasos l El elemento diversión | Gravedad y autoridad | Inventiva e innovación  | Balance: información y atmosféra l ¿Qué importa más? | Consistencia de marca | Fuentes de inspiración | Inspiración atmosferica | Inspiración de composición  | Inspiración funcional | Mirar afuera del sitio | Colección de herramientas | Investigación: un proceso continuo

Parte 3. Estructura

Mapas de sitio | Sketch o bosquejo inicial | Mapa de sitios vs navegación | Diagramas terminados | *Wireframing | Maneras de dar peso | Checklist | Otros sitios como ejemplos de propuesta de wireframe  | Sketch o bosquejo | Plantilla inicial | Página inicial | ¿Y ahora qué?

Parte 4. Navegación e interacción

Navegación | Navegación =  lista | El problemático botón de inicio | Tipos de navegación | Estilos de navegación | Nuestra forma de navegar | Formularios | Uso de formularios | Contenido audio visual | Complejidad contra sencillez | Uso de video | Comercio eléctronico | Detallando la interacción | Un ligero cambio de planes | Conclusiones

Parte 5. Estética

Introducción a la composición y *layouts  | Tradiciones de arte y diseño  | ¿Fijo o flexible? | La capa artística| Atmósfera y humor | Color | Contraste | Consistencia | Volumen y profundidad | Texturas y patrones | *Imagery | Fotografía | Ilustración | Iconografía | Tratamientos de imagen | Tipografía | Tipografía en la web | Escogiendo Typefaces | Tipografía decorativa | Convención vs innovación | Aplicando todo en conjunto | La composición final | Utilizar reticulas | Color | Colección de imágenes | Patrones y texturas  | Contraste y énfasis  | Consistencia en nuestro diseño  | Nuestro tipo de uso  | Nuestro uso de convenciones e innovación  | Conclusiones

Parte 5. Entregables

Diseño de composiciones | Organizando capas | Presentando los *Mockups en el navegador | Guías de estilo | Layout | Color | *Motifs y técnicas | Tipografia y texto | Imagenes | El desarrollo importa | ¿Algo más? | Buena suerte

Inversión Total $5,800 MN (IVA incluido)

Formas de pago

Proximas fechas y horarios

Intensivo (Lunes a jueves de 10:00 hrs a 18:00 hrs)

Próximo inicio: Lunes 21 de mayo de 2012

Matutino (Lunes a viernes de 8:00 hrs a 11:00 hrs )

Por confirmar

Vespertino (Lunes a viernes de 19:00 hrs a 22:00 hrs)

Por confirmar

Sabatino (Sábados de 14:00 a 19:00)

Por confirmar

* en el sector publicitario - the brief o briefing -   es el documento o la sesión informativa que proporciona información a la agencia para que genere una comunicación, anuncio o campaña publicitaria, o en nuestro contexto para crear el sitio web.

* wireframing - En diseño web, un wireframe es una representación esquemática de una página web sin elementos gráficos que muestran contenido y comportamiento de las páginas. Sirven como herramienta de comunicación y discusión entre arquitectos de información, programadores, diseñadores y clientes.

* layout - en diseño grafico y publicidad, un layout integral (comprenhensive layout), usualmente acortado a comp, es la composición de una página de un diseño propuesto inicialmente a un cliente, mostrando las posiciones relativas de texto e ilustraciones antes de incluir contenidos mas especificos o incluso de algunos que aun no se han determinado, como un bosquejo preliminar del layout final sobre el cual se trabaja.

* imagery - es una colección de imagenes.

* mockups - en diseño un mockup es un prototipo si este provee al menos parte de la funcionalidad del sistema y permite probar el diseño de este.

* motifs - en artes visuales motifs o motivos visuales, son un lenguaje para comunicar ideas visuales.

Fuente: Wikipedia