Incerto da dove
iniziare?

Track

Certificato

Strumenti di Design UI/UX

4.7+

★★★★★

10 recensioni

Beginner

Completando questo percorso, acquisirai le competenze per progettare interfacce web e mobile intuitive e visivamente attraenti utilizzando Figma, applicare i principi essenziali di UI/UX per migliorare l'esperienza utente e lavorare efficacemente con Adobe Photoshop e Illustrator per grafica ed elementi di design di alta qualità. Questi strumenti e tecniche aiuteranno a creare prodotti digitali professionali e user-friendly che coinvolgono e fidelizzano gli utenti.

Figma

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

127 chapters
13 hours
162 tasks

Trusted by employees of leading companies

Learning track content

Module 1 / UI/UX Design with Figma

Learn what Figma is, what its role is in UI/UX design, and how to navigate its interface and tools. Explore the FigJam board for brainstorming and collaboration, along with pages and frames in Figma, which form the foundation for organizing and structuring your designs effectively.

Discover how layers in Figma keep your design organized, explore how grouped shapes help you create stunning visuals, and learn to style text beautifully using typography tools.

Learn to place photos and videos, use masks, and apply blend modes for dynamic designs. Master colors, gradients, buttons, auto layouts, components, and styles. Unlock the power of plugins and widgets to enhance your creativity and streamline your workflow.

Explore columns, grids, plugins, and the parent-child component structure to streamline your design process.

Develop low-fidelity wireframes, create interactive prototypes, animate designs, and present work effectively to clients.

Module 2 / Adobe Photoshop Mastering

Learn how to navigate Photoshop, create new projects, customize workspace, and get familiar with the software.

Let's master selections in Photoshop, understand how layers work, and learn to use layer masks which is the first step toward making creative images.

Learn how to remove unwanted objects or distractions from your images regardless of their size, change the appearance of some objects, and how to adjust the lights and colors of an image.

Ready to get deeper into the art world of Photoshop? In this section, you'll learn more about colors, color theory, different types of brushes and patterns, how to create gradients and more!

Now that we've learned most of the basic stuff with photoshop, it’s time to get creative and create some visuals.

Since we've come to the end of the course. Let’s see how we can manage our workflow and keep everything organized.

Module 3 / Adobe Illustrator Fundamentals

Discover how to use Illustrator by finding your way around, starting new projects, customizing your workspace, and getting comfortable with the software.

Let's start getting deeper into Illustrator and understand the difference between raster images and vector graphics, which will be our head start toward creating and managing objects & shapes.

Are you ready to dive deeper into Illustrator's art pool? In this section, you’ll learn more about manipulating shapes, color theory, how to create gradients and more!

It's time to learn how to draw any artwork from scratch and how to color them. Ready to create some digital art?

Now that we've learned most of the basic stuff, it's time to bring our inner artist to life.

Let's finalize everything we talked about, know how to polish artworks, how to present them, and how to export assets.

Module 4 / Basi del Design

Esplora il significato del design, la sua importanza e l'impatto che ha sulla comunicazione e sulla risoluzione dei problemi. Analizza come le diverse tipologie di design influenzano le esperienze in vari settori, dai prodotti digitali alla stampa. Scopri il ruolo della ricerca nell'orientare le decisioni creative e nell'assicurare che le soluzioni soddisfino efficacemente le esigenze degli utenti.

Comprendere come linee, forme e figure strutturano i layout visivi. Scoprire l'importanza di dimensione, spazio e formato nella creazione dell'equilibrio. Analizzare come fotografia e illustrazioni contribuiscono alla narrazione visiva e applicare i principi della Gestalt per guidare la percezione, aiutando gli osservatori a collegare gli elementi in un insieme coeso e coinvolgente.

Padroneggiare gli elementi fondamentali di un design solido. Esplorare enfasi, equilibrio, contrasto, ripetizione e proporzione per creare armonia e chiarezza. Analizzare come ritmo, movimento, pattern e gerarchia guidano l'attenzione, mentre lo spazio bianco e la varietà apportano respiro ed energia. Scoprire come l'unità collega ogni elemento per ottenere impatto.

Esplorazione della tipografia come elemento fondamentale del design. Studio dell'anatomia dei caratteri, della spaziatura e della leggibilità per migliorare la comunicazione. Selezione di caratteri tipografici adeguati al tono e allo scopo. Analisi della gerarchia tipografica per stabilire ordine e significato. La tipografia come strumento per definire stile e chiarezza.

