Introducere în sistemele de proiectare cu Figma
Un curs de Javier CuelloDesigner UX
Un curs de Javier Cuello, Designer UX
Introducere în sistemele de proiectare cu Figma
În spatele fiecărei interfețe se află o serie de detalii aparent invizibile care pot determina direcția brandului, companiei sau produsului tău. Prin încorporarea instrumentelor Design Systems în proiectul tău, te poți asigura că interfața ta este compatibilă cu toți membrii echipei tale și că funcționează intuitiv.
În acest curs, Javier „Simón” Cuello, designer specializat în experiențe utilizator, vă va ajuta să construiți o interfață web organizată, coerentă și consistentă, care să răspundă nevoilor reale ale utilizatorilor și clienților dumneavoastră.
Vă recomandăm să consultați și celelalte cursuri ale lui Javier pe Domestika: Proiectarea interfețelor cu Sketch și Proiectarea unei aplicații Delicious .
Ce vei învăța în acest curs online?
1 lecție & 1 descărcare
Ce vom face în cadrul cursului?
1 minut, 1 secundă
Beneficii pentru tine și echipa ta
1 minut, 1 secundă
Părțile unui sistem
1 minut, 1 secundă
Identificați contextul
1 minut, 1 secundă
Reflecția asupra principiilor de design
1 minut, 1 secundă
Ghid de stil 1
1 minut, 1 secundă
Ce include acest curs?
Vei începe acest curs învățând despre Javier, proiectele sale și influențele sale de-a lungul carierei, precum și o introducere în principalele concepte ale Sistemelor de Design.
În continuare, veți descoperi beneficiile Sistemelor de Design pentru dvs. și echipa dvs. și veți explora toate componentele care alcătuiesc un sistem, inclusiv: principiile de design, ghidul de stil, elementele și componentele individuale ale interfeței, depozitul de cod și documentația.
Javier te va învăța cum să identifici scopul sistemului tău pe baza contextului produsului și îți va arăta cum să utilizezi criteriile care ghidează designul pentru a stabili strategiile de proiect. Te va ajuta să creezi un ghid de stil definitiv pentru interfața ta.
Apucă-te de treabă! Folosind software-ul Figma, vei proiecta elementele individuale, componentele, modelele și prototipurile ecranului principal în diferite formate.
În cele din urmă, veți lucra cu elemente de comunicare și colaborare pentru a vă asigura că sistemul dumneavoastră de design evoluează într-un mod controlat și este susținut de toți membrii echipei.
Javier vă va învăța despre importanța Design Tokens și cum să documentați evoluția sistemului dumneavoastră. Vă va arăta cum să diferențiați între lucrările în curs de desfășurare și cele deja finalizate și vă va sfătui cum să lucrați cu diferite profiluri în cadrul unei echipe.
Software și instrumente recomandate pentru acest curs
Care este proiectul acestui curs?
Vei proiecta pagina principală a unui site web de călătorii, în 3 dimensiuni diferite.
Proiecte ale studenților cursului
Pentru cine este acest curs online?
Designeri de interfețe care doresc să construiască un design organizat, coerent și consistent pentru site-uri web și aplicații.
Cerințe și materiale
Ar trebui să aveți cunoștințe de bază despre Figma, inclusiv crearea de stiluri, componente și funcții Auto Layout, precum și familiaritate cu designul interfeței.
În ceea ce privește materialele, veți avea nevoie de un computer cu software-ul Figma instalat. Acest curs a fost creat folosind Figma 116.3.6. Dacă aveți o versiune mai recentă, veți putea urmări cursul fără probleme.
Recenzii
- 2 luni în urmă
very nice overview and introduction to design systems. so far so good.
- 4 luni în urmă
Até o momento, muito interessante. Vários insights interessantes e pontos de atencao negligenciados muitas vezes.
- 4 luni în urmă
Il corso offre una panoramica abbastanza completa. Purtroppo però la traduzione audio in italiano (e di conseguenza i sottotitoli, che corrispondono perfettamente alla traduzione audio) è davvero pessima. Ci sono troncamenti di frasi e parole/traduzioni insensate che rendono dei passaggi pressoché incomprensibili. Questo compromette notevolmente la qualità del corso per chi ne usufruisce in altra lingua.
- 6 luni în urmă
Very insightful!
- 10 luni în urmă
Un curso bastante completo, me sirvió para reafirmar mis conocimientos en DS. Lo recomiendo mucho si estas empezando en el mundo de los sistemas de diseño.
Conţinut
- U 1
Introducere
- Prezentare
- Influențe
- Ce vom face în cadrul cursului?
- U 2
Sisteme de proiectare
- Beneficii pentru tine și echipa ta
- Părțile unui sistem
- U 3
Fundamentele sistemului dumneavoastră de proiectare
- Identificați contextul
- Reflecția asupra principiilor de design
- Ghid de stil 1
- Ghid de stil 2
- U 4
Proiectarea sistemului
- Elemente 1
- Elemente 2
- Elemente 3
- Proiectarea componentelor 1
- Proiectarea componentelor 2
- Proiectarea componentelor 3
- Proiectarea componentelor 4
- Componente suplimentare
- Modele
- Ecrane 1
- Ecrane 2
- U 5
Comunicare și colaborare
- Jetoane de proiectare
- Zeroheight: Cum se documentează sistemul
- Modificări și actualizări
- Echipe de lucru
- FP
Proiect final
- Introducere în sistemele de proiectare cu Figma
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
Un sistem de design este un set de componente, ghiduri și tipare care asigură consistență și eficiență în produsele digitale. Facilitează colaborarea, reduce erorile și accelerează dezvoltarea, fiind esențial pentru echipele care urmăresc coerență vizuală și funcțională.
Da, cursul este destinat persoanelor cu cunoștințe anterioare în design, ideal celor cu nivel mediu, care vor să aprofundeze crearea și gestionarea sistemelor de design pentru produse digitale.
Este recomandat să ai experiență de bază în design digital și să știi să folosești instrumente precum Figma. Cunoștințele despre componente, interfețe și principii de design te vor ajuta să profiți la maximum de conținut.
Vei învăța să creezi și să gestionezi sisteme de design, să definești componente reutilizabile, să documentezi principii de design, să optimizezi fluxurile de lucru și să menții coerența vizuală în echipe și produse digitale.
Cursul te învață să aplici principiile lui Dieter Rams pentru a crea interfețe funcționale, atemporale și minimaliste, concentrându-te pe simplitate și echilibrul dintre formă și funcție.
Se folosesc în principal Figma pentru design și creare de componente și ZeroHeight pentru documentarea ghidurilor de stil și a principiilor, facilitând colaborarea și accesul la informațiile sistemului.
Da, vei învăța cum să structurezi și să documentezi componente, principii și ghiduri de stil folosind instrumente colaborative, asigurând adoptarea și întreținerea corectă a sistemului de către întreaga echipă.