Crearea de kituri UI cu Sketch
Regula principală a aplicațiilor este de a ușura viața utilizatorilor, însă crearea uneia de la zero poate fi un proces cu adevărat complicat. De aceea, kiturile UI, seturi de elemente gata de utilizare pentru designul interfeței, sunt o resursă cu adevărat utilă.
În acest curs, vei învăța cum să creezi kituri UI pentru aplicații și site-uri web în Sketch alături de designerul Migue, alias El Nodos. De asemenea, vei învăța cum să le actualizezi pentru reutilizare în proiecte viitoare și să eficientizezi și mai mult fluxul de lucru. Dă viață unor interfețe uimitoare și creează experiențe de neuitat rapid și ușor.
Ce vei învăța în acest curs online?
1 lecție & 1 descărcare
Ce vom face în timpul cursului
1 minut, 1 secundă
Ce este un kit UI?
1 minut, 1 secundă
Modele și componente UI în Sketch
1 minut, 1 secundă
Design atomic
1 minut, 1 secundă
Proiectul
1 minut, 1 secundă
Culori, Font și Grilă
1 minut, 1 secundă
Ce include acest curs?
Vei începe prin a-ți cunoaște profesorul și a afla despre parcursul său profesional. De asemenea, acesta îți va explica proiectul la care vei lucra pe parcursul cursului.
În continuare, veți învăța ce este un kit UI și cum diferă de un sistem de design. Veți explora modelele de design ale interfeței și veți învăța cum să vă organizați fișierele conform metodologiei lui Migue.
Vei analiza proiectul pe care îți vei baza kitul UI și componentele pe care dorești să le creezi. Apoi, vei defini ghidul de stil, concentrându-te pe culori, , și seturi de pictograme.
Vei trece la acțiune creând mai întâi atomi, apoi combinând unii dintre ei pentru a crea molecule și, în final, creând niște ecrane cu toate aceste componente.
În ultima unitate, Migue vă va învăța cum să utilizați kitul UI din Sketch ca bibliotecă și cum să îl mențineți actualizat, adăugând componente noi după cum este necesar.
Software și instrumente recomandate pentru acest curs
Care este proiectul acestui curs?
Vei crea un kit UI care îți va eficientiza munca la crearea de ecrane pentru aplicația ta. Pe parcursul cursului, vei lucra dintr-o aplicație muzicală.
Pentru cine este acest curs online?
Designerilor care doresc să intre în lumea designului de interfețe, designerilor UI, designerilor juniori de interacțiune și oricui este interesat de designul de aplicații sau implicat în designul de produse digitale.
Cerințe și materiale
Pentru a urma acest curs, sunt necesare cunoștințe de bază de Sketch.
Cât despre materiale, veți avea nevoie de un computer cu macOS Mojave sau o versiune ulterioară și de cea mai recentă versiune de Sketch instalată (puteți descărca o versiune de probă de pe site-ul lor). Un Wacom este un avantaj, dar nu este esențial.
Recenzii
- 1 an în urmă
El curso es una base para iniciar a trabajar con la metodología Atomic Design.
- 3 ani în urmă
La neta no era lo que esperaba, pensé que el UI Kits te ayudaba a crear el diseño de la aplicación, pero ya lo tenia creado y solo agrupo los componentes, y también no me gusto el estilo en como hablaba, parecía que le faltaba el aire para pronunciar palabras, disculpen mi critica pero así lo percibí
- 4 ani în urmă
Increible curso
- 4 ani în urmă
Muy completo
- 5 ani în urmă
El curso me ha parecido super claro y completo. El profesor da muchos detalles y es super dinamico para todo lo que explica en tan poco tiempo. Super recomendable.
Conţinut
- U 1
Introducere
- Prezentare
- Influențe
- Ce vom face în timpul cursului
- U 2
Schițe de concepte și configurare
- Ce este un kit UI?
- Modele și componente UI în Sketch
- Design atomic
- U 3
Punerea bazei pentru kitul nostru UI cu Sketch
- Proiectul
- Culori, Font și Grilă
- Culori, Font și Grilă 2
- Set de pictograme
- U 4
Crearea componentelor atomice în Sketch
- Crearea componentelor: Atomi
- Crearea componentelor: Atomi 2
- Crearea componentelor: Molecule
- Construirea de ecrane cu atomi și molecule
- U 5
Biblioteci în Sketch
- Kitul UI ca bibliotecă în Sketch
- Adăugarea de noi componente la kitul nostru UI
- Prezentați kitul UI
- FP
Proiect final
- Crearea de kituri UI cu Sketch
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
You’ll learn how to create, organize, and document visual design systems, UI Kits, and reusable components in Sketch, using methodologies like Atomic Design and Material Design patterns for mobile and web apps.
This is an intermediate-level course, so it’s recommended that you have basic knowledge of digital graphic design or prior experience with tools like Sketch or Figma.
You’ll need a Mac with Sketch installed, internet access, and basic design knowledge. Familiarity with digital interfaces and usability concepts is recommended.
Atomic Design is applied by breaking components into atoms, molecules, and organisms, enabling you to build modular, scalable, and easy-to-maintain interfaces in Sketch.
Yes, the course guides you step-by-step to create, organize, and reuse a UI Kit in Sketch, centralizing components, styles, and visual elements for mobile or web apps.
Yes, you’ll learn to create, document, and manage visual design systems, including style guides, color palettes, typography, and components.
Yes, the course shows you how to check color contrast between backgrounds and text, applying accessibility principles to improve readability and user experience.