Sketch van A tot Z: word UI-ontwerper

Taal: Duits

Sketch-tutorial - word UI- en UX-designer.

Sketch is een effectief en intuïtief hulpmiddel waarmee je prototypes van webprojecten maakt. Met behulp van de UI- en UX-software creëer je dynamische gebruikersinterfaces voor websites en apps. Een belangrijk voordeel: aangezien de ontwerpen zijn gebaseerd op regels van webdesign, lever je een direct implementeerbaar resultaat aan de ontwikkeling op. Ontdek Sketch in deze uren en uren durende tutorial van Luca Kiedrowski, die je stap voor stap begeleidt van concept tot prototype tot volledig ontworpen webinterface.

Word UI- en UX-designer: Maak met Sketch gebruikersinterfaces voor websites en apps.
Voor een snelle start: Maak je de basisprincipes van Sketch, UI- en UX-design eigen
Voor je vooruitgang: Leer geavanceerde designtechnieken zoals booleaanse operatoren kennen.
Praktische zelfstudie: Maak aan de hand van een app een moderne gebruikersinterface.
Betere samenwerking met ontwikkelaars: Geef ze direct bruikbare prototypes in handen.
Begrijp in 5 h het concept van UI en UX: Trainer Luca Kiedrowski toont best practices voorbeelden.
Zo blijft het geleerde in het hoofd: inclusief werkmateriaal om deel te nemen.

Zelfs Google en Apple vertrouwen op Sketch - doe het als de groten en leer nu hoe je eenvoudig mooie, gebruiksvriendelijke en bovendien klaar voor ontwikkeling zijnde UI-ontwerpen maakt.

Zugriff auf alle Inhalte

In der Mitgliedschaft ab * € monatlich

oder

Inhalt in den Warenkorb

Sofort-Download nach Kauf: einmalig * €

details

Bruikbaar met:
Inhoud: 5 h Videotraining
Licentie: privé en commercieel Gebruiksrechten
Bonus: inclusief werkmaterialen

Categorieën

Ontwerp (illustratie, lay-out & druk)

Met liefde gemaakt door:

Luca Kiedrowski

Toepassingsvoorbeelden

Smartphones met een app, waarvan het ontwerp is ontwikkeld in Sketch.

Galerij openen

Voorbeeld: In de tutorial maak je met behulp van Sketch een app die verder ontwikkeld kan worden.

Smartphone met een app waarvan het ontwerp is gemaakt in Sketch

Galerij openen

Voorbeeld: Je coach geeft je tips en trucs voor modern UX- en UI-design mee.

Introductie

Gratis

Schetsles: 1.1 Intro

Van harte welkom bij de sketch-tutorial: Leer hoe je met behulp van het programma je eigen apps kunt ontwerpen. Hier een overzicht van de cursus.

Projectbestand downloaden

Gratis

Schets-tutorial: 1.2 Wat is Sketch?

Een korte introductie tot het programma "Sketch" en hoe je toegang tot dit programma kunt krijgen.

Schets-Tutorial: 1.3 Programma-Interface

Hier leer je Sketch beter kennen. Ik laat je het volledige programma zien en je leert hoe je er effectief mee kunt werken.

Schetsles: 1.4 Tools

Sketch zou niet zo'n geweldig programma zijn als je geen hulpmiddelen zou kunnen gebruiken. Hier leer je hoe je deze hulpmiddelen toevoegt.

Schets-tutorial: 1.5 De belangrijkste plugins

Plugins helpen je om nog beter en sneller met Sketch te werken. Ik laat je zien welke plugins je het best kunnen helpen.

Schets-Tutorial: 1.6 Bibliotheken installeren

Sketch-Tutorial: 1.6 Bibliotheken installeren

Met Libraries kun je gestandaardiseerde ontwerpen van Apple of Android direct in je project opnemen.

Schets-Tutorial: 1.7 InVision

InVision is een tool die je Sketch-project aanzienlijk vergemakkelijkt. Daar kun je 'wireframes' maken om je project te structureren.

