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 · Dansk 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

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?

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

03 Åben

Sketch-vejledning: 1.3 Program-interface

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

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

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

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

07 Åben

Sketch-tutorial: 1.7 InVision

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

01

Sketch-vejledning: 1.1 Introduktion

3 min Åben
02

Sketch-vejledning: 1.2 Hvad er Sketch?

2 min Åben
03

Sketch-vejledning: 1.3 Program-interface

6 min Åben
04

Sketch-vejledning: 1.4 Værktøjer

3 min Åben
05

Sketch-vejledning: 1.5 De vigtigste plugins

5 min Åben
06

Sketch-vejledning: 1.6 Biblioteker installere

3 min Åben
07

Sketch-tutorial: 1.7 InVision

4 min Åben

Design-grundlagder

2 Videoer · 37 Minutter
08 Åben

Sketch-vejledning: 2.1 Farver

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

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

08

Sketch-vejledning: 2.1 Farver

19 min Åben
09

Sketch-vejledning: 2.2 Skrifter

18 min Åben

Opret prototyper

1 Videoer · 18 Minutter
10 Åben

Sketch-vejledning: 3 prototyper

Nu starter vi med den faktiske app.

10

Sketch-vejledning: 3 prototyper

18 min Åben

Screen-design

8 Videoer · 128 Minutter
11 Åben

Sketch-tutorial: 4.1 Hjemmeskærm og designskabeloner.

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

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

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.

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

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

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.

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.

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.

11

Sketch-tutorial: 4.1 Hjemmeskærm og designskabeloner.

25 min Åben
12

Sketch-guide: 4.2 Opret grupper og tekststile

18 min Åben
13

Sketch-vejledning: 4.3 Find, opret og tilpas ikoner

16 min Åben
14

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

16 min Åben
15

Sketch-vejledning: 4.5 iPhone X-design

11 min Åben
16

Sketch-vejledning: 4.6 Brugerprofil, blur-effekt

18 min Åben
17

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

18 min Åben
18

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

6 min Åben

Forny designs

1 Videoer · 13 Minutter
19 Åben

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

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

19

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

13 min Åben

Vigtige oplysninger tilvejebringe

1 Videoer · 22 Minutter
20 Åben

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

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.

20

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

22 min Åben

Profi-design

3 Videoer · 66 Minutter
21 Åben

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

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

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

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

21

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

14 min Åben
22

Sketch-vejledning: 7.2 Hjemmeomdesign

25 min Åben
23

Sketch-vejledning: 7.3 Brugeroplevelse Købsproces

27 min Åben

Innovationer i Sketch

1 Videoer · 6 Minutter
24 Åben

Sketch-vejledning: 8 Prototyping i Sketch

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

24

Sketch-vejledning: 8 Prototyping i Sketch

6 min Åben

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“