Inseguro de dónde
empezar?

Track

Certificado

Herramientas de Diseño UI/UX

Beginner

Al completar este curso, adquirirás las habilidades para diseñar interfaces web y móviles intuitivas y visualmente atractivas utilizando Figma, aplicar principios esenciales de UI/UX para mejorar la experiencia del usuario, y trabajar eficientemente con Adobe Photoshop e Illustrator para gráficos y elementos de diseño de alta calidad. Estas herramientas y técnicas ayudarán a crear productos digitales profesionales y fáciles de usar que atraen y retienen a los usuarios.

Design

Photoshop

Illustrator

Boost your Tech Skills!

with up to 55% off

What you'll get with our subscription:

Access to 85+ top-rated courses
AI-driven Learning
Workspaces for practicing your skills
Personalized study tracks
Certificates of completion

Training 2 or more people?

Get your team access to Codefinity courses anytime, anywhere.

Try Codefinity Teams

What you will learn

Explore design principles, user experience methodologies, and real-world UI/UX challenges through practical projects
Understand core design principles, including layout, typography, color theory, and composition
Gain expertise in Photoshop's selection tools, layers, masks, and adjustment layers for advanced photo editing
Master retouching techniques, color correction, and non-destructive editing to enhance digital artwork
Learn to create professional vector graphics, including logos, icons, and illustrations
Explore Illustrator's essential tools, layer management, and color manipulation techniques for high-quality design projects

126 chapters
13 hours
161 tasks

Trusted by employees of leading companies

Learning track content

Module 1 / Diseño UI/UX con Figma

Aprenda qué es Figma, cuál es su función en el diseño UI/UX y cómo navegar por su interfaz y herramientas. Explore el tablero FigJam para la lluvia de ideas y la colaboración, junto con las páginas y marcos en Figma, que constituyen la base para organizar y estructurar sus diseños de manera efectiva.

Descubra cómo las capas en Figma mantienen su diseño organizado. Explore cómo los grupos de formas facilitan la creación de elementos visuales atractivos. Aprenda a estilizar texto utilizando herramientas tipográficas.

Aprenda a colocar fotos y videos, utilizar máscaras y aplicar modos de fusión para diseños dinámicos. Dominio de colores, degradados, botones, auto layouts, componentes y estilos. Aprovechamiento de plugins y widgets para potenciar la creatividad y optimizar el flujo de trabajo.

Explora columnas, cuadrículas, complementos y la estructura de componentes padre-hijo para optimizar tu proceso de diseño.

Desarrollo de wireframes de baja fidelidad. Creación de prototipos interactivos. Animación de diseños. Presentación efectiva del trabajo a clientes.

Module 2 / Dominio de Adobe Photoshop

Aprenda a navegar en Photoshop, crear nuevos proyectos, personalizar el espacio de trabajo y familiarizarse con el software.

Domine las selecciones en Photoshop, comprenda el funcionamiento de las capas y utilice máscaras de capa, el primer paso para crear imágenes creativas.

Aprenda a eliminar objetos no deseados o distracciones de sus imágenes sin importar su tamaño, modificar la apariencia de algunos objetos y ajustar las luces y colores de una imagen.

¿Listo para adentrarte más en el mundo artístico de Photoshop? En esta sección, aprenderás más sobre los colores, la teoría del color, diferentes tipos de pinceles y patrones, cómo crear degradados y más.

Ahora que hemos aprendido la mayoría de los conceptos básicos de Photoshop, es momento de ser creativos y elaborar composiciones visuales.

Ya que hemos llegado al final del curso. Veamos cómo podemos gestionar nuestro flujo de trabajo y mantener todo organizado.

Module 3 / Guía Completa de Adobe Illustrator

Descubra cómo utilizar Illustrator explorando la interfaz, iniciando nuevos proyectos, personalizando el espacio de trabajo y adaptándose al software.

Comencemos a profundizar en Illustrator y comprendamos la diferencia entre imágenes ráster y gráficos vectoriales, lo cual será nuestro punto de partida para crear y gestionar objetos y formas.

