Sketch från A till Ö: Bli UI-designer

Språk: Tyska

Skisshandledning - bli en UI- och UX-designer

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.

Detaljer

Användbar med:
Innehåll: 5 h Videoträning
Licens: privat och kommersiell Användningsrättigheter
Bonus: inklusive arbetsmaterial

Kategorier

Design (Illustration, layout & tryck)

Skapat med kärlek av:

Luca Kiedrowski

Tillämpningsexempel

Öppna galleriet

Exempel: I handledningen skapar du med hjälp av Sketch en utvecklingsbar app.
Öppna galleriet

Exempel: Din tränare ger dig tips och tricks för modern UX- och UI-design med på vägen.

Introduktion

Gratis

Skiss-guide: 1.1 Introduktion

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.

Ladda ner projektfilen

Gratis

Sketch-tutorial: 1.2 Vad är Sketch?

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

Skisslektion: 1.3 Programgränssnitt

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.

Skiss handledning: 1.4 Verktyg

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.

Sketch-Tutorial: 1.5 De viktigaste pluginerna

Sketch-tutorial: 1.5 De viktigaste tilläggen

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.

Sketch-Tutorial: 1.6 Att installera bibliotek

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

Sketch-tutorial: 1.7 InVision

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.

Designgrundläggande

Sketch-Tutorial: 2.1 Färger

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.

Sketch-tutorial: 2.2 Typsnitt

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

Skapa prototyper

Skiss-guide: 3 Prototyperingar

Nu börjar vi med den faktiska appen.

Skärmdesign

Sketch-tutorial: 4.1 Startsida och designmallar

Sketch-guide: 4.1 Startskärm och designmallar

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.

Skiss-guide: 4.2 Skapa grupper och textstilar

Sketch-tutorial: 4.2 Skapa grupper och textstilar.

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

Guide: 4.3 Hitta, skapa och anpassa ikoner

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.

Sketch-Tutorial: 4.4 Designa chatt, arbeta med lager

Skiss-tutorial: Designa chatt 4.4, jobba med lager

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.

Sketch-tutorial: 4.5 iPhone X-design

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.

Sketch-lektion: 4.6 Användarprofil, Blur-effekt

Sketchhandledning: 4.6 Användarprofil, suddnings effekt

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

Skisshandledning: 4.7 Använda design som ett verktyg

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

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.

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

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

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 designer

Skiss-tutorial: Förbereda 5 designer i InVision.

Skiss-tutorial: 5 designer i InVision är redo

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.

Tillhandahålla viktig information

Skiss-tutorial: Lägg till 6 hjälpar i appen

Sketch-Tutorial: 6 Hjälpinfo i appen infogad

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.

Proffsdesign

Skiss handledning: Skapa platt designgrafik 7.1

Sketch-tutorial: Låt skapa platta designgrafik 7.1

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.

Sketch-guide: 7.2 Hemrenovering

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.

Sketch-Tutorial: 7.3 Köpprocess användarupplevelse

Skiss-tutorial: 7.3 Användarupplevelse Köpprocess

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.

Nyheterna i Sketch

Sketch-Tutorial: 8 Prototypning i Skiss

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

Detaljer om innehållet

Förstå mobil UI- och UX-design och implementera med Sketch
Oavsett om det är en app, webbplats eller blogg - ge liv åt ditt UI- och UX-koncept - med Sketch. I denna över fem timmar långa videohandledning med tränare Luca Kiedrowski lär du dig snabbt alla grunder för att använda programmet för att snart därefter arbeta intensivt med ett interaktivt appdesignexempelprojekt.

Därför bör du titta på Sketch-handledningen

Du satsar direkt på en professionell designverktyg för UI- och UX-design, eftersom Sketch också används av välkända företag som Google, Facebook och Apple. På grund av det intuitiva gränssnittet är det lätt att lära sig att använda programmet snabbt, så att du snabbt kan uppnå imponerande resultat.

Oavsett om du har en designbakgrund eller inte: Sketch-handledningen är generellt lämplig för att komma igång med UI- och UX-designområdet och speciellt för att implementera dina egna appdesignidéer med Sketch. Grunden och tillämpningen i ett!

Om du redan designar för webb och tryck (till exempel med Photoshop eller Illustrator): Skaffa dig förmågan att överföra dina designer och enskilda element som ikoner eller symboler till dynamiska och utvecklingsbara UI-designs. Med din kunskap inom området webbdesign ger du din CV en mycket (och alltmer) efterfrågad fördel.

Förbättra samarbetet med webbutvecklare: Genom att använda Sketch förbereder du användargränssnitt som redan följer webbdesignregler. Därmed överlämnar du designer till utvecklingen som kan implementeras direkt. På så sätt förkortar du vägen från koncept och design till utvecklad webbapplikation enormt.

UI- och UX-design med Sketch från A till Ö

Fokus för Sketch-handledningen ligger på praktisk tillämpning av programmet, som är tillgängligt i en gratis testversion från leverantören. Med din tränare går du genom alla faser steg för steg vid exempel på ett appdesign, från att skissa till att ta fram ett färdigt UI-design. Arbetsmaterialen medföljer handledningen så att du direkt kan vara praktiskt delaktig:

Först skissar du grovt hur appens användargränssnitt kommer att se ut i framtiden. Sedan arbetar du med själva designen. Du skapar startskärmen, arbetar med grupper, lager och textstilar och väljer lämpliga ikoner. Du designar en chatt, en hjälpfunktion och en användarprofil, och du lär dig att använda bibliotek, aktionskivor och effekter. I slutändan har du ett fullständigt UI-design, som du kan skapa en prototyp från i den aktuella versionen 52 av Sketch.

I förväg lär du dig de viktigaste grunderna för Sketch och för UI-designet. På så sätt kan du snabbt navigera i gränssnittet, du känner till de viktigaste tilläggen och verktygen och vet hur du användar typsnitt och färger på ett effektivt sätt. Din tränare visar också när det är fördelaktigt att kombinera Sketch med InVision, till exempel i fasen av s.k. wireframes.