Diseño web desde cero a PRO - curso gratuito de Skillbox, formación, Fecha: 29 de noviembre de 2023.

Figma de cero a PRO
Dominarás el programa de diseño web más popular a nivel profesional. Aprenda a crear prototipos interactivos, entregar diseños a los desarrolladores y ahorrar tiempo en tareas rutinarias.

Conociendo Figma
Comprenderá la interfaz y la configuración básica del programa. Aprenda a utilizar formas geométricas, capas y campos de texto. Construye tu primer prototipo.

Herramientas básicas de Figma
Aprenda qué son los marcos y en qué se diferencian de las capas. Aprenda a dibujar formas simples, agregue color, efectos y texto. Aprenda los conceptos básicos de la creación de prototipos.

Iconos, ilustraciones y fotografías.
Aprenda a crear sus propios íconos y manipular imágenes usando las herramientas internas de Figma. Puede crear diseños desde cero sin utilizar editores de terceros.

Componentes
Aprenda a crear componentes y utilizar el panel de configuración. Aprenda a crear prototipos interactivos y muestre al cliente cómo utilizará la gente el sitio futuro.

Bibliotecas de componentes y estilos comunes
Puede crear bibliotecas de estilos y kit de interfaz de usuario para estandarizar elementos de la interfaz. Aprenda a crear diseños prolijos utilizando cuadrículas modulares.

Diseño automático y variantes
Comprenderá cómo combinar diseños en un sistema utilizando la función Variantes. Podrás crear y adaptar elementos de interfaz complejos para diferentes dispositivos.

Documentos complejos de varias páginas
Aprenda a trabajar con pantallas básicas y cree un árbol de páginas. Comience con la función beta de Branches. Comprenderás cómo organizar el trabajo del equipo en diferentes versiones de un mismo diseño.

Funciones adicionales y comunidad de autores.
Descubra qué complementos le ayudarán a crear rápidamente borradores de proyectos y trabajar con ediciones. Aprenda a agregar animación a los prototipos.

Preparar un diseño para desarrolladores.
Puedes mostrarle al desarrollador los aspectos técnicos del proyecto y el código de los componentes. Aprenda a optimizar el trabajo de su equipo utilizando el complemento Figma Jam.

Diseño web desde cero hasta PRO
Te sumergirás en la profesión de diseñador web. Aprenderá cómo trabajar en un proyecto, desde la primera reunión con el cliente hasta el sitio web terminado. Aprenda a generar ideas creativas y aprovechar la investigación de UX. Perfecciona tus habilidades a través de sprints de diseño.

Introducción a la profesión de diseñador web.
Descubra qué problemas resuelven los diseñadores web y por qué estos especialistas tienen tanta demanda. Familiarícese con términos y herramientas profesionales.

Primer pedido: comunicación con el cliente y especificaciones técnicas
Aprenda a comunicarse con el cliente: descubra los objetivos y limitaciones del proyecto, discuta referencias, planifique plazos. Comprenderá cómo establecer las expectativas correctas en el trabajo y no prometer demasiado. Elaborar especificaciones técnicas.

buscar una idea
Comprenderá cómo la observación le ayuda a encontrar las mejores ideas de diseño. Aprenda a analizar a sus competidores, crear paneles de estado de ánimo y seleccionar referencias exitosas para su proyecto.

Rejillas modulares
Cada diseño comienza con una cuadrícula modular. Se familiarizará con sus tipos y aprenderá a elegir el correcto. Conozca los matices de las cuadrículas para versiones móviles y completas.

Ritmo vertical
Aprenda a controlar la atención de los usuarios con la ayuda de una composición competente y un ritmo vertical. Aprenda sobre la jerarquía visual y comprenda qué tamaño debe tener cada elemento de la página.

Tipografía
Aprenda a seleccionar fuentes y combinarlas entre sí. Comprenderás cómo crear un diseño eficaz teniendo en cuenta las reglas de la tipografía.

Carrera 1
Caro y minimalista: creamos un diseño de landing page basado en tipografía

La tarea de los textos en las interfaces
Conozca los requisitos de textos para interfaces. Aprenda los conceptos básicos de la redacción publicitaria UX. Podrás modificar los textos para que sean comprensibles para los usuarios y encajen perfectamente en el diseño.

Colores, fondos y sombras.
Domina la teoría del color y aprende sobre sus funciones en la interfaz. Comprenderá cómo seleccionar una paleta para un sitio web y resaltar los elementos que son más importantes para el usuario. Puede crear sombras realistas para botones y otros componentes de diseño.

Contraste y legibilidad
Aprenda a resaltar visualmente bloques importantes en una página y hacer que el texto sea más legible. Familiarícese con los principios del diseño inclusivo y pueda crear sitios web para una amplia audiencia.

Prototipo de primera página.
Cree una estructura alámbrica: un prototipo que se centre en la estructura y la lógica en lugar del diseño visual. Domina dos enfoques de diseño: bloque y estilo libre.

Carrera 2
Redacción UX: creamos una landing page y preparamos textos para todos los elementos de la interfaz.

Pantalla de primera página
Familiarícese con el método de diseño atómico, que acelerará el diseño de sitios web. Entenderás cómo captar la atención de los usuarios desde la primera pantalla. Aprenda a crear botones, íconos, campos de entrada de datos y formularios con un estilo y escala consistentes.

Investigación de usuarios: mapa del recorrido del cliente y flujo de usuarios
Aprenda a tener en cuenta las necesidades de su público objetivo en su diseño. Aprenda a crear un Customer Journey Map y User Flow, evalúe el comportamiento del usuario en cada etapa de interacción con el sitio.

Navegación
Comprender los tipos de navegación. Comprenderá para qué tareas y dispositivos es adecuado cada uno de ellos.

Diseño de bloques principales.
Aprenda a crear tarjetas de productos, controles deslizantes, bloques con beneficios, tarifas y publicidad. Armará una página completa y comprenderá cómo presentarla al cliente. Podrá explicar sus decisiones de diseño, aceptar ediciones adecuadamente y trabajar con las objeciones de los clientes.

Adaptabilidad y componentes
Conozca el diseño web responsivo y sus principios. Veamos las mallas adaptativas populares. Aprenda a crear una versión móvil de alta calidad del sitio.

Carrera 3
Adaptamos el formato de página para ordenador, tablet y teléfono móvil.

Presentación del proyecto al cliente.
Aprenda a presentar un proyecto de forma eficaz y comprensible. Aprenda a explicar sus soluciones al cliente y responder a preguntas típicas o inesperadas.

Transferir el diseño a los desarrolladores.
Ordenarás las capas y sus nombres, crearás animaciones simples de elementos y transiciones entre páginas y crearás una especificación. Aprenda a realizar una revisión del diseño después del diseño.

Carrera 4
Técnicas para un portafolio impresionante: crear un caso en Behance.

caso de cartera
Descubrirá qué es mejor para la promoción: un sitio web con una tarjeta de presentación o un portafolio en plataformas de diseño. Aprenda a crear casos en Behance para que su trabajo sea notado y apreciado. Obtenga más información sobre los métodos de promoción gratuitos y pagos.

Módulos de bonificación

1. Principios de un trabajo exitoso con el cliente.
2. Dónde buscar pedidos
3. Cómo trabajan los diseñadores en equipos grandes

Proyecto de graduación

Concepto de diseño de sitios web
Elija uno de los clientes reales y desarrolle un diseño de sitio web para su negocio. Utilice principios narrativos para hablar sobre su trabajo.