Sexy Web Design (30 horas)

Transcripción

1 Sexy Web Design (30 horas) - Diseñe sorprendentes interfaces web de cero. - Domine los conceptos clave de diseño web. - Cree sitios web atractivos y, por supuesto, funcionales. - Domine los principios de diseño de interfaces: Investigación, estructura, estética y entregables. - Detone su talento artístico! y aún hay más. Muchas cosas más que sólo asistiendo a clase podrás obtener! 1 / 6

2 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! Perfil de ingreso: Cualquier persona interesada en la creación de un sitio web. Nivel de audiencia: Principiantes - Intermedios. 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 2 / 6

3 El *Brief Guiando el brief Expander 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 Detallar 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 3 / 6

4 Diseño de composiciones Organizar capas Presentae 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: Por confirmar 4 / 6

5 Matutino (lunes a viernes de 8:00 hrs a 11:00 hrs ) Próximo inicio: 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 5 / 6

6 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 6 / 6