Websites ontwerpen met Illustrator

Online cursus Websites ontwerpen met Illustrator

Je kunt Adobe Illustrator ook gebruiken om webpagina's te ontwerpen en daarna om te (laten) zetten in HTML en CSS. Illustrator biedt namelijk ook een aantal gereedschappen en opties waarmee je jouw ontwerp kunt exporteren voor webproducties.

Veel ontwerpers en grafisch vormgevers zijn al bekend met Adobe Illustrator en dan kan het erg prettig zijn om in je eigen vertrouwde ontwerpomgeving te blijven werken. In deze cursus wordt je stap voor stap aan de hand genomen hoe je het beste een webpagina kunt ontwerpen. Je krijgt uitleg over wat wel en niet kan in webdesign. Daarna leer je hoe het ontwerp omgezet wordt in HTML en CSS waarmee jouw ontwerp gereed wordt gemaakt voor webpublicatie. Dit geeft je groot inzicht in alle technieken en benodigde kennis die komt kijken bij het ontwerpen en realiseren van websites.

Heb je inzicht in de mogelijkheden en onmogelijkheden van webdesign dan helpt dit in de communicatie en samenwerking met de webbouwer. Je bespaart tijd als je niet het onmogelijke ontworpen hebt, maar leert werken binnen de begrenzingen en mogelijkheden met HTML en CSS. Je zult zien dat je ontwerp dan beter geschikt is om ook daadwerkelijk volgens jouw idee uitgevoerd te kunnen worden. Kortom ontwerp binnen de mogelijkheden!

Doel van de cursus

Je krijgt inzicht en ervaring in het ontwerpen van websites in Adobe Illustrator. Je leert hoe je jouw ontwerp omzet in HTML en de vormgeving bepaalt met CSS. Je eindigt met een webpagina klaar om online gepubliceerd te worden. Je hebt aan het einde van de cursus de hele cyclus van ontwerp tot creatie doorlopen. 

Wat ga je leren

Document geschikt voor webpublicatie aanmaken in Adobe Illustrator
Grid en kolomstramien aanmaken
Werken met magnetisch raster en uitlijnen van objecten
Ontwerpen op stramien en grid
Google fonts synchroniseren met Sky Fonts
Document opbouwen in lagen
Vormgeven van de header, de navigatiebalk, het contentgebied en de footer
Delen van ontwerp splitsen in afbeeldings-segmenten
Segmenten bewerken, tonen, verbergen en wegschrijven naar afbeeldingen
Kennismaken met CSS-stijlen in Illustrator
Illustrator CSS-stijlen kopiëren naar html
Ontwerp omzetten in printbestand met maatvoering
Ontwerp omzetten in website
Overzicht html-structuur van het ontwerp
Basisstructuur met sections en div’s beschrijven in html
Ontwerp opbouwen in header, navigatiebalk, contentgebied en footer
Layout bouwen in kolommen
Toepassen van een wrapper
Sprites maken en toepassen
Banner maken

Duur en studiebelasting

De duur van deze videocursus is ongeveer 3 uur met een studiebelasting van ca. 10 tot 15 uur. Onze video’s zijn met zorg gemonteerd. Hierin leggen we in een zo kort mogelijke tijd exact uit wat je moet weten. Echter om je deze technieken volledig eigen te maken zul je met al het geleerde moeten experimenteren en oefenen. Hiervoor kun je ofwel ons downloadbaar materiaal of eigen materiaal gebruiken. Houd rekening met een minimale studiebelasting van drie keer de videoduur.

Doelgroep van deze cursus

Wil je websites ontwerpen, ben je vaardig in Illustrator en beheers je enigszins HTML en CSS dan leer je in deze online videocursus hoe je snel en efficiënt websites kunt ontwerpen in Illustrator en hoe je jouw ontwerp daarna opbouwt in HTML en CSS. 
Ook als je geen HTML en CSS beheerst maar wel Adobe Illustrator en je wilt daarin websites ontwerpen om vervolgens bij een webbouwer aan te leveren, dan is het aan te raden om deze cursus te volgen.

Lesmaterialen

De cursus bestaat uit video’s met downloadbaar oefenmateriaal. Al onze video’s zijn Nederlands gesproken en ondertiteld. Wij maken zoveel mogelijk gebruik van de Engelse Interface van de software maar we benoemen in onze uitleg ook de Nederlandse (vak)termen. Je dient zelf zorg te dragen voor de installatie van de benodigde software op je computer.

Opbouw van de cursus

Deze cursus is opgebouwd uit instructievideo’s verdeeld over hoofdstukken. Wij adviseren om de volgorde van de hoofdstukken en de video’s aan te houden aangezien latere video’s vaak teruggrijpen op geleerde kennis in eerder video’s.

Vereiste voorkennis en vaardigheden

Voor deze cursus heb je goede kennis en vaardigheden nodig van Adobe Illustrator. Het kan handig zijn om al kennis en ervaring met HTML en CSS te hebben maar het is niet noodzakelijk.

Toetsing

Deze cursus bevat geen eindtoets. 

Certificaat / afronding

Na het succesvol afronden van deze cursus ontvang je een gewaarmerkt bewijs van afronding. 

Tip: Bewaar je bewijs van afronding bij je (LinkedIn) profiel, At Monday Talentcard®, portfolio of online CV. Zo raak je het nooit meer kwijt en toon je bovendien aan iedereen jouw ambitie en talent. 

Creativiteit
Informatie-analyse
Omgang met details