EFFECTOS DE INTERFACe Y NAVEGACIÓN

Tamaño: px

Comenzar la demostración a partir de la página:

Download "EFFECTOS DE INTERFACe Y NAVEGACIÓN"

Irene Murillo Domínguez
hace 8 años
Vistas:

1 TOOLS CONVOCATORIA DIC/2015 INTERFACe Y SEDE EN LA INDUSTRIAL DIRECCIÓN: C/ SAN ANDRÉS 8, MADRID C O L A B O R A N : INFO: DINOS@MRMARCELSCHOOL.COM

2 MrMarcel School es una escuela del Siglo XXI, una nueva manera de hacer formación basada en el compromiso con las personas y con la profesión, que apuesta por la excelencia, la autonomía intelectual del alumno y su razonamiento independiente como herramientas esenciales. Dirigida a comunicadores visuales en cualquiera de sus ámbitos. Las profesiones creativas, son en esencia una fuente de satisfacción y de desarrollo personal. Este sector se caracteriza por vivir en constante cambio, por lo que los profesionales del futuro deberían tener una gran capacidad de adaptación y un perfil claramente visionario, innovador y multidisciplinar para ser competitivos. Enriqueciendo así su trayectoria y garantizando su crecimiento personal y profesional. MrMarcel School, es una escuela pequeña por creencia y grande por ambición. Pequeña, para poder atender de una forma cercana las necesidades de cada alumno y para que estudiar en ella sea un valor añadido, por su calidad y exclusividad (solo 30 alumnos al año por promoción y disciplina). Grande, porque nuestro objetivo es desarrollar el mejor futuro posible, mediante una enseñanza tan selecta y cuidada, que facilite su incorporación al mundo profesional en la mejor de la condiciones posibles. Perseguimos que nuestros alumnos disfruten de lo que hacen, además de ser valorados por ello. 1

3 INTRODUCCIÓN El diseño digital está alcanzando su madurez. Los usuarios cada vez demandan más que las web y aplicaciones que utilizan sean atractivas no solo visualmente sino en la forma de utilizarlas. Conceptos como Experiencia de usuario y Diseño de interacción están empezando a tener un peso importante durante el proceso de diseño de una aplicación y empiezan a aportar valor desde el momento que se pueden medir y comprobar su efectividad. REQUISITOS -Ordenador propio*. -Conocimiento medio de HTML y CSS. Tienes que saber maquetar paginas web y colocar elementos: Floats, position absolute y esas cosas. -Un editor de código: El que te guste más. Puedes usar Dreamweaver, WebStorm, Sublime Text... el que quieras. -Navegadores para testar: Chrome y Firefox (Developer edition). *La escuela dispone de ordenadores en alquiler para los interesados. COMO ES EL CURSO Y QUÉ QUEREMOS CONSEGUIR BREVE DESCRIPCIÓN Y TRAYECTORIA DEL DOCENTE. Te introduciremos primero en las técnicas básicas de animación con CSS (transiciones y animaciones). A usarlas no solo para introducir efectos en tus creaciones sino también a darles propósito e intención. Te enseñaremos como dispararlas usando JavaScript con un código mínimo que puedas copiar y pegar. No es necesario que sepas nada de JavaScript, deja eso de nuestra parte. El objetivo es enriquecer tu página con efectos que capten la atención del usuario mediante sus interacciones como rollovers y clicks. También te introduciremos en técnicas de parallax. Realizaremos un estudio de diferentes elementos de interface comunes y veremos como se puede mejorar la experiencia de usuario y usabilidad utilizando animaciones y efectos. Joseba Alonso es el encargado de la parte técnica de la productora digital Refr3sh. Cuenta en su haber con más de 12 años de experiencia como docente y 15 años en el sector del diseño y desarrollo digital. A escrito varios libros para Anaya y dado varias conferencias para Adobe, así como trabajado para todas las grandes agencias de publicidad del país. Programador de vocación nació en los CDs multimedia y las BBS preinternet y ha ido evolucionando con la tecnología y las nuevas formas de comunicación hasta manejar las últimas tecnologías web y mobile. A QUIÉN VA DIRIGIDO ESTE CURSO? A diseñadores y maquetadores que quieren llevar sus creaciones más allá de lo estático mejorando la experiencia de usuario con transiciones y efectos. 2

4 20H MAGISTRALES + PRÁCTICAS + TUTORÍAS. CONVOCATORIA: DICIEMBRE 2015 LUNES / 20h30 a 22h30 JUEVES / 20h30 a 22h30 JUEVES / 20h30 a 22h30 1.INTRODUCCIÓN AL 4.PRINCIPIOS DE LA ANICURSO / TRANSFORMACIO- MACIÓN / CREAR ANIMANES 2D. CIONES CON PROPÓSITO. 7.TRANSICIONES DE PÁGINA. MIÉRCOLES / 20h30 a 22h30 LUNES / 20h30 a 22h30 LUNES / 20h30 a 22h30 2.ANIMACIONES Y TRANSICIONES CON CSS3. 5.MEJORANDO LA UX EN UN FORMULARIO. 8.SPRITESHEETS, SVG Y VIDEO. JUEVES / 20h30 a 22h30 MARTES / 20h30 a 22h30 MARTES / 20h30 a 22h30 3.CREANDO EFECTOS DE HOVER. 6.TRANSFORMACIONES 3D. 9.QUÉ SON LAS SPA / CÓMO FUNCIONA EL PARALLAX. MIÉRCOLES / 20h30 a 22h30 10.CREANDO UNA PÁGINA CON PARALLAX. 3

5 Made with love.

Documentos relacionados

TOOLS FEBRERO 2016. html5 + CSS3 SEDE EN LA INDUSTRIAL DIRECCIÓN: C/ SAN ANDRÉS 8, 28004 MADRID INFO: DINOS@MRMARCELSCHOOL.COM WWW.MRMARCELSCHOOL.

TOOLS FEBRERO 2016. html5 + CSS3 SEDE EN LA INDUSTRIAL DIRECCIÓN: C/ SAN ANDRÉS 8, 28004 MADRID INFO: DINOS@MRMARCELSCHOOL.COM WWW.MRMARCELSCHOOL. TOOLS FEBRERO 2016 html5 + CSS3 SEDE EN LA INDUSTRIAL DIRECCIÓN: C/ SAN ANDRÉS 8, 28004 MADRID INFO: DINOS@MRMARCELSCHOOL.COM WWW.MRMARCELSCHOOL.COM C O L A B O R A N : MrMarcel School es una escuela del