Skisseopplæring – bli en UI- og UX-designer Språk: Tysk

Sketch-veiledningsprogram - bli en UI- og UX-designer

Design (Illustrasjon, Layout & Trykk) 24 videoer · 5.2 h Videotrenings · Norsk Luca Kiedrowski av Luca Kiedrowski

Sketch er et effektivt og intuitivt verktøy som lar deg lage prototyper av webprosjekter. Med denne UI- og UX-programvaren kan du lage dynamiske grensesnitt for nettsider og apper. En vesentlig fordel: Siden designene er basert på prinsippene for webdesign, gir du utviklerne et direkte implementerbart resultat. Lær Sketch i denne over fem timer lange opplæringen med Luca Kiedrowski, som tar deg fra konseptet gjennom en prototype til en fullstendig designet webgrensesnitt.

  • Bli UI- og UX-designer: Lag brukergrensesnitt for nettsider og apper med Sketch.
  • For en rask start: Lær deg grunnleggende om Sketch, UI- og UX-design.
  • For din fremgang: Lær avanserte designteknikker som boolske operasjoner.
  • Praksisnær veiledning: Opprett et moderne brukergrensesnitt ved hjelp av en app som eksempel
  • Bedre lagsamarbeid med utviklere: Gi dem direkte prototyper de kan jobbe videre med.
  • Forstå konseptet med UI og UX på 5 timer: Trener Luca Kiedrowski viser beste praksis-eksempler
  • Slik blir det du har lært i hodet: Inkludert arbeidsmateriell for å delta

Også Google og Apple satser på Sketch - gjør som de store og lær nå hvordan du enkelt lager vakre, brukervennlige og i tillegg utviklingsklare UI-design.

Innhold

24 videoer, 315 Minutter

Introduksjon

7 videoer · 26 Minutter
01 Åpen Gratis

Skisseopplæring: 1.1 Innledning

Hjertelig velkommen til Skisseopplæringen: Lær hvordan du kan designe dine egne apper ved hjelp av programmet. Her er en oversikt over kurset.

02 Åpen Gratis

Skisseopplæring: 1.2 Hva er skisse?

En kort introduksjon til programmet "Sketch" og hvordan du får tilgang til dette programmet.

03 Åpen

Skisseveiledning: 1.3 Program-grensesnitt

Her lærer du å bli bedre kjent med Sketch. Jeg viser deg det komplette programmet, og du lærer hvordan du kan jobbe effektivt med det.

04 Åpen

Skisseopplæring: 1.4 Verktøy

Sketch ville ikke vært et så flott program hvis man ikke kunne bruke verktøy. Her kan du finne ut hvordan du legger til disse verktøyene.

05 Åpen

Skisseopplæring: 1.5 De viktigste tilleggene

Plugins hjelper deg med å jobbe enda bedre og raskere med Sketch. Jeg viser deg hvilke plugins som kan være til mest hjelp for deg.

06 Åpen

Skisseopplæring: 1.6 Biblioteker installeres

Med "Libraries" kan du direkte bruke standardiserte design fra Apple eller Android i prosjektet ditt.

07 Åpen

Skisseopplæring: 1.7 InVision

InVision er et verktøy som gjør det mye lettere for deg å jobbe med ditt Sketch-prosjekt. Der kan du lage "Wireframes" for å strukturere prosjektet ditt.

01

Skisseopplæring: 1.1 Innledning

3 min Åpen
02

Skisseopplæring: 1.2 Hva er skisse?

2 min Åpen
03

Skisseveiledning: 1.3 Program-grensesnitt

6 min Åpen
04

Skisseopplæring: 1.4 Verktøy

3 min Åpen
05

Skisseopplæring: 1.5 De viktigste tilleggene

5 min Åpen
06

Skisseopplæring: 1.6 Biblioteker installeres

3 min Åpen
07

Skisseopplæring: 1.7 InVision

4 min Åpen

Design-grunnlag

2 videoer · 37 Minutter
08 Åpen

Skisseopplæring: 2.1 Farger

Farger gir deg muligheten til å fylle appen din med liv. Her finner du en liten introduksjon til fargenes verden.

09 Åpen

Skisseopplæring: 2.2 Skrifter

Det sosiale nettverket "Medium" viser hvor mye skrifter kan påvirke brukeropplevelsen. Skrifter i appen din kan være veldig viktige.

08

Skisseopplæring: 2.1 Farger

19 min Åpen
09

Skisseopplæring: 2.2 Skrifter

18 min Åpen

Lage prototyper

1 videoer · 18 Minutter
10 Åpen

Skisseopplæring: 3 prototyping

Nå begynner vi med den faktiske appen.

10

Skisseopplæring: 3 prototyping

18 min Åpen

Skjermdesign

8 videoer · 128 Minutter
11 Åpen

Skisseveiledning: 4.1 Hjemmeskjerm og designmaler

Nå tar vi oss an vårt virkelige prosjekt og begynner med hjemskjermen. I tillegg lærer du her hvordan vi kan lage designmaler.