Ontwerpbasis

Schets-Tutorial: 2.1 Kleuren

Kleuren geven je de mogelijkheid om je app tot leven te brengen. Hier vind je een korte introductie in de wereld van kleuren.

Schets-Tutorial: 2.2 Lettertypes

Het sociale netwerk "Medium" laat zien hoe sterk lettertypen de gebruikerservaring kunnen beïnvloeden. Lettertypen in jouw app kunnen erg belangrijk zijn.

Prototypes maken

Schets-Tutorial: 3 Prototyping

Nu beginnen we met de eigenlijke app.

Schermontwerp

Schets-handleiding: 4.1 startscherm en ontwerpsjablonen.

Schets-tutorial: 4.1 startscherm en ontwerpsjablonen

Nu wagen we ons aan ons echte project en beginnen met het startscherm. Daarnaast leer je hier hoe we ontwerpsjablonen kunnen maken.

Schets-tutorial: 4.2 Groepen maken en tekststijlen.

In deze les leer je hoe je groepen kunt maken en tekststijlen kunt opslaan om tijd te besparen.

Schets-Tutorial: 4.3 Iconen vinden, maken en aanpassen

Iconen zijn een groot deel van een app. In deze video ontdek je waar je de beste iconen kunt vinden en hoe je ze in je project integreert.

Schets-tutorial: 4.4 Chat ontwerpen, werken met lagen

Schetsles: 4.4 Chat ontwerpen, werken met lagen

Nu gaan we naar de chat van onze app. Daar werken we met lagen, die je ook zou moeten gebruiken om tijd te besparen.

Schets-Tutorial: 4.5 iPhone X-ontwerp

De iPhone X heeft het een en ander veranderd in het app-design. Ontwerpers moeten nu werken met een nieuwe schermvorm. Hier leer je de basisprincipes.

Schets-tutorial: 4.6 Gebruikersprofiel, Blur-effect.

Schets-Tutorial: 4.6 Gebruikersprofiel, vervageffect

Met effecten kun je jouw app een interessant design geven. We gebruiken het vervageffect in jouw gebruikersprofiel.

Schetsles: 4.7 Gebruik design als gereedschap

Schets-Tutorial: 4.7 Ontwerp als gereedschap gebruiken

In deze video leer je hoe je design als een tool kunt gebruiken om je app een laatste finishing touch te geven.

Sketch-tutorial: 4.8 Bibliotheken gebruiken & Actieblad maken

Schetsles: 4.8 Bibliotheken gebruiken & actieblad maken

Nu gebruiken we de iOS-bibliotheek om een Actieblad te maken. Met bibliotheken kun je niet alleen tijd besparen bij het ontwerp, maar ook bij de ontwikkeling.

Ontwerpen beschikbaar stellen.

Schets-Tutorial: 5 ontwerpen beschikbaar maken in InVision

Schets handleiding: 5 ontwerpen in InVision aanbieden

Als je app ontwikkeld moet worden, hebben de ontwikkelaars jouw ontwerpen nodig. In deze les leer je hoe je jouw ontwerpen beschikbaar kunt stellen op InVision.

Belangrijke informatie verstrekken.

Schets-Tutorial: 6 hulp toevoegen aan de app.

De gebruikers van de app vinden vaak niet de juiste knoppen of hebben andere vragen die niet direct herkenbaar zijn. Daarom maken we een vraag- en antwoordsectie.

Profi-ontwerp

Sketch-Tutorial: 7.1 Flat-Design-Grafieken laten maken.

Schetsles: 7.1 Flat design-afbeeldingen laten maken

Als je strikte deadlines hebt voor je projecten, heb je vaak niet de tijd om alles zelf te ontwerpen. Hier ontdek je waar en hoe je hulp kunt krijgen.

Schets handleiding: 7.2 Thuis herinrichten

Schets-Tutorial: 7.2 Thuis-Herontwerp