Scopri il linguaggio e i sistemi del colore, inclusi RGB, CMYK e Pantone. Esplora la teoria del colore e l’armonia per creare lavori visivamente equilibrati. Analizza come il contrasto influisce sulla leggibilità, come gli spazi colore definiscono la coerenza tra i media e come la psicologia dei colori influenza emozioni, branding e percezione.

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

La cosa principale è imparare e non arrendersi

Il materiale è buono, c'è tanto da imparare, tutto per migliorarsi, e la cosa principale è imparare ciò che desideri....

Matteo Comune

Grazie a loro sto imparando molto…

Grazie a loro sto imparando molto più rapidamente perché ti aiutano a comprendere tutto da zero. È il miglior sito web per chi non ha background in IT...

Yuliana Cadavid

ottimo corso per principianti

ottimo corso per principianti, mettono alla prova le tue conoscenze in ogni lezione...

Elpunzon

Sto apprezzando la mia esperienza su Codefinity…

Sto apprezzando la mia esperienza di apprendimento di Python con Codefinity. Il metodo di studio autodidatta è fantastico perché posso adattarlo al mio orario...

Alexandru Alexandru

È piacevole imparare da Codefinity

È piacevole imparare da Codefinity. È facile e offre buoni esempi di quanto appreso qui...

jacob Templet

Easy to follow along with and provides…

Facile da seguire e offre una sfida nella mia vita quotidiana. La sfida mi motiva a imparare giorno dopo giorno...

Elan

Codefinity è uno strumento di apprendimento completo…

Codefinity è uno strumento di apprendimento completo che ti aiuta a sviluppare le tue competenze come ingegnere del software o data scientist. Gli esercizi sono divertenti e un ottimo modo per affinare le tue abilità...

Thibault

Prima volta che impari a programmare

La prima volta che ho imparato a programmare e ci sono riuscito con Codefinity - Grazie...

Adrien Morel

Ben progettato per principianti assoluti

Ben progettato per principianti assoluti, con un progresso incrementale che mi dà fiducia....

_Gracy

è semplicemente perfettamente spiegato

È semplicemente perfettamente spiegato! Finora non ho incontrato alcuna difficoltà perché tutto è così ben organizzato....

Ruslan Kravchuk

La cosa principale è imparare e non arrendersi

Il materiale è buono, c'è tanto da imparare, tutto per migliorarsi, e la cosa principale è imparare ciò che desideri....

Matteo Comune

Grazie a loro sto imparando molto…

Grazie a loro sto imparando molto più rapidamente perché ti aiutano a comprendere tutto da zero. È il miglior sito web per chi non ha background in IT...

Yuliana Cadavid

ottimo corso per principianti

ottimo corso per principianti, mettono alla prova le tue conoscenze in ogni lezione...

Elpunzon

Sto apprezzando la mia esperienza su Codefinity…

Sto apprezzando la mia esperienza di apprendimento di Python con Codefinity. Il metodo di studio autodidatta è fantastico perché posso adattarlo al mio orario...

Alexandru Alexandru

È piacevole imparare da Codefinity

È piacevole imparare da Codefinity. È facile e offre buoni esempi di quanto appreso qui...

jacob Templet

Easy to follow along with and provides…

Facile da seguire e offre una sfida nella mia vita quotidiana. La sfida mi motiva a imparare giorno dopo giorno...

Elan

Codefinity è uno strumento di apprendimento completo…

Thibault

Prima volta che impari a programmare

La prima volta che ho imparato a programmare e ci sono riuscito con Codefinity - Grazie...

Adrien Morel

Ben progettato per principianti assoluti

Ben progettato per principianti assoluti, con un progresso incrementale che mi dà fiducia....

_Gracy

è semplicemente perfettamente spiegato

È semplicemente perfettamente spiegato! Finora non ho incontrato alcuna difficoltà perché tutto è così ben organizzato....

Data Engineer

Certificato di Completamento

Mostra le abilità che hai acquisite recentemente. Te lo sei guadagnato

Discover more
Learning tracks

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

Strumenti di Design UI/UX

Sviluppo Web con C#

Python da Zero a Eroe

SQL da Zero a Eroe

Fondamenti di C++

Sviluppo di Giochi con Unity

Diventa uno Sviluppatore React

Fondamenti di Excel

Fondamenti di Java

Sviluppo Web Full Stack

Fondamenti Dello Sviluppo Frontend

Padroneggiare la Visualizzazione dei Dati

Padronanza dell'Apprendimento Automatico

Padronanza di C++

Java Web

Diventa un Ingegnere QA

Produzione Video con Adobe

Competenze Essenziali per l'Ufficio

Digital Marketing Essentials

Complete Social Media Management

Business AI Toolkit

Sviluppo di Siti Web Senza Codice

Odissea del Deep Learning

Ready to get started?