Category: Ontwerp

Sitemaps

In een sitemap teken je de onderlinge relaties tussen alle pagina’s van je website. Je tekent een schema waarop je kunt zien hoeveel pagina’s jouw website heeft en welke pagina direct vanaf de homepage zichtbaar is en welke pa… Meer

Photoshop animaties

Met Photoshop kun je eenvoudige animaties maken. Denk hierbij aan kleine repeterende afbeeldingen die je op je site kunt plaatsen. Ideaal voor een bannertje of om wat aandacht te trekken bij een (nieuws)items. De header afbeelding van de… Meer

Werken met een grid

Een grid is een opzet bestaande uit horizontale en verticale lijnen wat gebruikt wordt om je content mee te verdelen. Een grid helpt je om ruimte tussen kolommen, afbeeldingen en tekstvlakken overal even groot te laten zijn. Door met een gr… Meer

User stories

Om goed te begrijpen hoe je je website wilt indelen en welke informatie je wilt tonen is een userstory essentieel. Een user story is een korte, eenvoudige beschrijving over een product vanuit het perspectief van een persoon die dit wil gebr… Meer

Een print css maken

Het kan nuttig zijn om een apart stylesheet aan te maken voor een pagina die geprint moet worden. Bijvoorbeeld omdat je een kortingsbon wilt weggeven via internet of omdat je je cv printbaar wilt aanleveren aan een toekomstig werkgever. Om … Meer

Featured image bij een post over pictogrammen

Pictogrammen ontwerpen

Pictogrammen (of ikoontjes) kennen we allemaal. We komen ze immers in het dagelijks leven vaak tegen: denk maar aan de wasmerkjes in je kleding, de aanduidingen naar de toiletten of het pictogram wat ons duidelijk maakt dat er een pinautom… Meer

Wireframes

Wireframes

Wireframes van de key pagina’s van je website en de bijbehorende functionaliteit op die pagina’s. De focus ligt op het menu, de submenu’s en de templates die je voor je site nodig hebt. Een serie wireframes van uw hele website geeft ie… Meer

Content inventarisatie

Voordat je je site echt kunt gaan uittekenen in wireframes zul je moeten weten hoeveel ruimte je moet inruimen voor diverse onderdelen. Wellicht heb je al een programma van eisen en weet je welke functionaliteiten op de site moeten komen. D… Meer

Styleboards

Wanneer u werkt voor een klant dan kunnen styleboard gemixt worden omdat een klant nu eenmaal de voorkeur heeft voor een element van ieder styleboard. Een definitief styleboard zal dan gemaakt worden welke in feite hybride is. De afbeeldi… Meer

Kleur

In de reader vindt u van pagina 26 t/m 35 een vrij goed overzicht van kleuren op websites en hoe u met kleur om kunt gaan. De afbeeldingen uit de reader komen van het bekende blog Smashing Magazine en is een zeer beknopte samenvatting van een ser… Meer

Persuasive design

Persuasive design zet je in om het koopgedrag van je bezoekers te beïnvloeden. Het gaat er hierbij om dat je een bezoeker een logische website voorschotelt, met voorspelbare processen. Het gaat er om dat je aangeeft dat je betrouwbaar ben… Meer

Gestaltprincipes in webdesign

In de gestaltpsychologie wordt uit gegaan van het principe dat de mens de wereld om hem heen waar neemt in gehelen en patronen. De gestaltpsychologie was voornamelijk gericht op visuele perceptie en ging er vanuit dat onze waarneming van o… Meer

Werken met een grid

Een grid is een opzet bestaande uit horizontale en verticale lijnen wat gebruikt wordt om je content mee te verdelen. Een grid helpt je om ruimte tussen kolommen, afbeeldingen etc overal even groot te laten zijn. Er zijn veel grids; je kunt e… Meer

Webfonts

Webfonts zijn fonts omgezet voor het internet. Nog niet heel lang geleden was je als ontwerper beperkt tot fonts als Verdana of Arial voor je ontwerp. Tegenwoordig kun je met behulp van CSS aparte fonts op je site gebruiken. De meest gangbar… Meer