28
Figma Basics

Figma Basics Training - GitHub PagesBewegen Vektor (Pen) Text (Type) + Operationen - 0 Zoom In Zoom Out Zoom 100%. Aufgabe und Infos. 4 Aufgaben Mit steigendem Schwierigkeitsgrad

  • Upload
    others

  • View
    14

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Figma Basics Training - GitHub PagesBewegen Vektor (Pen) Text (Type) + Operationen - 0 Zoom In Zoom Out Zoom 100%. Aufgabe und Infos. 4 Aufgaben Mit steigendem Schwierigkeitsgrad

FigmaBasics

Page 2: Figma Basics Training - GitHub PagesBewegen Vektor (Pen) Text (Type) + Operationen - 0 Zoom In Zoom Out Zoom 100%. Aufgabe und Infos. 4 Aufgaben Mit steigendem Schwierigkeitsgrad

Aufbau

Wir reden

Ihr arbeitet(…und wir helfen)

Page 3: Figma Basics Training - GitHub PagesBewegen Vektor (Pen) Text (Type) + Operationen - 0 Zoom In Zoom Out Zoom 100%. Aufgabe und Infos. 4 Aufgaben Mit steigendem Schwierigkeitsgrad

Wassoll das hier?!

Page 4: Figma Basics Training - GitHub PagesBewegen Vektor (Pen) Text (Type) + Operationen - 0 Zoom In Zoom Out Zoom 100%. Aufgabe und Infos. 4 Aufgaben Mit steigendem Schwierigkeitsgrad

Praktikum

Page 5: Figma Basics Training - GitHub PagesBewegen Vektor (Pen) Text (Type) + Operationen - 0 Zoom In Zoom Out Zoom 100%. Aufgabe und Infos. 4 Aufgaben Mit steigendem Schwierigkeitsgrad

Umgang mit der Software lernen

Auge für Details bekommen

Page 6: Figma Basics Training - GitHub PagesBewegen Vektor (Pen) Text (Type) + Operationen - 0 Zoom In Zoom Out Zoom 100%. Aufgabe und Infos. 4 Aufgaben Mit steigendem Schwierigkeitsgrad

Formatewas nehm’ ich da?

Page 7: Figma Basics Training - GitHub PagesBewegen Vektor (Pen) Text (Type) + Operationen - 0 Zoom In Zoom Out Zoom 100%. Aufgabe und Infos. 4 Aufgaben Mit steigendem Schwierigkeitsgrad

.jpg

kleine Dateigröße

keine Transparenz

Pixelbasiert

Page 8: Figma Basics Training - GitHub PagesBewegen Vektor (Pen) Text (Type) + Operationen - 0 Zoom In Zoom Out Zoom 100%. Aufgabe und Infos. 4 Aufgaben Mit steigendem Schwierigkeitsgrad

original skaliert

Page 9: Figma Basics Training - GitHub PagesBewegen Vektor (Pen) Text (Type) + Operationen - 0 Zoom In Zoom Out Zoom 100%. Aufgabe und Infos. 4 Aufgaben Mit steigendem Schwierigkeitsgrad

.pnggrößer als .jpg

kann Transparenzen

Pixelbasiert

Page 10: Figma Basics Training - GitHub PagesBewegen Vektor (Pen) Text (Type) + Operationen - 0 Zoom In Zoom Out Zoom 100%. Aufgabe und Infos. 4 Aufgaben Mit steigendem Schwierigkeitsgrad

.svg Vektorbasiert

variable Dateigröße

Page 11: Figma Basics Training - GitHub PagesBewegen Vektor (Pen) Text (Type) + Operationen - 0 Zoom In Zoom Out Zoom 100%. Aufgabe und Infos. 4 Aufgaben Mit steigendem Schwierigkeitsgrad

Pixelraster Vektor

Page 12: Figma Basics Training - GitHub PagesBewegen Vektor (Pen) Text (Type) + Operationen - 0 Zoom In Zoom Out Zoom 100%. Aufgabe und Infos. 4 Aufgaben Mit steigendem Schwierigkeitsgrad

Shortcutssollte man kennen

Page 13: Figma Basics Training - GitHub PagesBewegen Vektor (Pen) Text (Type) + Operationen - 0 Zoom In Zoom Out Zoom 100%. Aufgabe und Infos. 4 Aufgaben Mit steigendem Schwierigkeitsgrad

cmd ⌘

