Opleiding Frontend Webdesign

Tijdens deze 7 daagse opleiding tot Frontend webdesigner leer je alles over webdesign en ga je aan de slag met de hiermee verwante Adobe pakketten. We beginnen hier met Experience design in a day dat je zoals de naam al zegt in een dag een volledige overview geeft van alles wat te maken heeft met web en app design en de vele systemen en mogelijkheden die er zijn.

In de tweedaagse training Interaction design leer je hoe je een ontwerp maakt dat geschikt is voor een goede gebruikersinterface. Naast de theorie, waarbij je dieper ingaat op de beginprincipes van interaction design, een stukje geschiedenis en trends, krijg je ook veel direct toepasbare handvatten die je kan gebruiken bij het ontwerpen van een gebruikersinterface voor websites, tablets en mobiele devices.

Tijdens de training Visual design met Adobe XD leer je een wireframes en een prototype maken dat volledig klikbaar is. Met behulp van herbruikbare elementen zoals kleuren, tekststijlen en symbolen kun je met Adobe XD snel en eenvoudig ontwerpen maken voor een website of app. Ook het krachtige gereedschap om elementen te herhalen, zorgt voor enorme tijdsbesparing in het ontwerpproces.

Je sluit af met Adobe Dreamweaver. Met de cursus Adobe Dreamweaver heb je in twee dagen een goede basis om aan de slag te gaan met het bouwen en onderhouden van een website. Tijdens deze training leer je ook hoe je stap voor stap een werkende website opzet, bouwt en interactief maakt.

Programma van de opleiding Frontend Webdesign

Strategie web en app design

College 1:

  • Een overzicht van de tools en software zoals Adobe Dreamweaver
  • Analyses van websites, wat werkt wel of juist niet?
  • Technieken zoals HTML(5), CSS, Javascript
  • De rol van mobiele devices bij het ontwerp (Responsive Design)
  • Structuurschema
  • Zoekmachine optimalisatie

College 2:

  • Usability
  • Overtuigingstechnieken
  • Wireframes
  • Interface-design
  • Navigatiestructuren
  • Content en vormgeving van websites
  • Sitebeheer en beveiliging
  • Testen
  • Belangrijke do's en dont's

Interaction Design

College 1

  • Begingprincipes van interaction design
  • Toepassingsgebieden
  • Voorbeelden van goed interaction design
  • Interfaces
  •  Trends in het vakgebied

College 2

  • Tools voor  analyses voor nieuwe media toepassingen
  • Geschiedenis van interface ontwerp
  • Nieuwe trends in interface ontwerp op web en mobile (adaptive/responsive design)
  • 4 Soorten online gebruikers
  • Casestudies
  • Best practises van interface ontwerpen
  • 'Huiswerk' opdracht

College 3

  • Presentaties van de uitgewerkte ideeën
  • Toepassen theorie eerdere trainingen

College 4

  • Navigatie modellen & wireframes
  • Persona’s: de gebruikerservaring voorop
  • Usability tests uitvoeren van je ontwerp

Visual Design met Adobe XD

College 1  

  • Introductie programma
  • Lagen
  • Gereedschap
  • Tekengebieden instellen
  • De indeling aanpassen voor tablets en mobiele telefoons
  • Foto's importeren en bijsnijden
  • Afbeelding maskeren
  • Vectorafbeeldingen importeren en wijzigen
  • Lagen uitlijnen en distribueren
  • Hoeken afronden
  • Een slagschaduw toevoegen
  • Iconen maken in Adobe XD

College 2

  • Kleuren opnieuw gebruiken
  • Tekststijlen maken
  • Herhaalelementen maken
  • Symbolen (herbruikbare elementen)
  • Gebruik maken van de gratis iconen en bestanden van Adobe
  • Bestanden exporteren voor internet
  • Losse elementen exporteren
  • Tekengebieden exporteren
  • Praktijkopdracht

College 3  

  •  Korte herhaling dag 1
  • Een ontwerp veranderen in een klikbaar prototype
  • Verbindingen maken tussen tekengebieden
  • Een opname maken van een prototype
  • XD-bestanden delen
  • Een opmerking plaatsen

College 4

  • Werken aan de praktijkopdracht
  • Presenteren van je klikbare app of website

Adobe Dreamweaver

College 1

  • Korte inleiding over webdesign
  • Het werken met de Dreamweaver-interface
  • Een nieuw project aanmaken
  • HTML & CSS code lezen en begrijpen

College 2

  • Maken van diverse links
  • Opmaakt tekst & weblettertypes plaatsen
  • Afbeeldingen plaatsen en bewaren voor het web
  • Zoekmachineoptimalisatie tips en toepassen

College 3

  • Leren omgaan met CSS-panelen in Dreamweaver
  • Werken met externe stylesheets
  • Kennismaken met HTML5-mogelijkheden en jQuery
  • Media plaatsen

College 4

  • Een site maken met 'div' elementen volgens de webrichtlijnen
  • Opzetten van een responsive design
  • Navigatiestructuren voor zowel desktop als mobiel
  • Bootstrap framework

Op de hoogte blijven van aanbiedingen en vaknieuws?

Schrijf je in voor onze nieuwsbrief!

Bedankt!

Je bent nu ingeschreven op onze nieuwsbrief.

Waarom Competence Factory?

Inspirerende, centraal gelegen locaties

Trainingslocaties van Competence Factory liggen altijd lekker centraal; in hartje Amsterdam en pal naast station Utrecht Centraal. De ruimtes stimuleren concentratie, creativiteit en samenwerking. We willen ook graag dat je je thuis voelt, en hebben ze daarom kleurrijk ingericht en mooi verlicht. In onze ruimtes vind je bovendien grote white walls voor brainstorms.

Trainingen voor ieder budget

We willen dat iederéén goede trainingen kan volgen. Niet alleen de marketeer bij een grote corporate met een flink opleidingsbudget, maar ook de freelance ontwerper, de zelfstandig adviseur, de ondernemer en de non-profit professional. Daarom hanteren we dynamische prijzen. Wanneer je slim (heel vroeg, of juist last minute) boekt, betaal je voor onze trainingen de laagste prijs in de markt.

Bekijk onze aanbiedingen

CF community

Wanneer je een training bijwoont, ben je automatisch lid van de CF community. We organiseren mooie evenementen voor onze leden, waaronder gratis inspiratiesessies en een jaarlijkse reis naar het Google hoofdkantoor. Ook krijgen CF communityleden 50% korting op de 'In a Day' events, waaronder Growth Hacking in a day en Design Thinking in a day.

Ga naar de events