Ontwerpsystemen voor websites met Figma
Een cursus van Filip FelbarDigitaal ontwerper
Een cursus van Filip Felbar, Digitaal ontwerper
Leer ontwerpsystemen bouwen met Figma voor visueel aantrekkelijke websites, en maximaliseer je workflow.
Digital Designer Filip Felbar heeft op verschillende creatieve terreinen gewerkt en weet hoe een gebrek aan structuur problemen kan veroorzaken. Zijn proces staat in het teken van structuur en het makkelijker en toegankelijker maken van zaken. Dat is waar ontwerpsystemen om de hoek komen kijken. Een ontwerpsysteem is een collectieve bibliotheek die alle elementen samenbrengt die een team nodig heeft om een product efficiënt en in lijn met hun merk te plannen, realiseren en ontwikkelen. Het kan alles bevatten, van stijlrichtlijnen tot coderingsinformatie.
In deze online cursus deelt Filip met u wat ontwerpsystemen zijn en hoe hij deze ontwikkelt en recyclet. Leer ook effectief door de tools van Figma te navigeren om digitale ontwerpsystemen voor websites te maken. Ontdek globale componenten en automatische lay-out om uw proces te versnellen!
Wat leer je tijdens deze online cursus?
22 lessen & 23 aanvullende bronnen
Inleiding tot ontwerpsystemen
6 minuten, 58 seconden
Hoe ontwerpsystemen u kunnen helpen uw workflow te versnellen
8 minuten, 0 seconden
Inleiding tot het project en de aanpak
6 minuten, 36 seconden
Het Figma-bestand opzetten en de eerste verkenningen beginnen 1
18 minuten, 40 seconden
Het Figma-bestand opzetten en beginnen met de eerste verkenningen 2
16 minuten, 19 seconden
Het verkennings- en ontwerpsysteem uitbreiden 1
19 minuten, 36 seconden
Wat is inbegrepen in deze cursus?
Ga aan de slag door je leraar, Filip Felbar, te ontmoeten. Hij deelt zijn reis naar digitaal ontwerp en zijn inspiratiebronnen.
Maak vervolgens kennis met de ontwerpsystemen waarmee u gaat werken en de voordelen die ze bieden. Filip neemt je mee door enkele snelle voorbeelden van hoe componenten en globale stijlen efficiënt kunnen worden bijgewerkt voordat hij naar het project kijkt dat je in deze cursus gaat aanpakken.
Begin vervolgens met het voorbereiden van uw inhoud met Figma. Maak een checklist met dingen die u wilt opnemen en stel de eerste en globale elementen in. Verken ontwerprichtingen en duik in Auto Layout, terwijl je componenten en stijlen bijwerkt.
Verfijn daarna uw systeem met een samengestelde pagina, maak een nieuwe met de voltooide versie en schrijf de richtlijnen voor het gebruik ervan.
Als bonus deelt Filip zijn proces om extra merkelementen voor sociale media te creëren.
Aan het einde van de cursus ben je in staat om op een gestructureerde manier te denken die je zal helpen je creatieve projecten tot leven te brengen en je workflow te versnellen.
Aanbevolen software en tools voor deze cursus
Wat is het cursusproject?
Leer hoe u een visueel aantrekkelijk website-ontwerp en een georganiseerd ontwerpsysteem maakt met de juiste documentatie.
Projecten van studenten van de cursus
Voor wie is deze online cursus bedoeld?
Iedereen die meer wil weten over ontwerpsystemen en webdesign.
Vereisten en materialen
Figma of een soortgelijk hulpmiddel.
Eerdere ervaringen met Figma zullen studenten ten goede komen.
Beoordelingen
- 2 maanden geleden
Es un curso apto para principiantes, ayuda a potenciar tus conocimientos en figma
- 3 maanden geleden
Muy buen curso, bien explicado paso a paso, vale la pena!
- framantebPLUS6 maanden geleden
muy malo realmente
- 6 maanden geleden
Comenzó bien, muy inspirador. Pero finalmente resulta tedioso... una gran parte es acompañar al tutor en su propio proceso y resulta un poco narcotizante. Y de lo que me gustaría haber escuchado, como la organización de variables, foundations o variantes mobile, no hay contenido.
- 7 maanden geleden
Me falto más información pero si lo básico te lo da, si vas empezando está muy bien
Inhoud
- U1
Introductie
- Presentatie
- Invloeden
- U2
Ontwerp systemen
- Inleiding tot ontwerpsystemen
- Hoe ontwerpsystemen u kunnen helpen uw workflow te versnellen
- Inleiding tot het project en de aanpak
- U3
Het web- en systeemontwerpproces
- Het Figma-bestand opzetten en de eerste verkenningen beginnen 1
- Het Figma-bestand opzetten en beginnen met de eerste verkenningen 2
- Het verkennings- en ontwerpsysteem uitbreiden 1
- Uitbreiding van het verkennings- en ontwerpsysteem 2
- De ontwerpsysteempagina's ordenen 1
- De ontwerpsysteempagina's ordenen 2
- Varianten verkennen bij het maken van componenten
- U4
Verfijning van de website en het ontwerpsysteem
- Het ontwerpsysteem verfijnen met een samengestelde pagina 1
- Het ontwerpsysteem verfijnen met een samengestelde pagina 2
- Het ontwerpsysteem verfijnen met een samengestelde pagina 3
- Nieuwe pagina's opzetten met het complete ontwerpsysteem 1
- Nieuwe pagina's opzetten met het complete ontwerpsysteem 2
- Nieuwe pagina's opzetten met het complete ontwerpsysteem 3
- Hoe te benaderen Het maken van documentatie voor het ontwerpsysteem
- U5
Afronden en verder gaan dan internet
- Opschonen en gebruiken van een automatische lay-out
- Het ontwerp gebruiken voor verdere merkelementen
- Laatste gedachten
- EP
Eindproject
- Ontwerpsystemen voor websites met Figma
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.
Certificaten
PLUSAls Plus-lid krijg je voor elke cursus een persoonlijk certificaat, ondertekend door je docent. Deel het in je portfolio, op social media of waar je maar wilt.
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
Een design system is een verzameling herbruikbare componenten, richtlijnen en standaarden die webdesign stroomlijnen, zorgen voor merkconsistentie en samenwerking makkelijker maken. Door een design system te gebruiken bespaar je tijd, verminder je dubbel werk en verbeter je de schaalbaarheid van digitale projecten.
Deze cursus is bedoeld voor ontwerpers met een gemiddeld niveau die basiskennis hebben van webdesignprincipes en tools zoals Figma. Gevorderde ervaring is niet nodig, maar enige bekendheid met digitaal ontwerp of front-end concepten is wel handig.
Je hebt toegang nodig tot Figma, want de cursus laat zien hoe je design systems maakt en beheert binnen dit platform. Bekendheid met Notion voor projectorganisatie is aanbevolen, maar er is geen codeerkennis of geavanceerde software vereist.
Je leert strategieën voor het structureren van ontwerp projecten, het maken van contentchecklists, het beheren van assets en het gebruiken van samenwerkingshulpmiddelen om workflows efficiënt en georganiseerd te houden voor schaalbare webprojecten.
De cursus behandelt het maken, benoemen en beheren van herbruikbare componenten, het toepassen van globale stijlen en het documenteren van workflows in Figma om consistentie en efficiëntie in projecten te waarborgen.
Ja, de cursus leert je documentatietechnieken, gestandaardiseerde processen en componentgebaseerde workflows die samenwerking soepeler maken en teams helpen de kwaliteit en consistentie van ontwerpen te behouden.
Je ontwikkelt praktische vaardigheden in het organiseren en toepassen van typografie, het opzetten van layout grids en het vaststellen van typografische hiërarchieën om visueel gestructureerde en toegankelijke webinterfaces te maken.