12 Åpen

Opprette grupper og tekststiler i Sketch-tutorial: 4.2.

I denne leksjonen lærer du hvordan du kan opprette grupper og lagre tekststiler for å spare tid.

13 Åpen

Sketch-opplæring: 4.3 Finn, lag og tilpass ikoner.

Ikoner er en stor del av en app. I denne videoen vil du lære hvor du finner de beste ikonene, og hvordan du integrerer dem i prosjektet ditt.

14 Åpen

Sketch-opplæring: 4.4 Designe chat, jobbe med lag.

Nå går vi til chatten på appen vår. Der jobber vi med lag, som du også bør bruke for å spare tid.

15 Åpen

Skisseveiledning: 4.5 iPhone X-design

iPhone X endret mye i appdesignet. Designere må nå jobbe med en ny skjermform. Her får du grunnleggende informasjon.

16 Åpen

Skisseopplæring: 4.6 Brukerprofil, Uskarphetseffekt

Med effekter kan du gi appen din et interessant design. Vi bruker blur-effekten i brukerprofilen din.

17 Åpen

Skisseopplæring: 4.7 Bruk design som verktøy

I denne videoen lærer du hvordan du kan bruke design som et verktøy for å gi appen din en siste finish.

18 Åpen

Skisseveiledning: Bruke 4.8 biblioteker og opprette handlingsskjema.

Nå bruker vi iOS-biblioteket for å lage en handlingsoversikt. Med biblioteker kan du spare tid ikke bare ved design, men også ved utvikling.

11

Skisseveiledning: 4.1 Hjemmeskjerm og designmaler

25 min Åpen
12

Opprette grupper og tekststiler i Sketch-tutorial: 4.2.

18 min Åpen
13

Sketch-opplæring: 4.3 Finn, lag og tilpass ikoner.

16 min Åpen
14

Sketch-opplæring: 4.4 Designe chat, jobbe med lag.

16 min Åpen
15

Skisseveiledning: 4.5 iPhone X-design

11 min Åpen
16

Skisseopplæring: 4.6 Brukerprofil, Uskarphetseffekt

18 min Åpen
17

Skisseopplæring: 4.7 Bruk design som verktøy

18 min Åpen
18

Skisseveiledning: Bruke 4.8 biblioteker og opprette handlingsskjema.

6 min Åpen

Tilby design

1 videoer · 13 Minutter
19 Åpen

Sketch-Tutorial: 5 design klare i InVision

Når appen din skal utvikles, trenger utviklerne designene dine. I denne leksjonen vil du lære hvordan du legger ut designene dine på InVision.

19

Sketch-Tutorial: 5 design klare i InVision

13 min Åpen

Gi viktig informasjon

1 videoer · 22 Minutter
20 Åpen

Skisseopplæring: Legg til 6 hjelp i appen

Brukerne av appen finner ofte ikke de riktige knappene eller har andre spørsmål som ikke er åpenbart synlige. Derfor oppretter vi en spørsmål-og-svar-seksjon.

20

Skisseopplæring: Legg til 6 hjelp i appen

22 min Åpen

Profi-design

3 videoer · 66 Minutter
21 Åpen

Sketch-opplæring: 7.1 Lage flat design-grafikk

Når du har tøffe tidsfrister for prosjektene dine, har du ofte ikke tid til å designe alt selv. Her får du vite hvordan og hvor du kan få hjelp.

22 Åpen

Skisseveiledning: 7.2 Hjemmeomdesign

På hjemskjermen har vi mye å gå på. Derfor skal vi gjøre en redesign av vår første skjerm.

23 Åpen

Skisseopplæring: 7.3 Brukeropplevelse Kjøpsprosess

Kjøpsprosessen til en bruker må gå sømløst, da dette er et av de mest følsomme øyeblikkene i brukerflyten.

21

Sketch-opplæring: 7.1 Lage flat design-grafikk

14 min Åpen
22

Skisseveiledning: 7.2 Hjemmeomdesign

25 min Åpen
23

Skisseopplæring: 7.3 Brukeropplevelse Kjøpsprosess

27 min Åpen

Forbedringer i Sketch

1 videoer · 6 Minutter
24 Åpen

Skisseveiledning: Prototyping i Sketch

I den nye versjonen av Sketch har du muligheten til å lage en prototype direkte i Sketch.

24

Skisseveiledning: Prototyping i Sketch

6 min Åpen

Bruksområder

  • Smarttelefoner med en app, hvor designet ble utviklet i Sketch
    Åpne galleri
    Eksempel: I opplæringen lager du en utviklbar app ved hjelp av Sketch.
  • Smarttelefon med en app, hvis design ble utviklet i Sketch
    Åpne galleri
    Eksempel: Treneren din gir deg tips og triks for moderne UX- og UI-design med på veien.
Kommentarer (0)

Kommenter nå „Sketch-veiledningsprogram - bli en UI- og UX-designer“