Plan de curs
- 7 secțiuni
- 104 lecții
- 10 săptămâni
Extinde toate secțiunileRestrânge toate secțiunile
- Descoperim Figma13
- 2.1Introducere
- 2.2Descarca toate resursele aici
- 2.3Ce este Figma și este mai bun decât alte programe de design?
- 2.4Bun venit in Figma
- 2.5Incepem treaba in Figma
- 2.6Cum te orientezi in Figma
- 2.7Exercitiu: cum sa organizezi un proiect
- 2.8Rezolvarea exercitiului si cateva sfaturi
- 2.9Descopera interfata Figma – cu bune si rele
- 2.10Primiul tau mini website
- 2.11Asa se editeaza iconite
- 2.12De ce incepatorii renunta
- 2.13De ce nu invat programare
- Tehnici esentiale in Figma16
- 3.1Cea mai mare diferență în Figma față de alte programe
- 3.2Cum creezi butoane in Figma
- 3.3Notiuni esentiale despre culori in Figma
- 3.4Notiuni avansate despre culori in Figma
- 3.5Cum adaugi imagini: frames sau dreptunghiuri?
- 3.6Exercitiu: Galerie de imagini (Colaj)
- 3.7Cum functioneaza mastile in Figma
- 3.8Descopera cele 3 tipuri de texte in Figma
- 3.9Proprietatile textelor in Figma
- 3.10Cum sa lucrezi cu texte ca un profesionist
- 3.11Efecte in Figma: blur, shadow si altele
- 3.12Tot ce trebuie sa stii despre grids
- 3.13Components la prima vedere
- 3.14Limitarile planului gratuit si Drafts
- 3.15Asta te face un web designer bun!
- 3.16Concluziile capitolului
- Primul proiect de web design14
- 4.1Introducerea proiectului
- 4.2Setarile corecte pentru versiunea desktop
- 4.3Lucram la header
- 4.4Facem meniul principal
- 4.5Bara de cautare
- 4.6Functia de sortare
- 4.7Card – cel mai important element
- 4.8Imbunatatim cardul
- 4.9Navigatia secundara
- 4.10Paginatie
- 4.11Fundatia footerului
- 4.12Adaugam continut in footer
- 4.13Imperfectiuni vizuale
- 4.14Ce trebuie sa retii
- Baza oricarui web designer16
- 5.1Elementul de baza al oricarui web designer
- 5.2Structuri non-standard
- 5.3Creeaza o structura standard
- 5.4Cum determini marimea ideala pentru elemente
- 5.52 informatii cheie despre fonturi
- 5.6Formatarea textului si alte reguli esentiale
- 5.7Contrast in web design
- 5.8Contrast – studiu de caz 1
- 5.9Contrast – studiu de caz 2
- 5.10Tot ce trebuie sa stii despre codurile de culoare
- 5.11Cum aranjezi elementele in hero area
- 5.12Cum aranjezi iconite cu texte
- 5.13Reguli esentiale pentru iconitele in web design
- 5.14Cum redimensionezi iconite de forme diferite
- 5.15Dezechilibru vizual
- 5.16Greseli de executie la foc automat
- Ce trebuie sa faci pentru client ca sa fie multumit19
- 6.1Introducere
- 6.2Obiectivul afacerii
- 6.3Vizitatori versus patroni
- 6.4Site-uri mari fara sens
- 6.5Statistica in web design
- 6.6Wix, SquareSpace si Shopify
- 6.7Studiu de caz: 4 variante pentru aceeasi afacere
- 6.8Prima pagina a unui magazin online
- 6.9Iata de ce designul tau e implementat stangaci
- 6.10Pagina produsului a unui magazin online
- 6.11Procesul de checkout
- 6.12Care este diferenta dintre un landing page si un website?
- 6.13Nu toate site-urile vor sa vanda imediat
- 6.14De ce landing page-urile sunt considerate dubioase?
- 6.15SaaS – noua mina de aur?
- 6.16Studiu de caz: obiectivele clientului
- 6.17Teste A/B
- 6.18Un logo nou – abordarea mea
- 6.19Concluziile capitolului
- Urmatorul nivel de rafinament in web design10
- 7.1Introducere UX si atentie la detaliu
- 7.2UX explicat cat mai clar
- 7.3Cum am dublat cifra de afaceri: de la 5 la 10.000 de euro/luna
- 7.4Cum am imbunatatit pagina de checkout
- 7.5Varianta mobila a magazinului online
- 7.6Varianta mobila – pagina produsului
- 7.7Detalii care fac diferenta
- 7.8Iata cum lucrezi cu un programator
- 7.9Low fidelity, heatmaps si documentatie
- 7.10Concluziile capitolului
- Proiect complet e-commerce (magazin online)16
- 8.1Cea mai importanta intrebare
- 8.2Cum incepi corect orice proiect
- 8.3Construim top bar
- 8.4Finisam top bar
- 8.5Cum faci un header modern
- 8.6Cea mai importanta zona
- 8.7Navigatia secundara
- 8.8Cardul – acolo unde trebuie sa fii foarte atent
- 8.9Detalii importante in card
- 8.10Zona de intrebari frecvente
- 8.11Aboneaza-te la newsletter
- 8.12Construim footerul
- 8.13Variatii pe care le poti face rapid
- 8.14Pagina produsului – baza
- 8.15Pagina produsului – partea de sus
- 8.16Terminam pagina produsului
Descarca toate resursele aici
Următor