Page 14: Figma Basics Training - GitHub PagesBewegen Vektor (Pen) Text (Type) + Operationen - 0 Zoom In Zoom Out Zoom 100%. Aufgabe und Infos. 4 Aufgaben Mit steigendem Schwierigkeitsgrad

cmd ⌘ S+

Speichern

Page 15: Figma Basics Training - GitHub PagesBewegen Vektor (Pen) Text (Type) + Operationen - 0 Zoom In Zoom Out Zoom 100%. Aufgabe und Infos. 4 Aufgaben Mit steigendem Schwierigkeitsgrad

cmd ⌘ Z+

Rückgängig

Page 16: Figma Basics Training - GitHub PagesBewegen Vektor (Pen) Text (Type) + Operationen - 0 Zoom In Zoom Out Zoom 100%. Aufgabe und Infos. 4 Aufgaben Mit steigendem Schwierigkeitsgrad

cmd ⌘ D+

Duplizieren

(oder alt + drag)

Page 17: Figma Basics Training - GitHub PagesBewegen Vektor (Pen) Text (Type) + Operationen - 0 Zoom In Zoom Out Zoom 100%. Aufgabe und Infos. 4 Aufgaben Mit steigendem Schwierigkeitsgrad

V

Tools

P T

Bewegen Vektor (Pen) Text (Type)

Page 18: Figma Basics Training - GitHub PagesBewegen Vektor (Pen) Text (Type) + Operationen - 0 Zoom In Zoom Out Zoom 100%. Aufgabe und Infos. 4 Aufgaben Mit steigendem Schwierigkeitsgrad

+

Operationen

- 0

Zoom In Zoom Out Zoom 100%

Page 19: Figma Basics Training - GitHub PagesBewegen Vektor (Pen) Text (Type) + Operationen - 0 Zoom In Zoom Out Zoom 100%. Aufgabe und Infos. 4 Aufgaben Mit steigendem Schwierigkeitsgrad

Aufgabeund Infos

Page 20: Figma Basics Training - GitHub PagesBewegen Vektor (Pen) Text (Type) + Operationen - 0 Zoom In Zoom Out Zoom 100%. Aufgabe und Infos. 4 Aufgaben Mit steigendem Schwierigkeitsgrad

4 AufgabenMit steigendem

Schwierigkeitsgrad

Page 21: Figma Basics Training - GitHub PagesBewegen Vektor (Pen) Text (Type) + Operationen - 0 Zoom In Zoom Out Zoom 100%. Aufgabe und Infos. 4 Aufgaben Mit steigendem Schwierigkeitsgrad
Page 22: Figma Basics Training - GitHub PagesBewegen Vektor (Pen) Text (Type) + Operationen - 0 Zoom In Zoom Out Zoom 100%. Aufgabe und Infos. 4 Aufgaben Mit steigendem Schwierigkeitsgrad

QualitätQuantität

Page 23: Figma Basics Training - GitHub PagesBewegen Vektor (Pen) Text (Type) + Operationen - 0 Zoom In Zoom Out Zoom 100%. Aufgabe und Infos. 4 Aufgaben Mit steigendem Schwierigkeitsgrad

Detailssind wichtig!

Page 24: Figma Basics Training - GitHub PagesBewegen Vektor (Pen) Text (Type) + Operationen - 0 Zoom In Zoom Out Zoom 100%. Aufgabe und Infos. 4 Aufgaben Mit steigendem Schwierigkeitsgrad

Material

Page 25: Figma Basics Training - GitHub PagesBewegen Vektor (Pen) Text (Type) + Operationen - 0 Zoom In Zoom Out Zoom 100%. Aufgabe und Infos. 4 Aufgaben Mit steigendem Schwierigkeitsgrad
Page 26: Figma Basics Training - GitHub PagesBewegen Vektor (Pen) Text (Type) + Operationen - 0 Zoom In Zoom Out Zoom 100%. Aufgabe und Infos. 4 Aufgaben Mit steigendem Schwierigkeitsgrad
Page 27: Figma Basics Training - GitHub PagesBewegen Vektor (Pen) Text (Type) + Operationen - 0 Zoom In Zoom Out Zoom 100%. Aufgabe und Infos. 4 Aufgaben Mit steigendem Schwierigkeitsgrad
Page 28: Figma Basics Training - GitHub PagesBewegen Vektor (Pen) Text (Type) + Operationen - 0 Zoom In Zoom Out Zoom 100%. Aufgabe und Infos. 4 Aufgaben Mit steigendem Schwierigkeitsgrad