Op het startscherm hebben we nog veel ruimte voor verbetering. Daarom gaan we een redesign van ons eerste scherm maken.

Schets-Tutorial: 7.3 Gebruikerservaring Aankoopproces

Het aankoopproces van een gebruiker moet gesmeerd verlopen, aangezien dit een van de meest delicate momenten in de gebruikersstroom is.

Nieuwigheden in Sketch.

Schets-tutorial: 8 Prototyping in Sketch

Schets handleiding: 8 Prototyping in Sketch

In de nieuwe versie van Sketch heb je de mogelijkheid om direct een prototype te maken in Sketch.

Details over de inhoud

Begrijp mobiel UI- en UX-ontwerp en implementeer het met Sketch
Of het nu gaat om een app, website of blog - breng je UI- en UX-concept tot leven - met Sketch. In deze meer dan vijf uur durende videotutorial van trainer Luca Kiedrowski, verwerf je snel alle basisprincipes om het programma te bedienen, zodat je al snel intensief kunt werken aan een interactief app-ontwerpvoorbeeldproject.

Daarom zou je de Sketch-tutorial moeten bekijken

Je zet direct in op een professioneel gereedschap voor UI- en UX-ontwerp, want Sketch wordt ook gebruikt door gerenommeerde bedrijven zoals Google, Facebook en Apple. Vanwege de intuïtieve bediening is het gebruik van het programma snel te leren, zodat je binnen korte tijd resultaten kunt presenteren.

Of je nu wel of geen ontwerpassen hebt: De Sketch-tutorial is over het algemeen ideaal voor het betreden van het gebied van UI- en UX-ontwerp en specifiek voor het realiseren van je eigen app-ontwerpidëen met Sketch. Fundamenten en toepassingen in één!

Als je al ontwerpen maakt voor web en print (bijvoorbeeld met Photoshop of Illustrator): Ontwikkel de vaardigheid om je ontwerpen en afzonderlijke elementen zoals pictogrammen of symbolen over te brengen naar dynamische en ontwikkelingsklare UI-ontwerpen. Met jouw knowhow op het gebied van webdesign voeg je een zeer (en steeds meer) gewilde vaardigheid toe aan je cv.

Verbeter de samenwerking met webontwikkelaars: Door Sketch te gebruiken, bereid je interfaces voor die zich al richten naar webdesignregels. Hierdoor geef je de ontwikkelaars ontwerpen die direct kunnen worden geïmplementeerd. Op deze manier verkort je enorm de weg van concept en ontwerp naar ontwikkelde webtoepassing.

UI- en UX-ontwerp met Sketch van A tot Z

De nadruk van het Sketch-tutorial ligt op de praktische toepassing van het programma, dat beschikbaar is in een gratis testversie bij de aanbieder. Met je trainer doorloop je stap voor stap alle fasen aan de hand van een app-ontwerp, van het maken van een schets tot het voltooien van het UI-ontwerp. Werkmaterialen worden geleverd bij de tutorial, zodat je direct praktisch kunt meedoen:

Allereerst schets je ruwweg hoe de interface van de app er in de toekomst uit zou moeten zien. Vervolgens ga je direct aan de slag met het ontwerpen. Je maakt het startscherm, werkt met groepen, lagen en tekststijlen en kiest passende pictogrammen. Je ontwerpt een chat, een helpsectie en een gebruikersprofiel, en leert werken met bibliotheken, actiebladen en effecten. Aan het einde is er een volledig UI-ontwerp, waaruit je zelfs een prototype kunt maken in de huidige versie 52 van Sketch.

Voorafgaand aan dit alles, neem je de belangrijkste basiskennis van Sketch en voor UI-ontwerp tot je. Zo vind je snel je weg in de interface, ken je de belangrijkste plug-ins en hulpmiddelen, en weet je hoe je lettertypes en kleuren effectief kunt gebruiken. Ook leert je trainer je wanneer het zinvol is om Sketch te combineren met InVision, bijvoorbeeld in de fase van zogenaamde wireframes.