En un mundo digital en continua evolución, el dominio del diseño de interfaces se ha convertido en una habilidad crucial para quienes buscan liderar en la creación de proyectos web y aplicaciones móviles atrayentes y funcionales. El curso «Master en Diseño de Interface en Proyectos Web, APPs: Especialidad en Sketch y Marvel» ofrece una formación integral en las últimas técnicas y herramientas esenciales del diseño digital. Desde los fundamentos de Adobe Photoshop CC para la composición visual hasta el diseño web profesional con Dreamweaver CC, este programa cubre aspectos vitales para el desarrollo web moderno. Además, se profundiza en el diseño responsivo, adaptando contenidos a dispositivos móviles a través de HTML5, CSS3 y JavaScript, habilidades demandadas en el mercado laboral actual.
Las interfaces intuitivas y la experiencia de usuario excepcional son el corazón de los productos digitales exitosos. Parte de la capacitación incluye el aprendizaje avanzado de diseño de interfaces, así como una especialidad práctica en Sketch y Marvel para la prototipación y pruebas de concepto, culminando con habilidades robustas en gestión de proyectos de diseño.
Este Master no solo está alineado con las tendencias actuales sino que prepara a los estudiantes para ser pioneros en el diseño interactivo, haciendo de esta experiencia educativa una inversión estratégica en su futuro profesional. Optar por esta formación es escoger un camino de excelencia, innovación y éxito en el vasto campo del diseño de interfaces.
El Master en Diseño de Interface para Web y APPs, con especialización en Sketch y Marvel, está diseñado para diseñadores gráficos, web y desarrolladores front-end que buscan profundizar en Adobe Photoshop CC, Dreamweaver CC y técnicas avanzadas con HTML5, CSS3 y Javascript. Ideal para aquellos interesados en el diseño de interfaces intuitivas y gestión de proyectos de diseño. Este curso es perfecto si deseas dominar el diseño responsive y crear experiencias de usuario memorables en distintas plataformas y dispositivos.
Objetivos
– Dominar Photoshop CC.
– Crear webs con Dreamweaver.
– Diseñar para móviles.
– Aprender JavaScript básico.
– Usar HTML5 y CSS3 avanzado.
– Manejar Sketch y Marvel.
– Gestionar proyectos de diseño.
Salidas Profesionales
El Máster en Diseño de Interface en Proyectos Web y APPs con especialización en Sketch y Marvel abre un amplio rango de salidas laborales. Graduados están capacitados para ser diseñadores UX/UI, expertos en Adobe Photoshop y Dreamweaver, y dominar el diseño web responsivo. Con habilidades en HTML5, CSS3 y JavaScript, podrán crear experiencias de usuario interactivas y visualmente atractivas. Además, estarán preparados para la gestión de proyectos de diseño, pudiendo liderar equipos en estudios de diseño, agencias digitales o como freelancers.
Lenguajes utilizados en la web: HTML, CSS y JavaScript
Resoluciones de pantalla y diseño adaptable
Creación y configuración de un sitio web
Sitio local y sitio remoto
Gestión de archivos y carpetas del proyecto
Panel Archivos
Sincronización con servidor remoto
Espacio de trabajo de Dreamweaver
Vistas del documento: Código y Vista en vivo
Edición de código HTML y CSS
Autocompletado, sugerencias y validación
Propiedades del documento
Estructura básica de un documento HTML5
Etiquetas semánticas
Inserción y edición de texto
Listas y elementos estructurales
Enlaces y anclajes
Buenas prácticas en marcado HTML
Formatos de imagen para la web
Inserción de imágenes
Optimización y tamaño de imágenes
Uso de SVG
Accesibilidad en imágenes
Uso adecuado de tablas en HTML
Creación y edición de tablas
Propiedades de filas y celdas
Aplicación de estilos CSS a tablas
Concepto de hojas de estilo en cascada
Creación y vinculación de archivos CSS
Selectores y propiedades básicas
Tipografía web y web fonts
Colores y fondos
Modelo de cajas
Posicionamiento de elementos
Flexbox
Introducción a CSS Grid
Diseño responsive mediante media queries
Principios del diseño adaptable
Estructuras fluidas
Imágenes responsive
Pruebas en distintos dispositivos desde Dreamweaver
Estructura de formularios HTML5
Tipos de campos y atributos
Validación nativa de formularios
Estilos CSS aplicados a formularios
Buenas prácticas de usabilidad
Conceptos básicos de JavaScript
Uso de JavaScript en páginas web
Interacción básica con el DOM
Separación de estructura, estilo y comportamiento
Concepto de plantillas en Dreamweaver
Creación y uso de plantillas
Regiones editables
Biblioteca de elementos
Actualización de páginas basadas en plantillas
Configuración de servidores remotos
FTP y SFTP
Subida y actualización de archivos
Comprobación de vínculos
Mantenimiento básico del sitio web
Introducción
Programación del lado del cliente
Programación del lado del servidor
¿Qué utilizaremos?
¿Qué necesita saber?
La etiqueta SCRIPT
Contenido alternativo
Variables
Tipos de datos
Operadores
Cuadros de diálogo
Introducción
Estructuras de decisión
Estructuras lógicas
Estructuras de repetición
Definir funciones
Llamadas a funciones
Ámbito de las variables
Introducción
La jerarquía de objetos
Propiedades y eventos
Métodos
¿Qué es una URL?
El objeto Location
Redirigir a otra página
El objeto History
Introducción
La propiedad Title
Los colores de la página
El método write
El conjunto images
Formularios HTML
El conjunto forms
La propiedad elements
Validar la información
¿Cuándo realizar la validación?
Tipos de validación
El conjunto frames
El objeto navigator
El objeto screen
MÓDULO 2. DISEÑO WEB AVANZADO CON HTML5 + CSS3
Introducción
Editor de texto
Navegadores
Introducción HTML
¿Cómo creamos documento HTML?
Características básicas
Textos en HTML
Enlaces
Listas en HTML
Imágenes y objetos
Tablas
Formularios
Estructuras y layout
Otras etiquetas importantes
¿Qué es la Metainformación?
Accesibilidad
Validación
Introducción CSS
Soporte de CSS en navegadores
Especificación oficial
Funcionamiento básico de CSS
¿Cómo incluir CSS en la Web?
Estilo básico
Medios CSS
Comentarios
Sintaxis de la definición
Selectores CSS
Unidades de medida
Colores
Modelo de cajas
Propiedades de las cajas
Margen, relleno, bordes y modelo de cajas
Posicionamiento y visualización
Posicionamiento
Visualización
Introducción a layout
¿Cómo centrar una página horizontalmente?
¿Cómo centrar una página verticalmente?
Estructura y layout
Altura/anchuras máximas y mínimas
Estilos avanzados
Textos en CSS
Enlaces
Imágenes
Listas
Tablas
Formulario
Versión para imprimir
Personalizar el cursor
Hacks y filtros
Prioridad en las declaraciones
Validar CSS
Recomendaciones Generales
Recursos útiles
¿Qué es Firebug?
¿Como se instala?
¿Como usamos Firebug?
¿Qué es HTML5?
¿Cuáles son las mejoras?
Etiquetas Obsoletas
Etiquetas modificadas
Lista de etiquetas HTML5
Atributos eliminados
Otros cambios
Estructura HTML5
Nueva estructuración del body
Otros elementos nuevos de estructuración
Introducción a atributos globales
Nuevos atributos
Introducción a los nuevos eventos.
Elemento bdi
Elemento command
Elemento data
Elementos details
Elemento mark
Elemento meter
Elemento progress
Elemento ruby
Elemento time
Elemento wbr
Nuevos elementos para los Formularios
Cambios en el atributo type (input)
Nuevos atributos para form
Nuevos atributos para fieldset
Nuevos atributos para input
Nuevos atributos para textarea
Introducción a los elementos multimedia
Etiqueta source
Etiqueta track
Elemento video
Elemento audio
Elemento embed
Elemento canvas
Introducción a MathML
Introducción a SVG
Introducción a Drag and Drop
Validador HTML5
Introducción
Unidades, colores y fuentes
Nuevos Selectores y pseudo-clases
Propiedades para la animación
Nuevas propiedades para los fondos
Nuevas propiedades para Bordes
Propiedades de las cajas
Propiedades de las cajas flexibles
Propiedades del color
Propiedades para las Fuentes
Propiedades para los hiperenlaces
Propiedades de las multi-columnas
Propiedades para texto
Propiedad 2D/3D Transform
Propiedades para las transiciones
Propiedades para la interfaz de usuario
Validación CSS3
Introducción
Diseño web para teléfonos móviles con HTML5, CSS3 y Jquery mobile
Media Queries
Local Storage
Frameworks para la programación de aplicaciones móviles basadas en HTML
Publicar una aplicación en Google Play
Actividad Práctica
Funcionalidad de curso de diseño de interfaz
Archivos base de Ejemplo práctico de diseño de interfaz
Interfaz y novedades de Sketch 2 y Sketch 3
Trabajar con Sketch
Colores y tipografía en Sketch
Añadir imágenes
Qué es un UI Kit
Crear un menú web
Completamos para menú web
Sistemas de paginación en Sketch (Ejemplos)
Formulario en nuestra interfaz
Botones sociales en nuestro para interfaces
Notificaciones para nuestro kit de interfaz
Botones básicos con Sketch y bloques de contenido
Simulando un FAQ con Sketch
Presentación de perfil en nuestro kit de interfaz
Tag cloud o nube de etiquetas
Cita de autor en nuestro kit
Mini player musical: fondo, barra y botones
Finalización
Funcionalidad del curso Diseño de interfaz con Sketch y Marvel
Desarrollo Diseño de interfaz con Sketch y Marvel
Creación de Briefing y planificación del proyecto con Sketch
Aplicaciones y creación de documento Sketch
Creación con Sketch
Diseño de la pantalla para login de Sketch
Asistente de vestuario en Sketch
Resumen de la aplicación creada con Sketch y resultado
Organización y contenido del documento en Sketch
Pantallas adicionales en la aplicación creada con Sketch
Capacidades y extracción de contenidos en Sketch
Estilo en la aplicación de Sketch
Herramienta de prototipado Marvel
Crear interacción con la herramienta Marvel
Creación del prototipo con Marvel
Creación de diseño del prototipo con Marvel
Compartimos nuestro prototipo
Conceptos previos de normalización y estandarización
Relación de la norma con otros estándares de gestión de proyectos: PMBOK®, PRINCE2…
Introducción a la norma UNE-ISO 21500:2013
Objeto y campo de aplicación de la norma
Historia, contexto actual y futuro de la ISO 21500
Costos de implantación de la norma
Periodo de vigencia de la norma
Estructura de la norma ISO 21500
Definición de conceptos generales de la norma
Clasificación de los procesos en grupos de proceso y grupos de materia
Grupo de procesos del inicio del proyecto
Grupo de procesos de planificación del proyecto
Grupo de procesos de implementación
Grupo de procesos de control y seguimiento del proyecto
Grupo de procesos de cierre del proyecto
Introducción a la materia “Integración”
Desarrollo del acta de constitución del proyecto
Desarrollar los planes de proyecto
Dirigir las tareas del proyecto.
Control de las tareas del proyecto
Controlar los cambios
Cierre del proyecto
Recopilación de las lecciones aprendidas
Introducción a la materia “Partes Interesadas”
Identificar las partes interesadas
Gestionar las partes interesadas
Introducción a la materia “Alcance”
Definir el alcance
Crear la estructura de desglose de trabajo (EDT)
Definir las actividades
Controlar el alcance
Introducción a la materia “Recursos”
Establecer el equipo de proyecto
Estimar los recursos
Definir la organización del proyecto
Desarrollar el equipo de proyecto
Controlar los recursos
Gestionar el equipo de proyecto
Introducción a la materia “Tiempo”
Establecer la secuencia de actividades
Estimar la duración de actividades
Desarrollar el cronograma
Controlar el cronograma
Introducción a la materia “Coste”
Estimar costos
Desarrollar el presupuesto
Controlar los costos
Introducción a la materia “Riesgo”
Identificar los riesgos
Evaluar los riesgos
Tratar los riesgos
Controlar los riesgos
Introducción a la materia “Calidad”
Planificar la calidad
Realizar el aseguramiento de la calidad
Realizar el control de la calidad
Introducción a la materia “Adquisiciones”
Planificar las adquisiciones
Seleccionar los proveedores
Administrar los contratos
Introducción a la materia “Comunicaciones”
Planificar las comunicaciones
Distribuir la información
Gestionar la comunicación
Titulación
Doble Titulación: – Titulación de Máster en Diseño de Interfaz de Usuario con Sketch y Marvel con 1500 horas expedida por EDUCA BUSINESS SCHOOL como Escuela de Negocios Acreditada para la Impartición de Formación Superior de Postgrado, con Validez Profesional a Nivel Internacional – Titulación Propia Universitaria en Gestión Integrada Proyectos – Project Management con 5 Créditos Universitarios ECTS