Skisslektion - bli UI- och UX-designer Språk: Tyska

Skisshandledning - bli en UI- och UX-designer

Design (Illustration, layout & tryck) · 24 Videor · 5,2 h Videoträning · Tyska Luca Kiedrowski av Luca Kiedrowski

Sketch är ett effektivt och intuitivt verktyg med vilket du skapar prototyper av webbprojekt. Med hjälp av UI- och UX-programvaran skapar du dynamiska användargränssnitt för webbplatser och appar. En väsentlig fördel: eftersom designerna följer regler för webbdesign, ger du utvecklingen ett direkt genomförbart resultat. Lär dig Sketch i denna över fem timmar långa handledning av Luca Kiedrowski, som tar dig praktiskt från konceptet genom en prototyp till en fullständigt designad webbgränssnitt.

  • Bli UI- och UX-designer: Skapa användargränssnitt för webbplatser och appar med Sketch.
  • För en snabb start: Skaffa dig grunderna i Sketch, UI- och UX-design.
  • För din framgång: Lär dig avancerade designtekniker som booleska operatorer.
  • Praktisk handledning: Skapa ett modernt användargränssnitt med hjälp av en app som exempel.
  • Bättre lagarbete med utvecklare: Ge dem direkt prototyper som är klara för utveckling.
  • Förstå konceptet UI och UX på 5 timmar: tränare Luca Kiedrowski visar bästa praxis-exempel
  • Så stannar inlärningen i huvudet: Inklusive arbetsmaterial för att delta

Även Google och Apple satsar på Sketch - gör som de stora och lär dig nu hur du enkelt skapar vackra, användarvänliga och dessutom utvecklingsklara UI-designs.

Innehåll

24 Videor, 315 Minuter

Introduktion

7 Videor · 26 Minuter
01 Öppen Gratis

Skiss-guide: 1.1 Introduktion

3 min

Välkommen till skisshandledningen: Lär dig hur du kan designa dina egna appar med hjälp av programmet. Här är en översikt över kursen.

02 Öppen Gratis

Sketch-tutorial: 1.2 Vad är Sketch?

2 min

En kort introduktion till programmet "Sketch" och hur du får tillgång till detta program.

03 Öppen

Skisslektion: 1.3 Programgränssnitt

6 min

Här lär du dig bättre känna Sketch. Jag visar dig hela programmet och du lär dig hur du effektivt kan arbeta med det.

04 Öppen

Skiss handledning: 1.4 Verktyg

3 min

Sketch skulle inte vara så bra ett program om man inte kunde använda några hjälpmedel. Här får du reda på hur du lägger till dessa hjälpmedel.

05 Öppen

Sketch-tutorial: 1.5 De viktigaste tilläggen

5 min

Tillägg hjälper dig att arbeta ännu bättre och snabbare med Sketch. Jag visar dig vilka tillägg som kan hjälpa dig bäst.

06 Öppen

Sketch-Tutorial: 1.6 Att installera bibliotek

3 min

Med Libraries kan du integrera standardiserade designs från Apple eller Android direkt i ditt projekt.

07 Öppen

Sketch-tutorial: 1.7 InVision

4 min

InVision är ett verktyg som på ett betydande sätt underlättar ditt Sketch-projekt. Där kan du skapa "wireframes" för att strukturera ditt projekt.

Design-grunder

2 Videor · 37 Minuter
08 Öppen

Sketch-Tutorial: 2.1 Färger

19 min

Färger ger dig möjligheten att ge liv åt din app. Här får du en liten introduktion till färgernas värld.

09 Öppen

Sketch-tutorial: 2.2 Typsnitt

18 min

Det sociala nätverket "Medium" visar hur mycket typsnitten kan påverka användarupplevelsen. Typsnitt i din app kan vara mycket viktiga.

Skapa prototyper

1 Video · 18 Minuter
10 Öppen

Skiss-guide: 3 Prototyperingar

18 min

