Webdesign met Figma: effectieve interfaces creëren
A course by Pablo StanleyOntwerper en illustrator
A course by Pablo Stanley, Ontwerper en illustrator
Leer de basisprincipes om verbluffende digitale composities te maken en til je ontwerp naar een ander niveau
Een sterke visuele compositie ziet er niet alleen goed uit, maar heeft ook de kracht om een functie te vervullen en een boodschap duidelijk over te brengen. Ontwerper en illustrator Pablo Stanley gebruikt design als een manier om verhalen te delen en contact te maken met anderen. Hij organiseert workshops over de hele wereld, evenals zijn eigen ontwerppodcast, Diseño Cha Cha Cha .
In deze cursus leert Pablo je de basis van visueel ontwerp en hoe je een krachtige compositie kunt maken met behulp van Figma. Leer een nieuwe tool en de principes die uw ontwerpen naar een hoger niveau tillen.
Wat leer je tijdens deze online cursus?
20 lessen & 12 aanvullende bronnen
Compositie en visuele ontwerpprincipes
4 minuten, 50 seconden
Gestaltprincipes gebruikt in ontwerp
3 minuten, 40 seconden
Visuele Hiërarchie
3 minuten, 31 seconden
Inleiding tot visuele elementen en de briefing begrijpen
5 minuten, 7 seconden
Typografie
8 minuten, 27 seconden
Afbeeldingen en pictogrammen
11 minuten, 11 seconden
Wat is inbegrepen in deze cursus?
Begin met het leren kennen van Pablo, kunstenaar, illustrator en je docent voor deze cursus. Hij vertelt je over zijn reis om ontwerper te worden, samen met de mensen die zijn creatieve reis hebben beïnvloed, van stripschrijvers tot filmregisseurs.
Ontdek de visuele ontwerpprincipes die nodig zijn om krachtige composities te maken, waaronder schaal, hiërarchie, balans, contrast en meer. Kom dan meer te weten over de Gestalt-principes en hoe deze de interpretatie van ons werk beïnvloeden. Leer hoe u flow in uw compositie kunt creëren met behulp van een F- of Z-pad voordat u zich verdiept in dominantie in ontwerp.
Pablo geeft je een inleiding tot visuele elementen zoals kopiëren en knoppen, en hoe je een briefing kunt begrijpen. Oefen met je kennis uit de cursus met verschillende oefeningen in Figma. Luister dan naar Pablo's tips voor het verbeteren van je typografie, van het kiezen van een lettertype tot balanceren, spatiëring en het kiezen van lettergrootte. Leer meer over de impact van kleur op je compositie en hoe je foto's, illustraties en pictogrammen in Figma gebruikt voordat je verschillende visuele stijlen test.
Schets een concept en bepaal de beste optie, rekening houdend met de opdracht en vereisten van het project. Definieer vervolgens een visuele stijlgids met typografie, kleur en knopstijlen. Bouw een high-fidelity mockup van uw bestemmingspagina op Figma.
Leer hoe u eenvoudige interacties kunt toevoegen om uw componenten te animeren. Maak vervolgens koppelingen tussen pagina's en open een modaal. Om de cursus af te ronden, neemt Pablo je mee door het proces van het delen van je prototype met de wereld.
Recommended software & tools for this course
What is this course's project?
Maak een krachtige bestemmingspagina voor uw website met behulp van visuele ontwerpprincipes.
Projecten van studenten van de cursus
Who is this online course for?
Deze cursus is voor iedereen die geïnteresseerd is in grafisch of webdesign of die meer wil leren over Figma.
Requirements and materials
Er is geen eerdere ervaring nodig.
Je hebt een computer nodig, iets om mee te schetsen en een Figma-account.
Beoordelingen
- 1 maand geleden
This is a fantastic course for mastering UI design basics. Whether you are new to Figma or looking to refine your composition skills, Pablo Stanley makes the process easy to follow. I highly recommend it for its hands-on approach, which bridges the gap between design theory and practical application—from wireframing to building a high-fidelity prototype. A perfect starting point for any aspiring web designer.
- portfolio_valenPLUS2 maanden geleden
This is a great course to start understanding good UI practices for websites. It doesn't matter if you are a beginner with Figma, you will be able to follow the steps of the teacher in this course. I recommend this!
- 2 maanden geleden
Bonne formation qui permet d'apprendre à utiliser figma grâce à un cas pratique. Le seul point négatif est qu'il manque certaines ressources comme le brief qui n'est pas remis à disposition à des moments clés. Il manque aussi la dernière page de l'exercice pour le rendu final qu'on nous propose pas d'apprendre à créer. Cela limite le prototype final car l'on doit lier cette page avec une autre pour voir notre progression et l'exercice réalisé dans sa globalité.
- 8 maanden geleden
muy buen curso! rapido de aprender y poner en practica
- 9 maanden geleden
Muy buen curso, super utiles las bases de diseño gráfico y explica muy bien el proceso en Figma, sería ideal que hicieran una re-versión con las últimas actualizaciones de Figma.
Sindsdien heeft hij als lead gewerkt bij Invision, een stafontwerper bij Lyft, en was hij mede-oprichter van zowel Carbon Health als Blush. Hij geeft workshops over de hele wereld en heeft een podcast over design en technologie. Naast het schrijven en illustreren van de strip The Design Team , deelt hij zijn werk ook met meer dan 45.000 volgers op Instagram.
Inhoud
- U1
Introductie
- Over mij
- invloeden
- U2
Visuele ontwerpfundamenten
- Compositie en visuele ontwerpprincipes
- Gestaltprincipes gebruikt in ontwerp
- Visuele Hiërarchie
- Affordances in UI
- U3
Visuele elementen
- Inleiding tot visuele elementen en de briefing begrijpen
- Basiscompositie in Figma
- Typografie
- Een kleurenpalet maken
- Afbeeldingen en pictogrammen
- Visuele stijlen
- U4
Alles bij elkaar zetten
- Een draadframe schetsen
- Uw visuele stijlgids definiëren
- Uw visuele stijlgids definiëren
- Een high-fidelity mock-up bouwen
- Een high-fidelity mock-up bouwen 2
- U5
Prototyping
- Knoppen interacties
- Linken naar pagina's en modaliteiten
- Uw prototype delen
- EP
Eindproject
- UX-ontwerp
Wat kan je verwachten van een cursus van Domestika
Leer in je eigen tempo
Geniet van thuis leren, zonder lesroosters en in je eigen tempo. Jij beslist wanneer je verder gaat met het volgende onderdeel.
Leer met de beste professionals
Leer de meest bruikbare methoden en technieken van de beste professionals in de creatieve industrie.
Ontmoet deskundige docenten
Iedere docent brengt kennis met passie over, biedt duidelijke uitleg en een professioneel perspectief bij elke les.
Certificates
PLUSIf you're a Plus member, get a persoonlijk certificaat signed by your teacher for every course. Share it on your portfolio, social media, or wherever you like.
Zorg dat je op de voorste rij zit
Dankzij de hoge kwaliteit van de video's mis je geen enkel detail. Dankzij de onbeperkte toegang kun je de lessen zo vaak bekijken als nodig is om je vaardigheden te perfectioneren.
Deel kennis en ideeën
Stel vragen, krijg feedback en bied oplossingen aan. Deel je leerervaringen met andere studenten in de community die net als jij een passie hebben voor creativiteit.
Maak contact met een wereldwijde creatieve community
Deze community heeft miljoenen gebruikers van over de hele wereld, nieuwsgierig en enthousiast om hun creativiteit te verkennen en te uiten.
Geef cursussen op een professionele manier
Domestika selecteert zorgvuldig haar docenten en produceert iedere cursus in eigen huis om een uitstekende online leerervaring te garanderen.
Veelgestelde vragen
Yes, this course is designed for beginners and covers all fundamental concepts in visual design, UI, and prototyping, with step-by-step guidance using Figma.
No prior design experience is required. You just need a computer and an internet connection. The course uses Figma, which is free to start.
You will learn design principles, wireframing, high-fidelity prototyping in Figma, creating color palettes, typography, layout, and how to apply Gestalt principles and affordances to UI projects.
Yes, the course includes lessons on poster design, hand-drawn illustration techniques, and creating bold, striking compositions inspired by artists like Diego Rivera.
Absolutely. The course covers Figma essentials, from creating wireframes and artboards to building high-fidelity prototypes and responsive layouts with auto layout.
Yes, the course provides in-depth coverage of core design principles such as hierarchy, balance, contrast, scale, and white space for effective digital compositions.
You’ll learn how to build harmonious color palettes, apply color theory, choose and pair typefaces, and use modular scales for readable, attractive layouts.