Het internet is gevuld met een schat aan cursussen en hulpmiddelen om je als webdesigner te helpen. Of je nu de basisbeginselen wilt leren of je eerste website op maat wilt maken, het is er allemaal. Om door het lawaai heen te breken, hebben we een korte lijst van webdesign cursussen gemaakt – ontworpen voor iedereen die in de wereld van webdesign wil duiken.
7 webdesign cursussen voor beginners (gratis + betaald)
Hier zijn 7 online lessen die perfect zijn voor een beginner om de kunst van webdesign beter te begrijpen.
Ultieme cursus webdesign
Webontwerp en -ontwikkeling hoeft niet moeilijk te zijn, en Webflow University heeft het zo makkelijk mogelijk gemaakt om het te leren. Met de gratis webdesigntraining van Webflow kun je in je eigen tempo leren over visueel ontwerp. U leert de belangrijkste concepten en hoe elementen zoals typografie, paginaontwerp en UI-ontwerp samenkomen.
De Ultieme webdesigncursus omvat +100 video’s. De cursus begint met wat u moet weten als u een nieuwe webdesigner bent en Webflow nog nooit hebt gebruikt, en de cursus bouwt verder aan de meer geavanceerde ontwerpconcepten.
Als Webflow en webdesign nieuw voor u zijn, wilt u helemaal bij het begin beginnen. Net als bij het lezen van een roman, raak je in de war als je wat overslaat. Beschouw de intro van de ontwerptutorial als het eerste hoofdstuk, waarin je een beeld krijgt van wat er op het scherm van de ontwerper te zien is, en hoe deze besturingselementen werken.
Van hieruit gaat je reis als aspirant-webontwerper verder. Je leert de basis van HTML, hoe CSS-klassen en subklassen werken, hoe je een pagina ontwerpt met elementen als containers, divs, flexboxes en grids, en nog veel meer. En natuurlijk laten we u zien hoe u een van de krachtigste functies van Webflow gebruikt, het CMS, waarmee u dynamische blogs kunt maken.
Naast deze fundamentele webdesignvaardigheden leert u ook over SEO – met lessen waarin wordt uitgelegd hoe organische en betaalde zoekopdrachten werken, hoe u Google-analyses kunt instellen en uw website kunt optimaliseren voor zoekmachines.
Als je eenmaal de basisbeginselen kent, kun je de meer geavanceerde onderwerpen verkennen, zoals leren hoe je geavanceerde animaties en interacties maakt, evenals een groot aantal andere lessen die je kunnen helpen om je ontwerpwerk te laten opvallen.
Ook als u niets weet van HTML, CSS of JavaScript, biedt Webflow u alles wat u nodig hebt om responsive websites te maken. In de Webflow University-cursussen worden de basisbeginselen uitgelegd, met stapsgewijze instructies die u omtoveren tot de ontwerper die u altijd al wilde zijn.
Een schone & eenvoudige website maken met Webflow
Jan Losert, een getalenteerde Tsjechische ontwerper, heeft een uitgebreide online cursus webdesign samengesteld met Creating a Clean & Simple Website with Webflow.
Hij leert de grondbeginselen aan de hand van een stap-voor-stap handleiding voor het ontwerpen en bouwen van een startup community website. Jan lijkt oprecht enthousiast over ontwerpen, en zijn opgewekte enthousiasme zorgt voor een inspirerende kijk op al deze lessen.
Niet alleen praat hij je door elk onderdeel van de bouw heen, maar hij stelt de hele website ook gratis beschikbaar om te klonen. Dit laat je zien hoe de verschillende elementen samenkomen, en hoe alles samen functioneert in het pagina ontwerp. Door dit uitgeklede voorbeeld uit de echte wereld te bekijken, wordt het veel gemakkelijker om deze concepten te begrijpen dan wanneer je met iets te ambitieus begint.
Deze lessen behandelen de belangrijke ontwerpprincipes die iedereen zou moeten kennen. Het bouwen van navigatie, het maken van oproepen tot actie, het gebruik van div-blokken, SEO en responsief webontwerp zijn slechts enkele van de lessen. Er is zoveel te vinden in deze gratis online cursus, en zelfs als je al een beetje ervaring hebt, zul je iets nuttigs vinden.
Als je wilt leren over webontwikkeling, moet je niet beginnen met iets dat te ingewikkeld is. Jan’s Een schone & eenvoudige website maken met Webflow, geeft een eenvoudig project, met veel functionaliteit, waardoor het een goed startpunt is.
De Webflow Masterclass
Ran Segall, oprichter van Flux Academy, belichaamt alles wat het betekent om een onafhankelijke webdesigner te zijn. Als iemand die weet wat visueel ontwerp inhoudt, wat er nodig is om met klanten te werken en wat de zakelijke kant van de zaak is, brengt hij zowel ervaring als expertise mee. Zijn eersteklas Webflow Masterclass vat al zijn slimmigheden samen in een cursus die zowel verhelderend als inspirerend is voor elke aspirant webontwikkelaar.
Een ondernemersgeest is de onderliggende draad die door deze cursus loopt. Het leren van de vaardigheden om websites op maat te maken maakt je niet alleen een betere ontwerper, maar ook iemand die een premie kan vragen voor wat je doet.
Naast tutorials over webdesign en Webflow is er ook ander materiaal om je verder te helpen in je carrière. Een van de moeilijkste dingen als je als freelance ontwerper aan de slag gaat, is uit te vinden hoeveel je moet vragen. Er is een discussie gewijd aan de prijs van je eigen werk. Deze mix van het aanleren van ontwerpvaardigheden en het navigeren door andere aspecten van het werk, maakt dit een goed afgeronde cursus.
Deze online cursus is niet alleen waardevol voor het verbreden van je kennis, maar is ook een viering van de no-code beweging. Ran’s filosofie is om verder te gaan dan de grenzen van templates en om Webflow te gebruiken om nieuwe poorten te openen naar creativiteit en inkomsten. Wij denken dat dit een goede boodschap is voor elke webdesigner, ongeacht waar je je in je carrière bevindt.
Memorisely
Als je een webdesigner bent en je weet niets van UX of UI design, is het net alsof je in de bouw werkt en de architectuur niet begrijpt. Je kunt iets in elkaar gooien dat een structuur heeft, maar het is moeilijk in te schatten of het een functionele ruimte is waar mensen met plezier hun weg door vinden. UX geeft vorm aan hoe iemand een website ervaart op een emotioneel niveau, terwijl UI de knoppen en paden plaatst om er doorheen te manoeuvreren. Beide disciplines nemen de ruwe materialen van een pagina-ontwerp en zetten ze samen op een manier zodat iemand een positieve ervaring heeft om er doorheen te navigeren.
Zelfs voor degenen die ervaring hebben, is het gemakkelijk om UI en UX door elkaar te halen. Je moet weten dat UX (user experience) zich bezighoudt met hoe gebruikersstromen en informatiearchitectuur van invloed zijn op iemand die door een website scrollt. Je moet je ook realiseren dat UI (user interface) zich richt op de bruikbaarheid van menu’s en knoppen, en de visuele styling van deze elementen. Als je over UI en UX kunt praten zonder als een dombo over te komen, vertrouwen mensen erop dat je weet waar je mee bezig bent als webdesigner. Memorisely biedt een opleiding in beide, om je beter te informeren en te verbreden wat je weet over deze respectievelijke web design disciplines.
Memorisely biedt 6 weekse part-time bootcamps, evenals maandelijkse ebooks die verschillende facetten van UI en UX verkennen. Deze ebooks zijn vooral interessant voor diegenen die op de hoogte willen blijven van nieuwe ontwikkelingen en ideeën, en bevatten templates (waarvan sommige Webflow zijn) om deze concepten in actie te zien.
Online leren is weliswaar handig, maar kan soms afgesloten aanvoelen. Er zijn geen klasgenoten om samen het huiswerk door te nemen. Je docent heeft geen kantoor waar je langs kunt gaan voor een praatje. Memorisely legt de nadruk op de gemeenschap van hun platform. Je bent niet alleen in dit bootcamp, en werkt virtueel samen met anderen. Met Zoom meetups, en andere mogelijkheden om anderen te ontmoeten en te betrekken bij het ontwerpen, is het een vriendelijke online ruimte.
In dit digitale tijdperk, waarin we ons steeds meer afgescheiden voelen van zinvolle interacties, is het fijn om een plek als Memorisely te hebben die nooit afwijkt van het centraal stellen van mensen in wat ze doen.
Design + Code
Wauw. Er is geen tekort aan interessante cursussen hier op Design+Code. Of je nu React, Vue, After Effects of Webflow wilt leren, er is hier een ton aan educatief materiaal om je te helpen. Scrollend door hun catalogus van cursussen vind je ook andere onderwerpen die aantrekkelijk zijn voor creatieven zoals sound design, video editing, app design en game creatie. Het is alsof je winkelt in een warenhuis voor designgeeks en techneuten, met planken vol goodies om je nieuwe vaardigheden te leren.
De gratis Webflow-klas neemt je mee door het bouwen van een functionele website. Dit is niet een uitgeklede, slordige webpagina alleen maar om te leren, maar een volledig uitgewerkt webontwerp met meerdere pagina’s die interacties, CMS-gegevens, evenals betalingsverwerking bevatten. U wordt voorzien van de Webflow-activa, waardoor het gemakkelijk te volgen is, maar ook om zelf te experimenteren met het ontwerp.
Deze online cursus legt de nadruk op conversies. Er wordt geleerd hoe content, oproepen tot actie en het verwerken van feedback van klanten de gebruikerservaring kunnen verbeteren. Het is gemakkelijk om als nieuwe webdesigners te veel bezig te zijn met de visuele kant van de zaak, terwijl je deze ontwerpprincipes over het hoofd ziet die helpen conversies te stimuleren.
Ontwerp. Bouw. Launch.
Er is veel te waarderen aan Caler Edwards’ Design. Build. Launch. YouTube-serie over ontwerpen met Webflow. Een van de beste dingen is dat je na het voltooien van deze online cursus uiteindelijk je eigen portfoliowebsite hebt. Niet alleen leer je over het web design proces, maar je loopt weg met iets dat je kunt gebruiken.
Een ander geweldig aspect van deze webserie is dat het begint met het ontwerpproces met de gratis te downloaden app Adobe XD. Caler leert je hoe je een wireframe maakt en ook de basisbeginselen van UX-ontwerp en UI-ontwerp. Dit startpunt geeft je een beetje praktische theorie voordat je aan het ontwerpen gaat. Als je deze concepten in je achterhoofd hebt, terwijl je begint met het bouwen van een pagina-ontwerp met Webflow, begrijp je beter waar je mee bezig bent.
Deze cursus neemt je vervolgens stap-voor-stap mee in het bouwen van een webontwerp. U leert hoe u een gekoppelde navigatie invoegt, responsive webdesign beoefent, en elementen samenvoegt om uw lay-out op te bouwen.
De laatste video van de serie gaat in op SEO, wat allemaal zo belangrijk is voor organisch bereik. Dit onderwerp kan een van de meest mysterieuze facetten van web design zijn, maar Caler maakt deze concepten eenvoudig te begrijpen. Hij laat zien hoe je Webflow kunt gebruiken om title tags en meta descriptions toe te voegen, en hoe open graph systemen werken voor social media. Als je je eerste website ontwerpt, is dit een stap die je gemakkelijk over het hoofd ziet.
Leer UI/UX
Learnux.io biedt een scala aan cursussen webdesign. Als je op hun website komt, word je begroet met frisse en leuke scroll-animaties, interacties en een slim paginadesign – wat een grote eerste indruk maakt. De UI en UX zijn zo goed doordacht, dat je weet dat je de juiste plek hebt gevonden om over deze facetten van web design te leren.
De HTML/CSS-lessen in het bijzonder zijn waardevol voor nieuwe ontwerpers die willen begrijpen hoe CSS en HTML werken. Als je de complexiteit van cascading stylesheets goed onder de knie hebt, kun je beter begrijpen hoe deze werken wanneer je ze ergens toepast, zoals bij Webflow.
Van de basis van UX en usability, prototyping, tot de uiteindelijke hand off, deze video klassen leren elk deel van het ontwerpproces, zodat beginners die ze voltooien de essentiële vaardigheden zullen hebben die nodig zijn om hun eerste website te maken.
Begin met webdesign cursussen en eindig als ontwerper
Wanneer je voor het eerst besluit om de vaardigheden van een webdesigner te leren, kan de route die voor je ligt ontmoedigend lijken. Voor je liggen essentiële concepten als UI- en UX-design, visueel ontwerp, CSS, HTML5, responsive web design en de ontwerpprincipes die je moet volgen.
Als je ooit ontwerper hebt willen worden, zijn er zoveel cursussen en ontwerpplatforms zoals Figma, Adobe XD en Webflow die je op weg kunnen helpen.