Nu börjar vi med den faktiska appen.

Skärmdesign

8 Videor · 128 Minuter
11 Öppen

Sketch-guide: 4.1 Startskärm och designmallar

25 min

Nu vågar vi oss på vårt riktiga projekt och börjar med startsidan. Dessutom lär du dig här hur vi kan skapa designmallar.

12 Öppen

Sketch-tutorial: 4.2 Skapa grupper och textstilar.

18 min

I denna lektion lär du dig hur du skapar grupper och sparar textstilar för att spara tid.

13 Öppen

Guide: 4.3 Hitta, skapa och anpassa ikoner

16 min

Ikoner är en stor del av en app. I denna video får du veta var du hittar de bästa ikonerna och hur du integrerar dem i ditt projekt.

14 Öppen

Skiss-tutorial: Designa chatt 4.4, jobba med lager

16 min

Nu beger vi oss till chatten i vår app. Där använder vi lager, som du också bör använda för att spara tid.

15 Öppen

Sketch-tutorial: 4.5 iPhone X-design

11 min

iPhone X förändrade en del i appdesignen. Designers måste nu arbeta med en ny skärmform. Här får du lära dig grunderna.

16 Öppen

Sketchhandledning: 4.6 Användarprofil, suddnings effekt

18 min

Med effekter kan du ge din app en intressant design. Vi använder blur-effekten i din användarprofil.

17 Öppen

Sketch-Tutorial: 4.7 Använda design som ett verktyg.

18 min

I den här videon får du lära dig hur du kan använda design som ett verktyg för att ge din app en sista touch.

18 Öppen

Sketch-tutorial: Använda 4.8 bibliotek och skapa åtgärdsblad.

6 min

Nu använder vi iOS-biblioteket för att skapa en åtgärdsblad. Med bibliotek kan du inte bara spara tid vid design, utan även under utvecklingen.

Tillhandahålla designs

1 Video · 13 Minuter
19 Öppen

Skiss-tutorial: 5 designer i InVision är redo

13 min

Om din app ska utvecklas behöver utvecklarna dina designer. I den här lektionen lär du dig hur du förbereder dina designer i InVision.

Viktiga uppgifter tillhandahålla

1 Video · 22 Minuter
20 Öppen

Sketch-Tutorial: 6 Hjälpinfo i appen infogad

22 min

Användarna av appen hittar ofta inte rätt knappar eller har andra frågor som inte är uppenbart synliga. Därför skapar vi en frågor-och-svars-sektion.

Profi-design

3 Videor · 66 Minuter
21 Öppen

Sketch-tutorial: Låt skapa platta designgrafik 7.1

14 min

När du har tuffa tidsfrister för dina projekt har du ofta inte tid att designa allt själv. Här kan du läsa om hur och var du kan få hjälp.

22 Öppen

Sketch-guide: 7.2 Hemrenovering

25 min

På startsidan har vi mycket utrymme att förbättra. Därför gör vi en omgestaltning av vår första skärm.

23 Öppen

Skiss-tutorial: 7.3 Användarupplevelse Köpprocess

27 min

Köpprocessen för en användare måste flyta på smidigt, eftersom detta är en av de mest kritiska ögonblicken i användarflödet.

Förändringar i Sketch

1 Video · 6 Minuter
24 Öppen

Sketch-Tutorial: 8 Prototypning i Skiss

6 min

I den nya versionen av Sketch har du möjligheten att skapa en prototyp direkt i Sketch.

Tillämpningsexempel

  • Smartphones med en app, vars design utvecklades i Sketch.
    Öppna galleriet
    Exempel: I handledningen skapar du med hjälp av Sketch en utvecklingsbar app.
  • Smartphone med en app vars design utvecklades i Sketch.
    Öppna galleriet
    Exempel: Din tränare ger dig tips och tricks för modern UX- och UI-design med på vägen.
Kommentarer (0)

Kommentera nu „Skisshandledning - bli en UI- och UX-designer“