Design web cu Figma: Construirea de compoziții izbitoare
Un curs de Pablo StanleyDesigner și ilustrator
Un curs de Pablo Stanley, Designer și ilustrator
Design web cu Figma: Construirea de compoziții izbitoare
O compoziție vizuală puternică nu numai că arată bine, dar are și puterea de a îndeplini o funcție și de a comunica un mesaj clar. Designerul și ilustratorul Pablo Stanley folosește designul ca o modalitate de a împărtăși povești și de a se conecta cu ceilalți. El găzduiește ateliere în întreaga lume, precum și propriul podcast de design, Diseño Cha Cha Cha .
În acest curs, Pablo te învață elementele de bază ale designului vizual și cum să creezi o compoziție puternică folosind Figma. Învață un instrument nou și principiile care îți vor duce designurile la nivelul următor.
Ce vei învăța în acest curs online?
1 lecție & 1 descărcare
Principii de compoziție și design vizual
1 minut, 1 secundă
Principiile Gestalt utilizate în design
1 minut, 1 secundă
Ierarhie vizuală
1 minut, 1 secundă
Introducere în elementele vizuale și înțelegerea brief-ului
1 minut, 1 secundă
Tipografie
1 minut, 1 secundă
Grafică și pictograme
1 minut, 1 secundă
Ce include acest curs?
Începeți prin a-l cunoaște pe Pablo, artist, ilustrator și profesorul dumneavoastră pentru acest curs. El vă va povesti despre parcursul său până la a deveni designer, împreună cu oamenii care i-au influențat parcursul creativ, de la scenariști de benzi desenate la regizori de film.
Explorează principiile designului vizual necesare pentru a crea compoziții puternice, inclusiv scara, ierarhia, echilibrul, contrastul și multe altele. Apoi, află despre Principiile Gestalt și cum afectează acestea interpretarea lucrărilor noastre. Învață cum să creezi fluiditate în compoziția ta folosind o cale F sau Z înainte de a aprofunda dominanța în design.
Pablo îți oferă o introducere în elemente vizuale precum textul și butoanele, precum și cum să înțelegi un brief. Exersează-ți cunoștințele din curs cu diferite exerciții în Figma. Apoi, ascultă sfaturile lui Pablo pentru îmbunătățirea tipografiei, de la alegerea unui font la echilibrare, spațiere și alegerea dimensiunii fontului. Află despre impactul culorii asupra compoziției tale și cum să utilizezi fotografii, ilustrații și pictograme în Figma înainte de a testa diferite stiluri vizuale.
Schițează un concept și alege cea mai bună opțiune, ținând cont de brief-ul și cerințele proiectului. Apoi definește un ghid de stil vizual care să includă tipografie, culori și stiluri de butoane. Construiește o machetă de înaltă fidelitate a paginii tale de destinație pe Figma.
Învață cum să adaugi interacțiuni simple pentru a anima componentele. Apoi creează linkuri între pagini și deschide o fereastră modală. Pentru a finaliza cursul, Pablo te va ghida prin procesul de partajare a prototipului tău cu lumea.
Software și instrumente recomandate pentru acest curs
Care este proiectul acestui curs?
Creează o pagină de destinație puternică pentru site-ul tău web folosind principii de design vizual.
Proiecte ale studenților cursului
Pentru cine este acest curs online?
Acest curs este destinat oricărei persoane interesate de design grafic sau web sau care dorește să învețe mai multe despre Figma.
Cerințe și materiale
Nu este necesară experiență anterioară.
Vei avea nevoie de un computer, ceva cu care să schițezi și un cont Figma.
Recenzii
- 2 luni în urmă
This is a fantastic course for mastering UI design basics. Whether you are new to Figma or looking to refine your composition skills, Pablo Stanley makes the process easy to follow. I highly recommend it for its hands-on approach, which bridges the gap between design theory and practical application—from wireframing to building a high-fidelity prototype. A perfect starting point for any aspiring web designer.
- portfolio_valenPLUS2 luni în urmă
This is a great course to start understanding good UI practices for websites. It doesn't matter if you are a beginner with Figma, you will be able to follow the steps of the teacher in this course. I recommend this!
- 3 luni în urmă
Bonne formation qui permet d'apprendre à utiliser figma grâce à un cas pratique. Le seul point négatif est qu'il manque certaines ressources comme le brief qui n'est pas remis à disposition à des moments clés. Il manque aussi la dernière page de l'exercice pour le rendu final qu'on nous propose pas d'apprendre à créer. Cela limite le prototype final car l'on doit lier cette page avec une autre pour voir notre progression et l'exercice réalisé dans sa globalité.
- 8 luni în urmă
muy buen curso! rapido de aprender y poner en practica
- 9 luni în urmă
Muy buen curso, super utiles las bases de diseño gráfico y explica muy bien el proceso en Figma, sería ideal que hicieran una re-versión con las últimas actualizaciones de Figma.
De atunci, a lucrat ca dir...
Conţinut
- U 1
Introducere
- Despre mine
- Influențe
- U 2
Fundamentele designului vizual
- Principii de compoziție și design vizual
- Principiile Gestalt utilizate în design
- Ierarhie vizuală
- Alocații în UI
- U 3
Elemente vizuale
- Introducere în elementele vizuale și înțelegerea brief-ului
- Compoziție de bază în Figma
- Tipografie
- Crearea unei palete de culori
- Grafică și pictograme
- Stiluri vizuale
- U 4
Punând totul cap la cap
- Schițarea unui cadru de sârmă
- Definirea Ghidului Stilului Vizual 1
- Definirea Ghidului Stilului Vizual 2
- Construirea unei machete de înaltă fidelitate 1
- Construirea unei machete de înaltă fidelitate 2
- U 5
Prototipare
- Interacțiuni cu butoanele
- Legături către pagini și modale
- Partajarea prototipului tău
- FP
Proiect final
- Design web cu Figma: Construirea de compoziții izbitoare
La ce să te aștepți de la un curs Domestika
Învață în ritmul tău propriu
Bucură-te de învățarea de acasă, fără un program fix și cu o metodă ușor de urmat. Tu îți stabilești propriul ritm.
Învață de la cei mai buni profesioniști
Învață metode și tehnici valoroase explicate de experți de top din sectorul creativ.
Întâlnește profesori experți
Fiecare expert predă ceea ce face cel mai bine, cu îndrumări clare, pasiune adevărată și perspicacitate profesională în fiecare lecție.
Certificate
PLUSDacă ești membru Plus, primești un certificat personalizat semnat de profesorul tău pentru fiecare curs. Distribuie-l în portofoliul tău, pe rețelele sociale sau oriunde dorești.
Obțineți locuri în primul rând
Videoclipuri de cea mai înaltă calitate, pentru a nu rata niciun detaliu. Cu acces nelimitat, le poți viziona de câte ori este nevoie pentru a-ți perfecționa tehnica.
Împărtășește cunoștințe și idei
Pune întrebări, solicită feedback sau oferă soluții. Împărtășește-ți experiența de învățare cu alți studenți din comunitate care sunt la fel de pasionați de creativitate ca și tine.
Conectează-te cu o comunitate creativă globală
Comunitatea găzduiește milioane de oameni din întreaga lume, curioși și pasionați de explorarea și exprimarea creativității lor.
Urmărește cursuri produse profesional
Domestika își gestionează lista de profesori și produce fiecare curs intern pentru a asigura o experiență de învățare online de înaltă calitate.
Întrebări frecvente
Yes, this course is designed for beginners and covers all fundamental concepts in visual design, UI, and prototyping, with step-by-step guidance using Figma.
No prior design experience is required. You just need a computer and an internet connection. The course uses Figma, which is free to start.
You will learn design principles, wireframing, high-fidelity prototyping in Figma, creating color palettes, typography, layout, and how to apply Gestalt principles and affordances to UI projects.
Yes, the course includes lessons on poster design, hand-drawn illustration techniques, and creating bold, striking compositions inspired by artists like Diego Rivera.
Absolutely. The course covers Figma essentials, from creating wireframes and artboards to building high-fidelity prototypes and responsive layouts with auto layout.
Yes, the course provides in-depth coverage of core design principles such as hierarchy, balance, contrast, scale, and white space for effective digital compositions.
You’ll learn how to build harmonious color palettes, apply color theory, choose and pair typefaces, and use modular scales for readable, attractive layouts.