Your cart is empty.
Keep shopping
Teach on Udemy
Turn what you know into an opportunity and reach millions around the world.
Learn MoreÎnvață Figma. Webdesign de la 0
What you'll learn
- Cum să instalezi corect Figma
- Cum să creezi un Landing Page pentru o agenție de turism
- Vei ști diferența dintre UI și UX design
- Cum să creezi un Wireframe
- Cum să găsești resursele potrivite pentru webdesignul tău
- Cum să exportezi corect proiectul tău din Figma
- Să creezi animații a webdesign-ului
Explore related topics
Course content
7 sections • 36 lectures • 10h 22m total length
- Intro | Ce vei învăța în acest curs și ce vei putea face după acesta2:00
Salut ma numesc Liviu si bun venit la cursul Figma!
Acest curs este pentru începătorii absoluți care doresc să se familiarizeze cu programul Figma și să creeze o carieră în webdesign
Vei învăța:
Bazele programului Figma
Să sa faci webdesign-ul site-urilor.
Diferențele dintre UI și UX design
Să utilizezi pluginurile Figma
Cum să comunici cu clientul
Să utilizezi culorile și gradienturile
Cum să partajezi și exportezi proiectul
Și multe alte lucruri de valoare.
Mai puține cuvinte,mai multă muncă.
Să începem! - Lecția 2 | Cum să te pregătești cel mai bine și cunoștința cu Figma7:33
Salut, sunt eu Liviu si bun venit la lecția 2 din cursul Figma!
Aceasta este o lecție de introducere, unde vom și acționa!
Vei învăța:
Ce e Figma
De ce ai nevoie în acest curs
Să descarci Figma
De aici descarci Figma
https://www.figma.com/
Mai puține cuvinte,mai multă muncă.
Să continuăm!
- Lecția 3 | Ce mărime trebuie să aibă un site și primii pași în crearea acestuia10:32
Salut, sunt eu Liviu si bun venit la lecția 3 din cursul Figma!
În aceasta lecție intrăm cu adevărat în pâine unde intrăm în esența programei Figma, tot ce ține de fișiere, cum îl denumim, salvăm și ce tipuri de fișiere sunt disponibile în Figma. Vom făcea o analiza a site-urilor și ce mărimi trebuie să aibă un site.
Vei învăța:
Cum creezi un fișier în Figma
Ce dimensiuni trebuie să aibă un site
Cum denumești și salvezi un fișier
De aici descarci Figma
https://www.figma.com/
Mai puține cuvinte,mai multă muncă.
Ne vedem în lecția 4! - Lecția 4 | Cum salvăm proiectele în Figma4:28
Salut, sunt eu Liviu si bun venit la lecția 4 din cursul Figma!
În această lecție vom continua navigarea programului Figma
Vei învăța:
Cum salvezi un fișier în Figma
Ce tipuri de salvări există
Mai puține cuvinte,mai multă muncă.
Să continuăm! - Lecția 5 | Ce este un Container și cum îl creăm pentru siteul nostru?7:39
Salut, sunt eu Liviu si bun venit la lecția 5 din cursul Figma!
În această lecție continuăm aventura noastră și vorbim, analizăm și creăm containerul site-ului nostru!
Vei învăța:
Ce este un container
De ce ai nevoie de un container
Să analizezi containerele altor site-uri
Să creezi un container în Figma
De aici descarci Figma
https://www.figma.com/
Mai puține cuvinte,mai multă muncă.
Ne vedem în lecția 6! - Lecția 6 | Ce este un Brief și ce trebuie să știi înainte de a începe un site4:07
Salut, sunt eu Liviu si bun venit la lecția 6 din cursul Figma!
În această lecție vorbim despre Brief-ul cu clientul ca să știi de ce ai nevoie înainte să creezi un webdesign!
Vei învăța:
Ce este un brief
Cum comunici cu clientul
Ce întrebări trebuie să pui clientului ca să știi ce vrea el de la webdesign etc. și ca tu să îți creezi o imagine
De aici descarci Figma
https://www.figma.com/
Mai puține cuvinte,mai multă muncă.
Ne vedem în lecția 7! - Lecția 7 | Creăm un moodbord folosind resursele secerte11:20
Salut, sunt eu Liviu si bun venit la lecția 9 din cursul Figma!
În această lecție vorbim despre Moodboard, creăm și vorbim despre beneficiile acestuia
Vei învăța:
Ce este un moodboard
Cum creezi un moodboard
Unde găsești sursele de inspirație
Sursele de inspirație în design
https://www.behance.net/
https://dribbble.com/
https://www.pinterest.com/
De aici descarci Figma
https://www.figma.com/
Mai puține cuvinte,mai multă muncă.
Ne vedem în lecția 8! - Lecția 8 | Ce este un Wireframe, la ce ne ajută și cum îl creăm48:08
Salut, sunt eu Liviu si bun venit la lecția 8 din cursul Figma!
În această lecție vorbim despre Wireframe, creăm și vorbim despre beneficiile acestuia
Vei învăța:
Ce este un wireframe și exemple
Cum creezi un wireframe și elementele acestuia
Cum poziționezi și aliniezi contentul,
De aici descarci Figma
https://www.figma.com/
Mai puține cuvinte,mai multă muncă.
Ne vedem în lecția 9! - Lecția 9 | Cele mai bune resurse pentru găsirea de imagini5:14
Salut, sunt eu Liviu si bun venit la lecția 9 din cursul Figma!
În această lecție vorbim despre Imagini și mai exact ce resurse utilizăm pentru imagini calitative
Vei învăța:
De unde găsești imagini de calitate
Resurse de imagini
https://www.pinterest.com/
https://www.pexels.com/
https://unsplash.com/
https://www.freepik.com/
De aici descarci Figma
https://www.figma.com/
Mai puține cuvinte,mai multă muncă.
Ne vedem în lecția 10! - Lecția 10 | Care este dintre UI și UX design6:12
Salut, sunt eu Liviu si bun venit la lecția 10 din cursul Figma!
În această lecție vorbim despre diferența dintre UI și UX design și exemple concrete de diferențiere
Vei învăța:
Care este diferența dintre UI și UX design
Exemple de UI și UX designeri
De aici descarci Figma
https://www.figma.com/
Mai puține cuvinte,mai multă muncă.
Ne vedem în lecția 11! - Lecția 11 | Cum lucrăm cu imaginile în Figma5:41
Salut, sunt eu Liviu si bun venit la lecția 11 din cursul Figma!
În această lecție vorbim despre Imagini și mai exact cum le adăugăm în Figma , cum le edităm și așa mai departe
Vei învăța:
Metodele de importare a imaginilor în Figma
Cum editezi marimile unei imagini
Cum adaugi efecte pe imagini
De aici descarci Figma
https://www.figma.com/
Mai puține cuvinte,mai multă muncă.
Ne vedem în lecția 12! - Lecția 12 | Cum găsim font-uri potrivite și cum le adăugăm în Figma6:25
Salut, sunt eu Liviu si bun venit la lecția 12 din cursul Figma!
În această lecție vorbim despre Texte și mai exact despre Fonturi
Vei învăța:
De unde găsim fonturi
Cum imporți fonturile în Figma
Resurse de fonturi
https://fonts.google.com/
https://www.dafont.com/
https://www.1001fonts.com/
De aici descarci Figma
https://www.figma.com/
Mai puține cuvinte,mai multă muncă.
Ne vedem în lecția 13!
- Lecția 13 | Crearea Nav-Barului17:44
Salut, sunt eu Liviu si bun venit la lecția 13 din cursul Figma!
În această lecție începem dezvoltarea însuși a webdesign-ului principal
Vei învăța:
Cum creezi un text
Cum creezi o grupă
Ce este un autolayout, cum îl creezi și ce beneficii are
Cum vezi distanțele dintre elemente
Cum creezi un logo simplu
Cum creezi stiluri de texte
De aici descarci Figma
https://www.figma.com/
Mai puține cuvinte,mai multă muncă.
Ne vedem în lecția 14! - Lecția 14 | Creare Textului Principal și Paletei de culori15:16
Salut, sunt eu Liviu si bun venit la lecția 14 din cursul Figma!
În această lecție creăm o paletă de culori și creăm textul principal (headline-ul) din webdesignul nostru.
Vei învăța:
Cum creezi o paletă de culori
De unde găsești tipuri de culori
De aici descarci Figma
https://www.figma.com/
Mai puține cuvinte,mai multă muncă.
Ne vedem în lecția 15! - Lecția 15 | Crearea Check-in section-ului (utilizăm figurile și pluginurile)25:25
Salut, sunt eu Liviu si bun venit la lecția 15 din cursul Figma!
În această lecție creăm chec-in sectionul webdesignului nostru
Vei învăța:
Cum creezi un element
Cum utilizezi pluginurile Figma
Cum creezi autolayout
Să îți dezvolți ochiul de designer
De aici descarci Figma
https://www.figma.com/
Mai puține cuvinte,mai multă muncă.
Ne vedem în lecția 16! - Lecția 16 | Finalizăm Hero Sectionul și creăm elemente de decor26:00
Salut, sunt eu Liviu si bun venit la lecția 16 din cursul Figma!
În această lecție vorbim finisăm Hero Sectionul nostru, mai exact cele 2
Vei învăța:
Cum creezi un gradient
Cum creezi cercuri deschise
De aici descarci Figma
https://www.figma.com/
Mai puține cuvinte,mai multă muncă.
Ne vedem în lecția 17! - Lecția 17 | Creăm secțiunea despre noi și utilizăm resurse secrete10:45
Salut, sunt eu Liviu si bun venit la lecția 17 din cursul Figma!
În această lecție creăm secțiunea despre noi după Wireframe
Vei învăța:
Cum să creezi un buton
Să utilizezi pluginul Lorem Ipsum
Să aliniezi corect contentul
Să păstrezi distanța corectă dintre secțiuni
De aici descarci Figma
https://www.figma.com/
Mai puține cuvinte,mai multă muncă.
Ne vedem în lecția 17! - Lecția 18 | Creăm carduri pentru secțiunea de destinații31:47
Salut, sunt eu Liviu si bun venit la lecția 17din cursul Figma!
În această lecție creăm Carduri pentru secțiunea de tururi
Vei învăța:
Cum să creezi un card
Să utilizezi pluginul Unsplash
Să aranjezi corect elementele în card
De aici descarci Figma
https://www.figma.com/
Mai puține cuvinte,mai multă muncă.
Ne vedem în lecția 18! - Lecția 19 | Continuăm webdesignul prin crearea de elemente și carduri custom28:34
Salut, sunt eu Liviu si bun venit la lecția 19 din cursul Figma!
În această lecție creăm carduri și carduri "invizibile"
Vei învăța:
2 tipuri de carduri
Să utilizezi gradient pentru text
Să creezi efectul de umbră pentru text
De aici descarci Figma
https://www.figma.com/
Mai puține cuvinte,mai multă muncă.
Ne vedem în lecția 20! - Lecția 20 | Creăm secțiunea de recenzii ale companiei20:17
Salut, sunt eu Liviu si bun venit la lecția 20 din cursul Figma!
În această lecție creăm secțiunea de recenzii
Vei învăța:
Să găsești portrete corecte
Să poziționezi corect elementele în carduri
De aici descarci Figma
https://www.figma.com/
Mai puține cuvinte,mai multă muncă.
Ne vedem în lecția 21! - Lecția 21 | Creăm 2 tipuri de formulare pentru secțiunea de contact38:10
Salut, sunt eu Liviu si bun venit la lecția 21 din cursul Figma!
În această lecție creăm 2 tipuri de formulare
Vei învăța:
Cum creezi un formular
Cum creezi un input
De aici descarci Figma
https://www.figma.com/
Mai puține cuvinte,mai multă muncă.
Ne vedem în lecția 22! - Lecția 22 | Finalizăm prin crearea footerului și îmbunătățim unele detalii31:37
Salut, sunt eu Liviu si bun venit la lecția 22 din cursul Figma!
În această lecție creăm Footerul, ultima secțiune a unui site
Vei învăța:
Ce este un Footer
Cum creăm un Footer
Ce conține un footer
De aici descarci Figma
https://www.figma.com/
Mai puține cuvinte,mai multă muncă.
Ne vedem în lecția 22!
- Lecția 23 | Cum exportezi și partajezi proiectul8:58
Salut, sunt eu Liviu si bun venit la lecția 23 din cursul Figma!
În această lecție exportăm și partajăm proiectul
Vei învăța:
Care sunt metodele de exportare a unui proiect
Cum imporți un proiect
Cum partajezi/deschizi un proiect
De aici descarci Figma
https://www.figma.com/
Mai puține cuvinte,mai multă muncă.
- Lecția 24 | Încheierea primei părți a cursului3:05
Salut, sunt eu Liviu si bun venit la lecția 24, ultima din prima parte a cursului Figma!
Mă bucur nespus de mult că ai finalizat această aventură în bazele programei Figma, dar și mai mult mă bucur că ai ales calea cea corectă, de a te dezvolta și a obține un nou skill de valoare!
Dacă ți-a plăcut această aventură nu uita să lași o recenzie, eu voi ține foarte mult la ea, deoarece părerea ta chiar contează! Eu îți voi fi recunoscător!
Nu uita! Eu cred în tine și în potențialul tău și de asta Academia Kaizen a luat viațăCum te-am obișnuit : Mai puține cuvinte, mai multă muncă!
Ne vedem cât de curând!
- Lecția 25 | Animarea (protoptiaprea) Navbarului27:24
Salut, sunt eu Liviu si bun venit la lecția 25 din cursul Figma!
În această lecție începem aventura în lumea animațiilor (prototipării) în Figma
Vei învăța:
Cum să prototipezi
Cele 2 metode de animare a unui element
Să creezi un component
Să faci animații pentru navbarul unui webdesign
De aici descarci Figma
https://www.figma.com/
Mai puține cuvinte,mai multă muncă.
Ne vedem în următoarea lecție! - Lecția 26 | Creare Slidere (Carusele)1:00:13
Salut, sunt eu Liviu si bun venit la lecția 26 din cursul Figma!
În această lecție creăm toate sliderele (caruselele) din webdesignul nostru
Vei învăța:
Cum să faci un slider (carusel)
Din ce e compus un slider
Să aprofundezi cunoștințele asupra componentelor Figma
De aici descarci Figma
https://www.figma.com/
Mai puține cuvinte,mai multă muncă.
Ne vedem în următoarea lecție! - Lecția 27 | Creăm un Dropdown menu pentru Check In section15:55
Salut, sunt eu Liviu si bun venit la lecția 27 din cursul Figma!
În această lecție creăm un dropdown menu pentru secțiunea de check-in
Vei învăța:
Cum să creezi un dropdown menu
Să aprofundezi cunoștințele asupra componentelor Figma
De aici descarci Figma
https://www.figma.com/
Mai puține cuvinte,mai multă muncă.
Ne vedem în următoarea lecție! - Lecția 28 | Creăm un calendar de selectare22:30
Salut, sunt eu Liviu si bun venit la lecția 28 din cursul Figma!
În această lecție creăm un calendar menu pentru secțiunea de check-in
Vei învăța:
Cum să creezi un calendar
Să aprofundezi cunoștințele din lecția trecută
De aici descarci Figma
https://www.figma.com/
Mai puține cuvinte,mai multă muncă.
Ne vedem în următoarea lecție! - Lecția 29 | Creăm meniul de selectare nr. de persoane19:34
Salut, sunt eu Liviu si bun venit la lecția 29 din cursul Figma!
În această lecție creăm meniul de selectare persoane pentru secțiunea de check-in
Vei învăța:
Cum să creezi un meniu cu date de selectare
De aici descarci Figma
https://www.figma.com/
Mai puține cuvinte,mai multă muncă.
Ne vedem în următoarea lecție! - Lecția 30 | Creăm bara de selectare a prețurilor12:52
Salut, sunt eu Liviu si bun venit la lecția 30 din cursul Figma!
În această lecție creăm bara de selectare prețuri pentru secțiunea de check-in
Vei învăța:
Cum să creezi un meniu de selectare a prețurilor
Să utilizezi măștile
Să creezi o animație de selectare
De aici descarci Figma
https://www.figma.com/
Mai puține cuvinte,mai multă muncă.
Ne vedem în următoarea lecție! - Lecția 31 | Animăm butoanele rămase și formularul19:31
Salut, sunt eu Liviu si bun venit la lecția 31 din cursul Figma!
În această lecție creăm animații pentru butoane și animăm formularul
Vei învăța:
Cum să creezi animații de hover pentru butoane
Să animezi un formular ca unul real
De aici descarci Figma
https://www.figma.com/
Mai puține cuvinte,mai multă muncă.
Ne vedem în următoarea lecție! - Lecția 32 | Creăm animații la toată secțiunea de footer12:55
Salut, sunt eu Liviu si bun venit la lecția 32 din cursul Figma!
În această lecție creăm un dropdown menu pentru secțiunea de check-in
Vei învăța:
Cum să animații pentru texte și alte elemente
Să aprofundezi cunoștințele asupra componentelor Figma
De aici descarci Figma
https://www.figma.com/
Mai puține cuvinte,mai multă muncă.
Ne vedem în următoarea lecție! - Lecția 33 | Construim un Loading Animation de intrare pe website16:06
Salut, sunt eu Liviu si bun venit la lecția 33 din cursul Figma!
În această lecție creăm un Loading Animation pentru intrarea pe website
Vei învăța:
Cum să creezi un Loading Animation
Din ce e compus un Loading Animation
Să aprofundezi cunoștințele asupra componentelor Figma
De aici descarci Figma
https://www.figma.com/
Mai puține cuvinte,mai multă muncă.
Ne vedem în următoarea lecție! - Lecția 34 | Creăm animații de trimitere a navbarului5:35
Salut, sunt eu Liviu si bun venit la lecția 34 din cursul Figma!
În această lecție creăm animații de trimitere, sau mai fiind numite și anchor links a navbarului
Vei învăța:
Cum să creezi animații de trimitere, sau mai fiind numite și anchor links
Din ce e compusă o trimitere spre o secțiune
Să aprofindezi cunoștințele de prototipare
De aici descarci Figma
https://www.figma.com/
Mai puține cuvinte,mai multă muncă.
Ne vedem în următoarea lecție! - Lecția 35 | Animații de intrare în secțiuni28:17
Salut, sunt eu Liviu si bun venit la lecția 35 din cursul Figma!
În această lecție creăm animații de intrare în secțiuni pe tot webdesignul
Vei învăța:
Cum să creezi animații de trimitere de intrare în secțiuni
Din ce e compusă o animație într-o o secțiune
De aici descarci Figma
https://www.figma.com/
Aici găsești produsul finalMai puține cuvinte,mai multă muncă.
Ne vedem în următoarea lecție!
- Concluzia cursului și la ce ești capabil4:34
Salut, sunt eu Liviu si bun venit la lecția de concluzie din cursul Figma!
În acest videocip discutăm despre tot parcursul cursului "Învață Figma. Webdesign de la 0" și la ce ești acum capabil
Ai capacitatea de a:
Găsi inspirația potrivită
Ști cum să vorbești cu un client
Să creezi un Mood Board & Wireframe
Distinge termenii UI și UX design
Crea un Webdesign cu aspect modern
Face animații pentru un proiect etc.
Mă bucur că am trecut împreună prin această aventură superbă în lumea programului Figma și a Webdesignului și vreau să te felicit că ai ajuns la această etapă, și vreau să îți spun că acum ai toate cunoștințele și resursele necesare pentru a reuși (a da lovitura)
Aici găsești produsul finalDe aici descarci Figma
https://www.figma.com/
Aici găsești produsul finalhttps://www.figma.com/file/oScXPVKqUtedhbYnOlljtN/Webdesign-1?node-id=0%3A1&t=yQh4eGqwz3cEdAFJ-1
Mai puține cuvinte,mai multă muncă.
Cu drag, prietenul tău Liviu de la Academia Kaizen
Requirements
- Gândire de învingător
Description
Salut, sunt Liviu! Prietenul tău care te va ghida pe tot parcursul acestui curs (eu ia-și spune aventură) în care vei obține un nou skill, și nu doar unul simplu, ci unul de valoare și necesar în online și în special în perioada din zilele noastre, unde afacerile încep să tranziteze din mediul offline în cel online și ghici ce? tu te afli acum în cel mai bun moment, având oportunitatea să ajuți aceste afaceri prin crearea de webdesignuri moderne.
Scopul cursului
Acest curs este destinat începătorilor care doresc să învețe un nou skill și totodată o nouă sursă de venit. La finalul acestui curs tu vei fi capabil să creezi webdesignuri pentru afacerile online și nu numai, utilizând Figma, unul dintre cele mai bune programe destinat UI și UX designului, vei ști ce resurse utilizează designerii pentru muncă cât mai eficientă și multe alte lucruri.
Vei învăța
Programul Figma
Diferența dintre UI și UX design
Cum să creezi un webdesign modern
Cum să comunici cu clientul
Locurile în care designerii își găsesc inspirația
Cum găsești fonturile potrivite pentru webdesignul tău
Cum să lucrezi cu imaginile
Cum să creezi o paletă de culori și gradient
și multe alte lucruri secrete de o importanță extrem de mare!
Aceste 6+ ore de curs îți vor face o imagine clară a drumului care trebuie să îl urmezi în webdesign de la început și te vor face să înțelegi lucrurile care până atunci nu le înțelegeai sau nu te-ai gândit la ele.
Mai puține cuvinte, mai multă acțiune!
Haide să începem!
Who this course is for:
- Personelor care doresc să învețe un nou skill
- Personelor care vor o carieră în webdesign și să creeze o sursă sigură de venit