Design System Intro

zł570

Design System Intro

Course
46 Lessons

Naucz się zaawansowanych funkcji, auto-layoutu, variables i Design Systemów. Część pierwsza z trzech.

Buy now

Intro

Przywitanie od CEO Nueve

Tydzień 1

1. Czym jest Design System?

2. Atomic Design

3.1. Przykłady Design Systemów - Adobe Spectrum

3.2. Przykłady Design Systemów - Figma Community

3.3. Przykłady Design Systemów - Apple

4. Roadmap i checklist

5.1. Style kolorów i tekstów

5.2. Style siatki

5.3. Style efektów

5.4. Auto-layout

5.5. Komponenty cz. 1

5.6. Komponenty cz.2

Weekly Challenge 🔥

Materiały

Tydzień 2

1. Intro

2. Advanced Auto-Layout

3.1. Jeszcze słowo o stylach

3.2. Component Properties - instance swap, text property, boolean

3.3. Component Properties - variants cz.1

3.4. Component Properties - variants cz.2

4.1. Warianty rozszerzone cz.1

4.2. Warianty rozszerzone cz.2

4.3. Warianty rozszerzone cz.3

4.4. Warianty rozszerzone cz.4

4.5. Warianty rozszerzone cz.5

5. Breakpointy i responsywność

6. Edge cases

Weekly Challenge 🔥

Materiały

Tydzień 3

1. Intro + dev

2.1. All in one - typografia

2.2. All in one - Jednostki

2.3. All in one - kolory

2.4. All in one - dark mode

3.1. Dynamic components - mikroprototypy

3.2. Dynamic components - variables cz.1

3.3. Dynamic components - variables cz.2

3.4. Dynamic components - variables cz.3

4. Dokumentacja Design Systemu

5.1. Case study visionOS pt.1

5.2. Case study visionOS pt.2

Weekly Challenge 🔥

Materiały

Bonus 🎁

Ocena kursu 📊