Sketch-Tutorial - bliv UI- og UX-designer Sprog: Tysk

Sketch-vejledning - bliv UI- og UX-designer

Design (Illustration, layout & tryk) · 24 Videoer · 5,2 h Video-træning · Tysk Luca Kiedrowski af Luca Kiedrowski

Sketch er et effektivt og intuitivt værktøj, hvor du kan oprette prototyper af webprojekter. Ved hjælp af UI- og UX-software kan du skabe dynamiske brugergrænseflader til hjemmesider og apps. En væsentlig fordel er, at da designene følger reglerne for webdesign, kan du give udviklingen et direkte implementerbart resultat. Lær Sketch at kende i denne tutorial på over fem timer af Luca Kiedrowski, der tager dig fra konceptet over en prototype til en fuldt designet webgrænseflade på en praktisk måde.

  • Bliv UI- og UX-designer: Skab brugerflader til hjemmesider og apps med Sketch.
  • Til en hurtig start: Skaf dig de grundlæggende færdigheder inden for Sketch, UI- og UX-design.
  • Til din fremgang: Lær avancerede designteknikker som booleske operatører at kende.
  • Praksisnær vejledning: Opret et moderne brugergrænsefladeeksempel for en app.
  • Bedre holdarbejde med udviklere: Giv dem direkte udviklingsdygtige prototyper i hænderne.
  • Forstå i 5 timer konceptet med UI og UX: Træner Luca Kiedrowski viser best practice-eksempler.
  • Sådan bliver det lærte i hovedet: Inklusive arbejdsmaterialer til at følge med

Også Google og Apple satser på Sketch - gør som de store og lær nu, hvordan du enkelt skaber smukke, brugervenlige og desuden udviklingsparate UI-designs.

Indhold

24 Videoer, 315 Minutter

Introduktion

7 Videoer · 26 Minutter
01 Åben Gratis

Sketch-vejledning: 1.1 Introduktion

3 min

Hjerteligt velkommen til skitsevejledningen: Lær, hvordan du kan designe dine egne apps ved hjælp af programmet. Her er et overblik over kurset.

02 Åben Gratis

Sketch-vejledning: 1.2 Hvad er Sketch?

2 min

En kort introduktion til programmet "Sketch" og hvordan du får adgang til dette program.

03 Åben

Sketch-vejledning: 1.3 Program-interface

6 min

Her lærer du bedre at kende til Sketch. Jeg viser dig det komplette program, og du lærer, hvordan du kan arbejde effektivt med det.

04 Åben

Sketch-vejledning: 1.4 Værktøjer

3 min

Sketch ville ikke være et så godt program, hvis man ikke kunne bruge hjælpemidler. Her kan du lære, hvordan du kan tilføje disse hjælpemidler.

05 Åben

Sketch-vejledning: 1.5 De vigtigste plugins

5 min

Plugins hjælper dig med at arbejde endnu bedre og hurtigere med Sketch. Jeg viser dig, hvilke plugins der vil kunne hjælpe dig bedst.

06 Åben

Sketch-vejledning: 1.6 Biblioteker installere

3 min

Med Libraries kan du integrere standardiserede designs fra Apple eller Android direkte ind i dit projekt.

07 Åben

Sketch-tutorial: 1.7 InVision

4 min

InVision er et værktøj, der væsentligt letter dit Sketch-projekt. Her kan du oprette "Wireframes" for at strukturere dit projekt.

Design-grundlagder

2 Videoer · 37 Minutter
08 Åben

Sketch-vejledning: 2.1 Farver

19 min

Farver giver dig mulighed for at give din app liv. Her finder du en lille introduktion til farvernes verden.

09 Åben

Sketch-vejledning: 2.2 Skrifter

18 min

Det sociale netværk "Medium" viser, hvor meget skrifter kan påvirke brugeroplevelsen. Skrifter i din app kan være meget vigtige.

Opret prototyper

1 Video · 18 Minutter
10 Åben

Sketch-vejledning: 3 prototyper

18 min

Nu starter vi med den faktiske app.

