Van printmedia naar Web

De ‘traditionele’ print-media worden meestal op een vertrouwde wijze vormgegeven en uitgewerkt, met een voor drukwerk functioneel concept. Hierbij wordt nog maar weinig rekening gehouden met een basisontwerp dat zich gemakkelijk door jou of anderen laat vertalen naar een website. Jezelf als ontwerper omturnen naar web-designer vraagt om een andere manier van denken en een nieuwe werkwijze. Dat kost tijd, maar een goed begin is het halve werk. 

Wat leer je tijdens deze cursus?

Je leert leer  met bestaande middelen en de nodige praktische aanwijzingen media voor het web klaar te stomen en nieuwe opdrachtgevers en hun doelgroepen te bereiken.

De vele onderwerpen die aan bod komen:

Algemeen

• inleiding: het web, een eigenwijs medium
• teamwork: inhoud, visuele vorm en techniek
• doelgroep(en) en doel(en); inhoud en functies
• bepalen van inhoud die verder gaat dan papier
• verschillen ontwerp voor web in plaats van print
• begeleiden en uitwerken van conceptuele fase
• anticiperen op uitbreiding en onderhoud website
• opzet en begeleiden van test (inzicht in feedback)
• goede maar vooral ook 'goed foute' voorbeelden.

Techniek

• welke software/technieken voor welke toepassingen
• voor- en nadelen van (Java)scripts, applets en Flash
• databases en de brij van afkortingen (CMS, XML, etc.)
• aanpak voor goed werkende formulieren (teamwork)
• opbouw van een fysieke mappen-structuur voor de site
• templates voor jezelf en (evt.) voor de opdrachtgever.

Lay-out

• conversie/gebruik van bestaand DTP-materiaal
• de 3 fases: beperkt, onbedoeld, volgens standaarden
• principes en krachtige mogelijkheden van XHTML, CSS
• indeling m.b.v. (oude) frames, zowel de voor- als nadelen
• pagina's een goed bruikbare en herkenbare lay-out geven
• lay-out afstemmen op minimaal/gemiddeld beeldscherm.

Navigatie

• opzet van een 'storyboard' voor de diverse gebruikers
• algemene tips over ontwerp van navigatie-elementen
• het ontwerp en gebruik van ikonen en... "Mystery Meat"
• technieken voor menu's, navigatiebalken en interactie.

Tekst

• beperkte/uitgebreide mogelijkheden HTML, XHTML, CSS
• verschil typografische kenmerken voor print-media vs. web
• rekening houden met doorzoekbaarheid en gehandicapten
• verschil in grootte, kleur en andere kenmerken per systeem
• algemene aanwijzingen voor bepaling van tekstelementen.

Beelden

• beoordeling van kenmerken beelden voor print vs. web
• bekende bestandsformaten voor web (JPG, GIF, PNG, SWF)
• compressie, schaduw-effecten, transparantie, bestandsgrootte
• aanmaak van gallery, bepaling uitsnede voor icoon-formaat
• extra mogelijkheden/vereisten van animatie, audio en video.

In de training wordt ter oriëntatie en oefening gewerkt met een aantal software-pakketten, waaronder DreamWeaver en Photoshop. Je leert dus wel enigszins met deze pakketten om te gaan, maar deze training is géén vervanging voor de normale basis-trainingen in deze software.

Benodigde voorkennis

Kennis en ervaring op het terrein van DTP (Photoshop), typografie, internet

Webdesign van concept tot realisatie
Iedere cursist krijgt gratis het hardcover, 406 pagina's tellende naslagwerk "Webdesign van concept tot realisatie" door Hedwyg van Groenendaal. Dit boek, geschreven vanuit de dagelijkse praktijk van een succesvolle Nederlandse webdesigner, leert de lezer stapsgewijs aantrekkelijke webpagina's te creëren en produceren die tevens aan de eisen, die door het medium gesteld worden, voldoen. Ook voor de gevorderde Internet designer biedt dit boek een wereld aan praktische kennis.