-
Tipo de titulación: Certificado de "Diseñador web
Certificado "Diseño de interfaz de usuario avanzado" -
Cualificaciones adicionales: Certificado "Diseño web con HTML/CSS/Dreamweaver"
Certificado "Diseño Gráfico con Adobe CC"
Certificado "JavaScript
Certificado "Diseño UI/UX -
Examen final: Praxisbezogene Projektarbeiten mit Abschlusspräsentationen
-
Horario de las clases: A tiempo completoDe lunes a viernes, de 8.30 a 15.35 horas (en semanas festivas, de 8.30 a 17.10 horas).
-
Lengua de enseñanza: Alemán
-
Duración: 22 Semanas
Diseño web (HTML/CSS/Dreamweaver)
HTML (aprox. 5 días)
Marco básico
Etiquetas para la creación de texto (h1-h6, p, br)
Conceptos básicos de CSS
Comandos de formato de texto
Andamiaje de etiquetas HTML (por ejemplo, header, nav)
Integración de gráficos y preparación en Photoshop
Favicons
Enlaces
Enlaces internos, externos, telefónicos, mailto
Listas y tablas
Formularios en HTML
Elementos de formulario
Integración de elementos de vídeo y audio
Integración de YouTube y Google Maps
Diferencias entre XHTML y HTML
Inteligencia artificial (IA) en el proceso de trabajo
Presentación de tecnologías específicas de IA
y posibles aplicaciones en el entorno profesional
Fundamentos CSS (aprox. 5 días)
Conceptos básicos de Dreamweaver
Opciones de integración de especificaciones CSS (estilo interno, externo, en línea)
Diseño de texto con CSS
Atributos CSS para el diseño de bordes y espaciado (padding, margin)
Diseño de fondos con CSS
Conceptos básicos de float/clear
Espaciado de columnas con float
Colores con CSS
Clearfix
Pseudoelementos (::before/::after)
Pseudoclases (:nth-of-type)
Pseudoclases de lista/visualización/enlace
Navegación con ul/li (horizontal/vertical)
CSS Flexbox (aprox. 5 días)
Columnas con Flex
Alineación de elementos con Flex
Columnas en columnas con Flex
Uso de fuentes personalizadas (@font-face)
Fuentes con Dreamweaver
Dreamweaver - Diseñador de CSS
Posición CSS
Posiciones: relativa/absoluta/fija
Opciones para el diseño de formularios mediante CSS
Gradientes de color CSS
CSS - transición/transformación
Diseño web adaptable (aprox. 6 días)
Breakpoints, viewport, media queries
Diseño responsive de cabeceras e imágenes de cabecera
Elementos de imagen en HTML
Navegación móvil con hover
Activar hover en click en móviles Apple
Evento de clic mediante CSS (con casilla de verificación)
Navegación responsive con click
Botón hamburguesa animado
Acordeón CSS (usando botones de radio)
Menú desplegable para escritorio y móvil
Diferentes diseños
Pseudoclase CSS :target
Sitio de una página - estructura de página
Navegación responsive con control :target
Ventajas de los sitios de una página
JavaScript (aprox. 9 días)
Integración de aplicaciones
Introducción a JavaScript/jQuery
If-then-else
Variables
Objeto de datos
Array Tipo de datos
ScrollTop
Bucle For
Objeto matemático
Menú adhesivo (js/css)
Mostrar/ocultar menú con desplazamiento
Uso de vh/vw y calc
Impresión obligatoria de información/protección de datos
Aviso de cookies
Font-awesome - Biblioteca de símbolos
Filtro CSS
Variables CSS
Optimización del sitio para los motores de búsqueda (SEO)
Object fit - gráficos que rellenan el marco
Animación CSS
Rejilla CSS
Grid-template-areas
Introducción al framework CSS Bootstrap
Trabajo por proyectos (aprox. 10 días)
Consolidar los contenidos aprendidos
Presentación de los resultados del proyecto
Diseño gráfico con Adobe CC
Introducción a Adobe Creative Cloud (aprox. 2 días)
Los programas de escritorio de un vistazo: Photoshop, Illustrator, InDesign
Aplicaciones móviles de Adobe para diseño gráfico
Bibliotecas de Creative Cloud
Tendencias de color e inspiración (por ejemplo, Adobe Stock, Adobe Color)
Adobe Bridge, Adobe Exchange
Conceptos básicos (aprox. 1 día)
Arte frente a diseño
Disciplinas de diseño, principios de diseño
Proceso de diseño
Leyes de percepción del diseño
Flujo visual y disposición
Relación figura-fondo
Ilusiones y fenómenos ópticos
Efectos de interferencia, ley de Hick
Perspectiva y efecto espacial
Forma y color (aprox. 2 días)
Punto, línea y superficie
Disposición, peso, formato, proporciones y relaciones de aspecto
Teoría del color, sistemas de color, diseño del color (armonías, contrastes)
Propiedades, efecto y significado
Atención a través de la forma y el color
Creación y edición de formas (signos, pictogramas, iconos)
Inteligencia artificial (IA) en el proceso de trabajo
Presentación de tecnologías específicas de IA
y posibles aplicaciones en el entorno profesional
Imágenes (aprox. 3 días)
Experiencia y calidad de imagen
Gráficos vectoriales y de píxeles
Investigación, idea, mood board, eye-catcher y storytelling
El ser humano como motivo
Imágenes en la comunicación corporativa
Diseño y edición de imágenes
Tipografía y maquetación (aprox. 5 días)
Anatomía de las letras
Historia de las fuentes, clasificación de fuentes, mezcla de fuentes
Lectura tipográfica, tipografía detallada
Flujo de trabajo: maquetación, reglas básicas de una buena maquetación
Área tipográfica y cuadrícula de diseño
Dramaturgia, dirección visual y enfoque
Realización y presentación de ideas de maquetación
Visión general de la salida de archivos (impresión, digital)
Diseño corporativo (aprox. 2 días)
Diseño corporativo frente a identidad corporativa
Elementos básicos
Diseño de logotipos, signos y marcas
Realización - palabra-imagen-marca
El manual de diseño corporativo (guía de estilo)
Trabajo por proyectos (aprox. 5 días)
Consolidar los contenidos aprendidos
Presentación de los resultados del proyecto
Javascript
Conceptos básicos de JavaScript (aprox. 7 días)
Introducción a JavaScript, historia, ámbitos de aplicación
Versiones de script ECMA
Integración de JavaScript en HTML
IDE: Instalación e introducción de WebStorm
Elementos del lenguaje: variables, constantes, tipado
Tipos de datos primitivos: Número, cadena, booleano
Tipos de datos de colección: Matrices, objetos
Copia por referencia frente a copia por valor
Operadores aritméticos y lógicos
Estructuras de control: condiciones, bucles, funciones
Ámbito, ámbito global, ámbito de bloque
Tratamiento de errores
Almacenamiento local: cookies, almacenamiento web
JSON
Importación y exportación de ES6
Control de versiones con Git, introducción a GitHub
Manipulación del DOM con JavaScript (aprox. 5 días)
Selección de HTML
Contenido, atributos y estilo
Eventos, objeto evento, burbujeo
Observador de intersección y observador de mutación
Crear, copiar, mover y borrar elementos DOM
Frameworks/Bibliotecas (aprox. 1 día)
Cree su propia biblioteca
IA (aprox. 1 día)
Presentación de tecnologías específicas de IA en el entorno profesional
Inteligencia artificial (IA) en el proceso de trabajo
Integración de la IA en el IDE
Utilización de la IA para la finalización del código, la refactorización y el apoyo al aprendizaje
Trabajo por proyectos (aprox. 6 días)
Consolidar los contenidos aprendidos
Presentación de los resultados del proyecto
Diseño UI/UX
Introducción general (aprox. 1 día)
UX, Usabilidad, UI, Directriz de modelo mental, Directriz de factores humanos
Principios del diseño centrado en el usuario
ISO 9241-210/HCD
Accesibilidad: Términos básicos, requisitos legales (BITV, directivas de la UE), importancia para el diseño de UX
Proceso de diseño de sistemas interactivos utilizables
Tipos de herramientas de IA en el contexto UI/UX (texto, imagen, análisis)
HCD: Análisis - contexto de uso (aprox. 2 días)
Personae y mapa de empatía
Recorrido del cliente
Visión general de la analítica web/cuestionario
HCD: Especificación de los requisitos de utilización (aprox. 1 día)
Escenarios, historias de usuario
Modelo de tareas, flujos de tareas
Entrevistas contextuales y observación
Estudios diarios
HCD: Creación de soluciones de diseño para cumplir los requisitos de uso (aprox. 1 día)
Directrices y normas: 7 principios de diálogo de la norma ISO 9241-110
10 principios de diseño de interfaces de usuario según Jakob Nielsen
Percepción visual, regularidades
Soluciones de diseño HCD: Taxonomía, arquitectura de la información y conceptos de navegación (aprox. 3 días)
Diagrama de flujo
Flujo de usuarios
Arquitectura de la información
Microarquitectura de la información
Estrategia de conversión
Conceptos de navegación y mapa del sitio
Clasificación de tarjetas: planificación, preparación, ejecución y evaluación
Patrones de navegación móvil (navegación bootom, menús de hamburguesa, pestañas)
Visión general de la gestión ágil de proyectos (aprox. 1 día)
Modelo en cascada frente a métodos ágiles
Visión de la gestión ágil según el método Scrum
Épica, historia de usuario y tarea
Diseño del método sprint
Soluciones de diseño HCD: Diseño de interfaz de usuario (aprox. 2 días)
Guía de estilo, KIT de interfaz de usuario, biblioteca de patrones y sistema de diseño
Componentes/elementos y formularios de interfaz de usuario
Colores, fuentes y tipografía en la IU, iconos
Accesibilidad: contrastes de color y fuentes legibles, elementos de control (tamaño, espaciado, enfoque)
Pruebas automatizadas de contrastes, legibilidad y textos alternativos.
Breve descripción de la estructura semántica (HTML/ARIA)
Diseño atómico
Diseño mobile first
Soluciones de diseño HCD: Técnicas de diseño con Figma (aprox. 3 días)
Estructura y conceptos básicos: páginas y marcos, cuadrículas de diseño, restricciones
Componentes y variantes (botones, bibliotecas, sistemas de diseño)
Diseño responsivo (marcos, auto maquetación)
Garabatos, wireframes, maquetas
Creación de prototipos: interacciones, transiciones, superposiciones, intercambio de prototipos
Uso de funciones de IA en Figma y herramientas complementarias para la creación rápida y la variación de diseños
Pruebas de usabilidad y evaluación (aprox. 2 días)
Visión general de los métodos de pruebas de usabilidad
Pensar en voz alta: planificación, preparación, ejecución y evaluación
Cuestionarios (UEQ, AttrakDiff, VisAWI)
Pruebas A/B
Accesibilidad: pruebas con teclado y lector de pantalla
Uso de ayudas y herramientas
Trabajo por proyectos (aprox. 4 días)
Consolidar los contenidos aprendidos
Presentación de los resultados del proyecto
Diseño de IU Avanzado
Formación en profundidad en Figma (aprox. 4 días)
Breve repetición de las funciones básicas de creación de prototipos
Adobe Layout para diseños complejos y adaptables
Interacciones avanzadas: Animaciones, componentes interactivos y microinteracciones
Creación de prototipos para diferentes dispositivos
Uso de variables y lógica condicional
Dev handoff con Figma (Dev Mode/Inspect)
Integración de pruebas de usuario y bucles de retroalimentación
Figma AI en la vida cotidiana: generación de contenidos, reescritura de textos, apoyo a las sugerencias de diseño
Inteligencia artificial (IA) en el diseño de interfaces de usuario (aprox. 1 día)
Escenarios de aplicación y límites
Herramientas externas de IA para el diseño de IU (por ejemplo, generadores y asistentes de IU basados en IA)
Introducción a Axure RP (aprox. 2 días)
Funciones básicas y avanzadas de Axure
Creación de prototipos dinámicos e interactivos
Uso de variables y lógica condicional
Trabajo con paneles dinámicos
Simulación de la interacción entre los usuarios y la interfaz
Entrega y publicación de prototipos de alta fidelidad a los equipos de desarrollo
Flujos de trabajo entre herramientas (aprox. 1 día)
Colaboración y versionado en Figma (ramas, bibliotecas)
Transferencia de diseños a herramientas de gestión de proyectos y desarrollo
Trabajo de proyecto (aprox. 2 días)
Consolidar los contenidos aprendidos
Presentación de los resultados del proyecto
Es posible que se produzcan cambios. El contenido del curso se actualiza periódicamente.
Una vez que haya completado el curso, estará familiarizado con el flujo de trabajo completo para el diseño web moderno y será capaz de producir sitios web fáciles de usar y sofisticados: Conocerá los fundamentos del diseño, los conocimientos más importantes de HTML, CSS y Dreamweaver, el uso de JavaScript y Ajax, así como la creación de interfaces de usuario atractivas.
Además, serás capaz de aplicar técnicas avanzadas de creación de prototipos en Figma y tendrás confianza en el uso de Axure RP. Podrás crear interfaces de usuario interactivas y dinámicas con paneles dinámicos, variables y lógica condicional en Axure y también llevar a cabo todo el flujo de trabajo -desde el concepto hasta la creación de prototipos y la entrega a los desarrolladores- y gestionar proyectos de forma eficiente integrando las herramientas.
Diseñadores web, programadores web, diseñadores gráficos, diseñadores de medios de comunicación, especialistas de profesiones artísticas o personas responsables de la concepción, el diseño y la realización práctica de sitios web que deseen adquirir los conocimientos y competencias necesarios.
Hoy en día, casi todas las empresas confían en una presencia atractiva en Internet para representarse como empresa. Los principales empleadores potenciales son agencias de diseño gráfico, publicidad, web, multimedia o de servicios integrales, así como proveedores de software y bases de datos. Los conocimientos de diseño web son necesarios en casi todos los sectores. Con los conocimientos adecuados, el autoempleo también es una perspectiva interesante.
Además, un conocimiento avanzado del diseño de interfaz de usuario le abrirá un amplio abanico de oportunidades profesionales en agencias gráficas, web y de software. La comprensión de las técnicas modernas de creación de prototipos es muy demandada en casi todos los sectores, lo que te dará excelentes perspectivas como diseñador de interfaz de usuario o desarrollador front-end.
Su significativo certificado proporciona una visión detallada de las cualificaciones que ha adquirido y mejora sus perspectivas profesionales.
Concepto didáctico
Tus profesores están altamente cualificados tanto profesional como didácticamente y te enseñarán desde el primer hasta el último día (no hay sistema de autoaprendizaje).
Aprenderá en grupos reducidos y eficaces. Los cursos suelen constar de 6 a 25 participantes. Las lecciones generales se complementan con numerosos ejercicios prácticos en todos los módulos del curso. La fase práctica es una parte importante del curso, ya que durante ella se procesa lo aprendido y se adquiere confianza y rutina en su aplicación. La parte final del curso incluye un proyecto, un estudio de caso o un examen final.
Aula virtual alfaview
Las clases se imparten utilizando la moderna tecnología de vídeo alfaview®, ya sea desde la comodidad de su propia casa o en nuestras instalaciones en Bildungszentrum. Todo el curso puede verse cara a cara a través de alfaview®, comunicarse entre sí con una calidad de voz sincronizada con los labios y trabajar en proyectos conjuntos. Por supuesto, también podrás ver y hablar con tus formadores conectados en directo en cualquier momento y recibirás clases de tus profesores en tiempo real durante todo el curso. Las clases no son e-learning, sino auténtica enseñanza presencial en directo a través de la tecnología de vídeo.
Los cursos de formación de alfatraining están subvencionados por Agentur für Arbeit y certificados de acuerdo con el reglamento de homologación AZAV. Al presentar una solicitud a Bildungsgutscheino Aktivierungs- und Vermittlungsgutschein, la totalidad de los costes del curso suelen correr a cargo de su organismo financiador.
También es posible obtener financiación a través de Europäischen Sozialfonds (FSE), Deutsche Rentenversicherung (DRV) o programas de financiación regionales. Como soldado regular, tiene la posibilidad de asistir a cursos de formación continua a través de Berufsförderungsdienst (BFD). Las empresas también pueden cualificar a sus empleados a través de un programa de financiación de Agentur für Arbeit (Qualifizierungschancengesetz).