Website ontwerpen met Illustrator

Webontwerp vanuit Adobe 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 2 uur en 20 minuten 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 (eind)toets. Je ontvangt bij afronding een certificaat als bewijs van deelname.

Certificaat / afronding

Na het succesvol volgen van deze cursus ontvang je een bewijs van afronding van House-of-Training. Bewaar dit deelnamebewijs bij je (LinkedIn) profiel, portfolio of online CV. Zo toon je aan iedereen jouw kennis, ambitie en talent.