Sketch fra A til Z: Bliv UI-designer

Sketch-Tutorial - bliv UI- og UX-designer

Sprog: Tysk

Sketch-vejledning - bliv UI- og UX-designer

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.

detaljer

Kan bruges med:
Indhold: 5 h Video-træning
Licens: privat og kommerciel Brugsrettigheder
Bonus: inklusive arbejdsmateriale

Kategorier

Design (Illustration, layout & tryk)

Skabt med kærlighed fra:

Luca Kiedrowski

Anvendelseseksempler

Åbn galleri

Eksempel: I guiden opretter du en udviklingsklar app ved hjælp af Sketch.
Åbn galleri

Dit træner giver dig tip og trick til moderne UX- og UI-design med på vejen.

Introduktion

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.

Download projektfilen

Gratis

Sketch-vejledning: 1.2 Hvad er Sketch?

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

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.

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.

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.

Sketch-vejledning: 1.6 Biblioteker installere

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

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.

Designgrundlag

Sketch-vejledning: 2.1 Farver

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

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.

Oprette prototyper

Sketch-vejledning: 3 prototyper

Nu starter vi med den faktiske app.

Skærmdesign

Sketch-guide: 4.1 Startskærm og designskabeloner

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.

Sketch-vejledning: 4.2 Opret grupper og tekststile

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.

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.

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.

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.

Sketch-vejledning: 4.6 Brugerprofil, blur-effekt

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

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.

Sketch-vejledning: Brug af 4.8 biblioteker og oprettelse af handlingarket

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.

Tilbyde designs

Sketch-vejledning: Gør 5 design klar i InVision.

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.

Give vigtige oplysninger.

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.

Profi-design

Sketch-vejledning: Få lavet flat design-grafikker

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.

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.

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.

Nyheder i Sketch

Sketch-vejledning: 8 Prototyping i Sketch

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

Oplysninger om indhold

Forstå mobil UI- og UX-design og implementer det med Sketch
Uanset om det er en app, en hjemmeside eller en blog - giv dit UI- og UX-koncept liv med Sketch. I denne over fem timers video-undervisning fra træner Luca Kiedrowski lærer du hurtigt alle grundlæggende funktioner i programmet for kort tid efter at arbejde intensivt med et interaktivt app-design-eksempelprojekt.

Derfor bør du se Sketch-undervisningen

Du vælger direkte et professionelt værktøj inden for UI- og UX-design, da Sketch også bruges af kendte virksomheder som Google, Facebook og Apple. På grund af den intuitive betjening er det nemt at lære at bruge programmet, så du hurtigt opnår præsentable resultater.

Uanset om du har en designbaggrund eller ej: Sketch-undervisningen egner sig generelt til at komme i gang med UI- og UX-design og især til at realisere dine egne app-design-ideer med Sketch. Grundlag og anvendelse i ét!

Hvis du allerede designer for web og print (f.eks. med Photoshop eller Illustrator): Lær at overføre dine designs og enkelte elementer såsom ikoner eller symboler til dynamiske og udviklingsparate GUI-designs. Med din viden om webdesign tilføjer du et meget (og stadig mere) efterspurgt plus til dit CV.

Forbedr samarbejdet med webudviklere: Ved at bruge Sketch forbereder du brugergrænseflader, der allerede følger reglerne for webdesign. Derfor overdrager du designs til udvikling, der kan implementeres direkte. På denne måde forkorter du enormt vejen fra koncept og design til udviklet webapplikation.

UI- og UX-design med Sketch fra A til Å

Fokus for Sketch-undervisningen ligger på den praktiske anvendelse af programmet, som er tilgængelig i en gratis testversion hos udbyderen. Med din træner går du trin for trin igennem alle faserne, fra oprettelsen af en skitse til det færdige UI-design, ved hjælp af et app-design som eksempel. Der medfølger arbejdsmaterialer til undervisningen, så du kan deltage i øvelserne direkte:

Først skitser du groft, hvordan appens brugerflade skal se ud i fremtiden. Derefter arbejder du med designet. Du opretter startskærmen, arbejder med grupper, lag og teksttyper og vælger passende ikoner. Du designer en chat, en hjælpesektion og en brugerprofil, og du lærer at arbejde med biblioteker, handlingsskemaer og effekter. Til sidst har du et fuldstændigt UI-design, hvor du i den aktuelle version 52 af Sketch endda kan oprette en prototype.

På forhånd lærer du de vigtigste grundbegreber til Sketch og til UI-design. På den måde kan du hurtigt navigere i brugergrænsefladen, kende de vigtigste plugins og værktøjer og vide, hvordan du effektivt bruger skrifter og farver. Din træner viser dig også, hvornår det er hensigtsmæssigt at kombinere Sketch med InVision, f.eks. i wireframingfasen.