-
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 y Visual Studio Code"
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 (código HTML/CSS/Visual Studio)
HTML y CSS (aprox. 6 días)
Introducción a HTML
Marco básico
Etiquetas para la creación de texto (h1-h6, p, br, span)
Comandos de formato de texto
Integración de gráficos
Enlaces (internos, externos, telefónicos, mailto link)
Favicons
Listas y tablas
Estructura sintáctica correcta
Comprobación con la herramienta de validación del W3C
Introducción a CSS
Opciones de integración de las especificaciones CSS (estilo interno, externo, en línea)
Comandos básicos (diseño de texto, color de fuente, color de fondo)
Contenedores HTML
Uso y estilo de los contenedores
Integración de YouTube y Google Maps
Reproductor de vídeo y audio
Ajuste a objetos
VS Code (aprox. 1 día)
Introducción a VS Code
Extensiones adicionales para VS Code. (por ejemplo, Live Server, Emmet Commands, Copilot (AI))
Utilización de la IA en combinación con VS Code
Técnicas de maquetación (aprox. 4 días)
Clases, IDs, selectores
Introducción al modelo de caja
Relleno, margen, borde, borde-radio y sus abreviaturas
Introducción a Flex-Box
Layouts con flex box
Alineación con Flexbox
Introducción al sistema de rejilla
Layouts con Grid
Alineación con Grid System
Texto flotante alrededor de imágenes con float y clear
Propiedades generales de visualización de etiquetas
Imágenes de fondo
Estado y valores (aprox. 1 día)
Introducción de pseudoclases (hover, active, focus, nth-child, first-child, last-child)
Pseudoelementos (::before, ::after, content)
Especificidad (valor de los códigos)
Posicionamiento (aprox. 2 días)
Introducción a las posiciones
Estática, absoluta, fija, pegajosa, relativa
Izquierda, derecha, arriba, abajo, z-index
Menús desplegables
:target
:target en combinación con menús de navegación y modales
Formularios (aprox. 2 días)
Introducción a los formularios
Conjunto de campos, leyenda
Entradas, áreas de texto, etiquetas, valores, nombre, selecciones
Autocompletar
Diseño de formularios con CSS
Integración de php-script en acción con AI
Efectos y fuentes con CSS (aprox. 1 día)
Efectos de transición CSS
Transición, filtro, transformación
Degradados de color, box-shadow, text-shadow
Integración de fuentes con @font-face
Diseño web adaptable (aprox. 2 días)
Introducción al diseño adaptable
Consultas de medios, puntos de ruptura
Paisaje, modo portait
Imágenes responsive con picture y srcsets
Edición de imágenes, compresión de imágenes
Generación de imágenes con IA
Optimización para motores de búsqueda (aprox. 1 día)
Introducción al SEO
Optimización en la página y uso de textos generados por IA
Optimización del rendimiento para mejorar el SEO y presentación de las herramientas adecuadas
Técnicas CSS e interacción (aprox. 2 días)
Variables CSS
Modo oscuro
Cálculo con CSS
Introducción a las animaciones CSS
Duración, retardo, dirección, timing-function, iteration-count, fill-mode
Botón de hamburguesa animado
One-pager y multilingüismo (aprox. 2 días)
Introducción a los one-pagers
Desplazamiento suave
Integración de la biblioteca fontawesome
Manejo de gráficos SVG
Integración de capas y personalización de CSS
Sitios web multilingües
Extensiones y frameworks (aprox. 1 día)
Introducción a Bootstrap
Uso de los componentes de Bootstrap
Diseño responsive con Bootstrap
JavaScript (aprox. 3 días)
Introducción a JavaScript
Métodos JavaScript/jQuery
Crear jQuery Lightbox
Variables
Sentencias if-else
Desplazamiento, ventana, redimensionamiento
matrices
Bucle For
Objeto matemático
Requisitos legales y gestión de proyectos (aprox. 2 días)
Derecho de Internet
Derechos de autor en relación con la AI/KI
Accesibilidad
Gestión de proyectos
Trabajo por proyectos (aprox. 10 días)
Consolidar los contenidos aprendidos
Presentación de los resultados del proyecto
Diseño gráfico
Software de diseño, IA y flujos de trabajo de diseño modernos (aprox. 2 días)
Adobe Creative Cloud: Photoshop, Illustrator, InDesign de un vistazo
Affinity Suite: Photo, Designer y Publisher de un vistazo
Bibliotecas Creative Cloud, Adobe Fonts, Adobe Colour y Adobe Stock
IA en el proceso de diseño: Firefly, herramientas generativas, prompting
Oportunidades, límites y ámbitos de aplicación de la IA
Fundamentos del diseño gráfico (aprox. 2 días)
Arte frente a diseño
Disciplinas de diseño, principios de diseño y proceso de diseño
Pensamiento de diseño y desarrollo de ideas
Leyes de percepción del diseño
Flujo visual y disposición
Relación figura-fondo
Forma y color (aprox. 2 días)
Punto, línea, superficie y forma
Formato y proporciones
Teoría del color y efectos cromáticos
Contrastes, armonías y conceptos cromáticos
El color en el contexto de la marca, el impacto y la legibilidad
Imágenes (aprox. 3 días)
Calidad y formatos de imagen
Gráficos vectoriales y de píxeles
Lenguaje visual, impacto visual y narración visual
Investigación, brainstorming y mood boards
Imágenes en la comunicación corporativa
Conceptos básicos de edición de imágenes y desarrollo de imágenes con ayuda de la IA
Derechos de imagen y derechos de uso
Tipografía y maquetación (aprox. 3 días)
Clasificación y selección de fuentes
Lectura tipográfica, tipografía detallada
Jerarquías tipográficas
Flujo de trabajo en la maquetación
Área tipográfica y retícula de diseño
Desarrollo y evaluación de conceptos de maquetación
Visión general de la salida de archivos (impresión, digital)
Diseño corporativo y de marca (aprox. 1 día)
Diseño corporativo frente a identidad corporativa
Diseño de logotipo, sello y marca denominativa/imagen
Sistemas de color, forma y tipografía en la identidad de marca
Guías de estilo y sistemas de diseño coherentes
Accesibilidad (aprox. 1 día)
Fundamentos del diseño accesible
Criterios de diseño para una comunicación accesible (por ejemplo, legibilidad, contraste, selección de colores)
Medios digitales y cross-media (aprox. 1 día)
Conceptos básicos de publicación digital y diseño adaptable
Formatos de archivo para web, aplicaciones y redes sociales
Adaptación de contenidos a distintos canales con ayuda de IA
Optimización de la maquetación basada en IA para diseños móviles
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 a 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 regularmente.
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 Visual Studio Code, 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).