¿Estás listo para sumergirte más en el mundo artístico de Illustrator? En esta sección, aprenderás más sobre la manipulación de formas, teoría del color, cómo crear degradados y más.

Es momento de aprender a crear cualquier ilustración desde cero y a colorearla.

Ahora que hemos aprendido la mayoría de los conceptos básicos, es momento de dar vida a nuestro lado artístico.

Finalicemos todo lo que hemos tratado, aprendiendo a perfeccionar ilustraciones, presentarlas y exportar recursos.

Module 4 / Fundamentos del Diseño

Explora qué significa el diseño, por qué es importante y el impacto que tiene en la comunicación y la resolución de problemas. Aprende cómo los diferentes tipos de diseño moldean experiencias en diversos campos, desde productos digitales hasta impresos. Descubre el papel de la investigación en la orientación de decisiones creativas y en la garantía de que las soluciones satisfagan eficazmente las necesidades de los usuarios.

Comprensión de cómo las líneas, formas y figuras estructuran los diseños visuales. Importancia del tamaño, el espacio y el formato para crear equilibrio. Contribución de la fotografía y las ilustraciones a la narrativa visual. Aplicación de los principios de la Gestalt para guiar la percepción y ayudar a los espectadores a conectar los elementos en un conjunto cohesivo y atractivo.

Domina los fundamentos de un diseño sólido. Explora énfasis, equilibrio, contraste, repetición y proporción para crear armonía y claridad. Analiza cómo el ritmo, el movimiento, el patrón y la jerarquía guían la atención, mientras que el espacio en blanco y la variedad aportan respiro y dinamismo. Descubre cómo la unidad integra todos los elementos para lograr impacto.

Sumérgete en la tipografía como un elemento central del diseño. Estudia la anatomía de la tipografía, el espaciado y la legibilidad para mejorar la comunicación. Aprende a seleccionar tipografías que se adapten al tono y propósito, y explora la jerarquía tipográfica para establecer orden y significado. La tipografía se convierte en una herramienta poderosa para definir tanto el estilo como la claridad.

Descubra el lenguaje y los sistemas del color, incluidos RGB, CMYK y Pantone. Explore la teoría y la armonía del color para crear trabajos visualmente equilibrados. Comprenda cómo el contraste afecta la legibilidad, cómo los espacios de color definen la consistencia entre medios y cómo la psicología del color influye en las emociones, la marca y la percepción.

Requirements

A computer with a browser - all browsers are supported.
Your enthusiasm to enhance your tech skills.
Everything else needed to start learning and practicing is already included in this course.

Over 200,000 5-star ratings and counting

Ruslan Kravchuk

Lo principal es aprender y no rendirse

El material es bueno, hay mucho que aprender, todo para ser mejor y lo principal es aprender lo que quieres....

Matteo Comune

Gracias a ellos estoy aprendiendo mucho…

Gracias a ellos estoy aprendiendo mucho más rápido porque te ayudan a entender todo desde cero. Es el mejor sitio web que ayuda a las personas sin conocimientos previos de IT...

Yuliana Cadavid

gran curso para principiantes

gran curso para principiantes, ponen a prueba tus conocimientos en cada lección...

Elpunzon

Estoy disfrutando de mi experiencia en Codefinity…

Estoy disfrutando de mi experiencia de aprendizaje de Python en Codefinity. La forma de aprendizaje autoinducido es genial porque puedo adaptarlo a mi horario...

Alexandru Alexandru

Es agradable aprender de codefinity

Es agradable aprender de codefinity. Es fácil y tiene buenos ejemplos de lo que aprendí aquí...

jacob Templet

Easy to follow along with and provides…

Fácil de seguir y proporciona desafío en mi vida cotidiana. El desafío me mantiene con ganas de aprender día tras día...

Elan

Codefinity es una herramienta de aprendizaje integral…

Codefinity es una herramienta de aprendizaje integral que te ayuda a desarrollar tus habilidades como ingeniero de software o científico de datos. Los ejercicios son divertidos y una buena...

Thibault

Primera vez aprendiendo a programar

