Diseño web. UX/UI - curso 66.360 rublos. de la Academia Digital de Moscú, formación, Fecha: 29 de noviembre de 2023.
Miscelánea / / November 30, 2023
Muchos de nuestros estudiantes, que vinieron desde cero, trabajan en reconocidas agencias digitales, empresas de TI o como autónomos en todo el mundo.
Desarrollamos tus habilidades de forma intensiva e interesante.
Hablamos con palabras sencillas sobre cosas complejas, sin agua ni largas y aburridas conferencias. Las conferencias de 15 a 20 minutos son fáciles de entender y digerir. Hemos creado simuladores únicos para Figma, referencias y UX que lo ayudarán a dominar rápidamente temas complejos y perfeccionar habilidades prácticas. Nuestro exclusivo simulador de Figma te ayudará a dominar Figma de forma rápida y sencilla.
La buena retroalimentación es la clave del éxito.
Nuestros mentores, que son diseñadores en ejercicio, le ayudarán a mejorar sus proyectos y responderán cualquier pregunta, incluso la más "estúpida". La retroalimentación estará disponible durante todo el curso.
Talleres en vivo
Nos encanta conocer a nuestros estudiantes, por eso organizamos talleres en vivo para ti, practicamos juntos y hacemos nuevas amistades digitales. En los talleres creamos una atmósfera similar al trabajo en un estudio para sumergir a los niños en el proceso de creación de un diseño y defensa de un proyecto en equipo.
Chat comunitario y soporte 19/7
Únete a la comunidad del diseño desde los primeros días de tus estudios. En los chats, los estudiantes comparten su trabajo y recursos útiles, y los curadores de la academia responden rápidamente cualquier pregunta.
Si ya es diseñador, tiene su propio portafolio y desea recibir comentarios al respecto, envíe un enlace a su portafolio: analizaremos su trabajo, delinearemos una trayectoria profesional y le diremos cómo puede mejorar.
Análisis de cartera y consejos para mejorarla
El diseñador principal y el equipo de MDA analizarán su cartera y le dirán qué habilidades debe mejorar y hacia dónde avanzar a continuación. También lo ayudaremos a escribir una excelente carta de presentación para la empresa de sus sueños. Puede elegir un formato de comentarios conveniente: videollamada o correspondencia a través de las redes sociales.
Chatear con vacantes
Publicamos ofertas de empresas asociadas, de nuestros graduados y ofertas simplemente interesantes para estudiantes de nivel junior y medio en diseño. No te olvides de los proyectos freelance: en nuestro chat podrás encontrar tanto tu trabajo principal como tu trabajo a tiempo parcial.
Empresas asociadas
Recomendamos a los graduados talentosos para trabajar en empresas asociadas, así como para realizar prácticas en YClients.
Vídeo en tu cuenta personal
El curso contiene un apartado completo sobre empleo: consejos sobre qué recursos buscar empleo y qué es mejor no hacer al solicitar una vacante.
Recibió una educación arquitectónica en NNGASU.
Ha trabajado con marcas: Shell, Sibur, ROSNO Allianz, Radisson, Muz-TV, AlfaStrakhovanie, grupo asegurador MAX, compañía de seguros VSK, S7 y otras empresas de renombre.
Ilustraciones para las revistas “Snob”, “Gaming” y otras.
Competencias clave:
- diseñar interfaces y diseños de proyectos web,
- diseño adaptativo,
- presentación de proyectos web para clientes,
- Desarrollo de ilustraciones para proyectos web.
Introducción al diseño. Práctica y herramientas
— Área de responsabilidad del diseñador.
— Cómo desarrollar un diseñador en uno mismo.
— ¿Cómo y dónde inspirarse?
— El proceso de creación del diseño.
Dominar el programa Figma. Práctica
— Conociendo Figma
- Herramientas básicas
— Simulador de Figma
— Animación en Figma
— Crea un diseño interactivo en Figma + usa GIF
— Estilos en Figma
— Diseño automático (teoría). PRO.
— Diseño automático (práctica). PRO.
- Componentes. PRO.
— Variantes. PRO.
- Mermelada de higos
— Complementos
Rejilla modular y composición.
— ¿Qué es una rejilla modular?
— Cómo diseñar una red modular
— ¿Qué es la composición, cómo se estructura?
— Color, combinación de colores, teoría del color.
— Trabajar con contenido
— Disposición de elementos en el sitio.
— Neuroestética
— Rejilla modular. PRO.
- DZ-1. Dibujar un sitio web de cartera
Tipografía
— Estado de ánimo, clasificación de fuentes.
— Anatomía de una fuente: interletraje, seguimiento, interlineado
— Edición: guión, guión, comillas, conjunciones colgantes
— Servicios, tipografías comerciales y no comerciales, cobro de tipografías, precios.
— Diseño de texto
— Pares de fuentes
— Qué fuentes usar
— Errores en tipografía.
Trabajar con referencias
— Trabajar con referencias. 1 parte.
— Trabajar con referencias. PRO.
— Formador de referencia
Etapas de desarrollo del proyecto
- Estudiar
— Estructura, prototipo y maquetación.
— Producción técnica
- DZ-2. Rediseño de una web de bar/web de interiorista (a elegir)
Características técnicas de los proyectos.
— ¿Cómo llega un sitio a Internet?
- ¿Qué es la interfaz? ¿Cómo funciona el código?
— ¿Qué es un backend?
— Dominio y hosting.
— ¿Cómo enviar un diseño para su desarrollo? ¿Qué hay que adjuntar, en qué formato y por qué?
UX y análisis
— ¿Qué es la experiencia de usuario? ¿En qué consiste?
- Arquitectura informacional. Jerarquía.
- Diseño de interacción
- Diseño visual
— Pruebas de usabilidad
— Análisis de experiencia de usuario
— Guiones personalizados
— Método de persona
- Mapa mental
— Creación de prototipos
— Niveles según James Garrett.
— Patrones de experiencia de usuario
— ¿Qué es un sistema de diseño?
— Sistema de diseño. Práctica
— Análisis de errores en el diseño visual.
— Principio de 4 preguntas
— Prototipos complejos y detallados
—DZ-3
—DZ-4
— Mapa del recorrido del cliente (CJM)
— Entrenador UX/UI (beta)
— ¿Por qué necesitamos la investigación de UX?
- Investigación cuantitativa. Centro.
— Herramientas para la creación de encuestas.
- Investigación cualitativa. Entrevista.
— Pruebas de usabilidad. PRO.
— Hipótesis.
— Historia de usuario / Trabajos por realizar
— Tarea sobre investigación de UX
Diseño adaptativo
— ¿Qué es el diseño responsivo?
— Cómo funcionan los permisos
— Tipos de diseño
— Recopilación adaptativa (nueva)
Protección del proyecto
— Preparación para la defensa
— Defensa del proyecto ante el cliente.
— Estimación
— Protección del proyecto de Grisha Kochenov
- DZ-5. dibujando un sitio web
Marca personal
— Trabajador independiente y a tiempo completo
— Formatos básicos de trabajo para diseñadores.
— ¿Qué quieren ver los empresarios?
— Dónde buscar trabajo como diseñador web
- Cartas de presentación
— Cómo pasar las entrevistas
— Casos exitosos
- DZ-6. Trabajo de graduación
Animación
— Microanimación
— Macroanimación
— Animación de la primera pantalla.
— Animación en ProtoPie
— Animación en principio
— Animación en Adobe After Effects
- Splines 3D
— Interfaces del futuro. Grisha Kochénov
Registro de obras
— Diseño de cartera. Cómo crear un caso de proyecto. ¿En qué consiste el caso?
— Análisis de ejemplos de casos de estudiantes.
— Cómo insertar tu diseño en una maqueta. Parte 1
— Trabajar con maqueta. Parte 2
— Diseño de caso en Behance en Figma
— Cómo publicar su caso en Behance
— Behance y etiqueta MDA
tilde
— Conociendo a Tilda
— Registro e interfaz
— Configuración del sitio y configuración de la página
— Bloques estándar
— Bloqueo cero, interfaz
— Bloque cero, trabajar con texto
— Bloque cero, trabajando con imágenes.
— Bloque cero, formas.
— Bloque cero, trabajando con botones.
— Bloque cero, herramientas adicionales
— Diseño seguro en Tilda, contenedor Grid
— Configuración de la pantalla de inicio
- Auto escala
— Sangrías en tilde
— Adaptación móvil
— Plantillas de animación de Varfolomeev.
- Tienda en línea
- Tienda en línea. PRO
— Noticias y transmisiones
- Área personal
— Diseño en Figma, contenedor de cuadrícula
— Diseño en Figma, contenedor de ventana
— Diseño en Figma, escala automática
— Transferencia automática de diseño desde Figma
— Modificaciones
— DZ según Tilda
Photoshop
Algunas lecciones para ayudarle a comprender las herramientas básicas que necesitarán los diseñadores web
Redacción de experiencia de usuario
Redacción UX, en qué se diferencia de la redacción publicitaria normal, se consideran ejemplos.
Marca
- ¿Qué es una marca? Componentes de marca.
- Libro de marca
— Posicionamiento, plataforma de marca.
— Dibujar un logo en Figma
Biblioteca
Libros para diseñadores web.