En la era digital actual, la demanda de interfaces de usuario intuitivas y visualmente atractivas es crucial para el éxito de cualquier proyecto web o aplicación móvil. Nuestro Master especializado en Diseño de Interface, con énfasis en Photoshop e Illustrator, forma a los profesionales para enfrentar estos retos con creatividad y eficacia. Aprenderás a conceptualizar y ejecutar diseños que mejoren la experiencia del usuario, basándote en una comprensión sólida de Photoshop CC y Dreamweaver CC, dos herramientas clave en la industria.
Este programa también se sumerge en el diseño web avanzado utilizando HTML5, CSS3 y JavaScript, capacitándote para crear sitios responsivos que se adaptan a una variedad de dispositivos móviles. Además, ahonda en la gestión de proyectos de diseño, preparándote para liderar y entregar soluciones de alta calidad.
Elegir nuestro curso significa apostar por una formación integral, que no solo te proveerá de habilidades técnicas actualizadas sino también del conocimiento para gestionar proyectos complejos con éxito. Todo ello desde la comodidad de un ambiente de aprendizaje en línea, flexible y que se ajusta a tus necesidades. Nuestro Master es la elección idónea para quienes buscan destacar en el competitivo mundo del diseño de interfaces web y apps.
Dirigido a diseñadores gráficos, web y de aplicaciones, el Master en Diseño de Interface en Proyectos Web, APPs ofrece formación avanzada en Photoshop e Illustrator, diseño web con Dreamweaver, HTML5, CSS3 y JavaScript. Ideal para quienes buscan dominar la creación de interfaces y gestionar proyectos de diseño de alto nivel con conocimientos actualizados y técnicas vanguardistas.
Objetivos
– Dominar Photoshop CC.
– Crear webs con Dreamweaver.
– Diseñar para móviles.
– Programar con JavaScript.
– Aplicar HTML5 y CSS3.
– Manejar interfaces en PS e IL.
– Gestionar proyectos diseño.
Salidas Profesionales
Tras completar el Máster en Diseño de Interface en Proyectos Web y APPs, especializado en Photoshop e Illustrator, los graduados tienen amplias oportunidades laborales. Pueden desempeñarse como diseñadores de interfaces y UX/UI para sitios web y aplicaciones móviles, especialistas en diseño web con Dreamweaver y HTML5 + CSS3, o expertos en JavaScript para proyectos dinámicos. Además, la formación en gestión de proyectos de diseño capacita para liderar iniciativas creativas. La versatilidad del conocimiento adquirido en Photoshop e Illustrator abre puertas en empresas de tecnología, estudios de diseño y agencias de publicidad.
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
Soluciones previas
Contenidos
Distribuir espacios y definir comportamiento
PARTES DE CONTENIDO
Creación de menú
Zona de proyectos
Zona de trabajos que utiliza
Zona y parte de cliente
Visualización y presentación del trabajo
Recapitular para continuar
Máscaras Flex
Contenidos para Flex y posibles posibilidades
Resumiendo
Textos y imágenes
Cambiar tamaños y zonas restringidas
Reconstrucción
Terminación y finalización del proyecto
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 UI Design con Adobe Photoshop e Illustrator 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