Primera vez aprendiendo a programar y haciéndolo con éxito con Codefinity - Gracias...

Adrien Morel

Bien diseñado para principiantes totales

Bien diseñado para principiantes totales, el progreso incremental me da confianza....

_Gracy

simplemente está perfectamente bien explicado

¡Simplemente está perfectamente bien explicado! hasta ahora no he experimentado ninguna dificultad porque todo está tan bien organizado...

Ruslan Kravchuk

Lo principal es aprender y no rendirse

El material es bueno, hay mucho que aprender, todo para ser mejor y lo principal es aprender lo que quieres....

Matteo Comune

Gracias a ellos estoy aprendiendo mucho…

Gracias a ellos estoy aprendiendo mucho más rápido porque te ayudan a entender todo desde cero. Es el mejor sitio web que ayuda a las personas sin conocimientos previos de IT...

Yuliana Cadavid

gran curso para principiantes

gran curso para principiantes, ponen a prueba tus conocimientos en cada lección...

Elpunzon

Estoy disfrutando de mi experiencia en Codefinity…

Estoy disfrutando de mi experiencia de aprendizaje de Python en Codefinity. La forma de aprendizaje autoinducido es genial porque puedo adaptarlo a mi horario...

Alexandru Alexandru

Es agradable aprender de codefinity

Es agradable aprender de codefinity. Es fácil y tiene buenos ejemplos de lo que aprendí aquí...

jacob Templet

Easy to follow along with and provides…

Fácil de seguir y proporciona desafío en mi vida cotidiana. El desafío me mantiene con ganas de aprender día tras día...

Elan

Codefinity es una herramienta de aprendizaje integral…

Codefinity es una herramienta de aprendizaje integral que te ayuda a desarrollar tus habilidades como ingeniero de software o científico de datos. Los ejercicios son divertidos y una buena...

Thibault

Primera vez aprendiendo a programar

Primera vez aprendiendo a programar y haciéndolo con éxito con Codefinity - Gracias...

Adrien Morel

Bien diseñado para principiantes totales

Bien diseñado para principiantes totales, el progreso incremental me da confianza....

_Gracy

simplemente está perfectamente bien explicado

¡Simplemente está perfectamente bien explicado! hasta ahora no he experimentado ninguna dificultad porque todo está tan bien organizado...

Data Engineer

Certificado de Finalización

Muestra las habilidades que has adquirido recientemente. Te lo has ganado

Discover more
Learning tracks

	ProBest intro offer	UltimateA complete experience to kickstart your career
250+ Top-Rated courses
Completion certificates
AI-Assistant in all courses
40+ hands-on Real-world projects
Personalized study tracks
Unlimited workspaces

Herramientas de Diseño UI/UX

TEST TRACK 12

Desarrollo Web Full Stack

Conviértete en un Desarrollador de React

Análisis y Visualización de Datos con Python

SQL de Cero a Héroe

C++ para Principiantes

Python de Cero a Héroe

Maestría en Aprendizaje Automático

Python Más Allá del Intermedio

Esenciales de Java

Desarrollo de Juegos con Unity

Conviértete en un Desarrollador de Django

Manual de Flask para Principiantes

Fundamentos del Desarrollo Frontend

Web Developer from Zero to Hero

Preparation for Data Science

Odisea de Deep Learning

Desarrollo Web con C#

TEST E2E TRACK BEGINNER

ES Track

Skilled Python BackEnd Developer

Test Recalculate

Fundamentos de Excel

Full-Stack .NET Developer Journey

Full-Stack .NET Developer Journey

Test track with rating

TEST TEST TRACK

Fundamentos de Analista de Datos

Dominio de C++

Java Web

Conviértete en un Ingeniero de QA

Producción de Video con Adobe

Test image upload track

Essential Office Skills

GitHub from Zero to Hero

Desarrollo Web Sin Código

C Programming & Low-Level Development

testes

Test translation track

Test CMS Track

Python for Data Analysis

Digital Marketing Essentials

Complete Social Media Management

Business AI Toolkit

track with track courses

Some test track

TEST PROGRESS TRACK

Ready to get started?