Screen-design

8 Videoer · 128 Minutter
11 Åben

Sketch-tutorial: 4.1 Hjemmeskærm og designskabeloner.

25 min

Nu tager vi fat på vores rigtige projekt og begynder med hjemmeskærmen. Derudover lærer du her, hvordan vi kan danne designskabeloner.

12 Åben

Sketch-guide: 4.2 Opret grupper og tekststile

18 min

I denne lektion lærer du, hvordan du kan oprette grupper og gemme tekststilarter for at spare tid.

13 Åben

Sketch-vejledning: 4.3 Find, opret og tilpas ikoner

16 min

Ikoner er en stor del af en app. I denne video vil du opdage, hvor du finder de bedste ikoner, og hvordan du integrerer dem i dit projekt.

14 Åben

Sketch-vejledning: 4.4 Design af chat, arbejde med lag.

16 min

Nu bevæger vi os over til chatten i vores app. Der arbejder vi med lag, som du også bør bruge for at spare tid.

15 Åben

Sketch-vejledning: 4.5 iPhone X-design

11 min

iPhone X ændrede en del i app-designet. Designere skal nu arbejde med en ny skærmform. Her vil du lære de grundlæggende ting.

16 Åben

Sketch-vejledning: 4.6 Brugerprofil, blur-effekt

18 min

Med effekter kan du give din app et interessant design. Vi bruger blur-effekten i din brugerprofil.

17 Åben

Sketch-vejledning: 4.7 Brug design som et værktøj.

18 min

I denne video lærer du, hvordan du kan bruge design som et værktøj til at give din app det sidste finish.

18 Åben

Sketch-vejledning: Brug af 4.8-biblioteker og oprettelse af handlingsark.

6 min

Nu bruger vi iOS-biblioteket til at opbygge et Action Sheet. Med biblioteker kan du spare tid ikke kun under designprocessen, men også under udviklingen.

Forny designs

1 Video · 13 Minutter
19 Åben

Sketch-vejledning: Klargør 5 design i InVision.

13 min

Hvis din app skal udvikles, har udviklerne brug for dine designs. I dette kursus lærer du, hvordan du uploader dine designs på InVision.

Vigtige oplysninger tilvejebringe

1 Video · 22 Minutter
20 Åben

Sketch-vejledning: Indsæt 6 hjælpefunktioner i appen

22 min

Brugerne af appen kan ofte ikke finde de rigtige knapper eller har andre spørgsmål, der ikke er åbenlyse. Derfor opretter vi en spørgsmål og svar-sektion.

Profi-design

3 Videoer · 66 Minutter
21 Åben

Sketch-vejledning: Få oprettet flat design-grafikker 7.1

14 min

Når du har stramme deadlines for dine projekter, har du ofte ikke tid til at designe alt selv. Her kan du læse om, hvordan og hvor du kan få hjælp.

22 Åben

Sketch-vejledning: 7.2 Hjemmeomdesign

25 min

På hjemmeskærmen har vi stadig masser af plads til forbedringer. Derfor laver vi en redesign af vores første skærm.

23 Åben

Sketch-vejledning: 7.3 Brugeroplevelse Købsproces

27 min

Brugervenløbet skal glide som smurt, da dette er et af de mest afgørende øjeblikke i brugeroplevelsen.

Innovationer i Sketch

1 Video · 6 Minutter
24 Åben

Sketch-vejledning: 8 Prototyping i Sketch

6 min

I den nye version af Sketch har du mulighed for at oprette en prototype direkte i Sketch.

Anvendelseseksempler

  • Smartphones med en app, hvis design er udviklet i Sketch
    Åbn galleri
    Eksempel: I guiden opretter du en udviklingsklar app ved hjælp af Sketch.
  • Smartphone med en app, hvis design er udviklet i Sketch.
    Åbn galleri
    Dit træner giver dig tip og trick til moderne UX- og UI-design med på vejen.
Kommentarer (0)

Kommenter nu „Sketch-vejledning - bliv UI- og UX-designer“