Category: Ontwerp

Banners

We weten allemaal wat een banner is. Soms zijn ze leuk, soms irriterend maar vrij vaak zie je ze eigenlijk niet. Of negeer je ze. Echter, door als web ontwerper de goede content EN de goede plek EN het goede formaat van je banner te kiezen, kun je … Meer...

Animaties met Photoshop maken

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 deze… Meer...

Userstories

User stories

Een user story is een korte, eenvoudige beschrijving over een product/ding/site vanuit het perspectief van een persoon die dit wil gebruiken. Meestal is dit een gebruiker, een klant of een systeem. Een user story bestaat meestal uit het volgende… Meer...

Een print CSS maken

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...

SVG files

Een SVG file is een schaalbare vector file. Deze maak je in Illustrator en exporteer je vervolgens naar een stukje script wat je kunt insluiten op je pagina. Het grote voordeel van SVG files is dat ze hun scherpte behouden wanneer de pagina… Meer...

Featured image bij een post over pictogrammen

Pictogrammen

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 pinautomaat… Meer...

SEO

Hoe SEO te integreren in je website?

SEO is de afkorting voor Search Engine Optimalisation oftewel Zoek Machine Optimalisatie. Meestal hebben mensen het dan over Google. Aangezien Google natuurlijk het overgrote deel van de markt in handen… Meer...

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 iedereen… Meer...

Content inventarisatie

Nadat u een opsomming van zaken hebt kunt u aan de slag met een content inventarisatie. Hierbij gaat het erom dat u per pagina kijkt wat er nodig is.

De inventarisatie van de content brengt een hoop werk met zich mee. Alle content (dus ook formulieren,

Meer...

Styleboards

In een styleboard moet veel besloten worden:

  1. Kleuren van je ontwerp
  2. Lijnvoering:
    • Wel of niet lijnen?
    • Hoe dik zijn deze?
    • Welke vorm hebben deze?
      • Recht en ononderbroken
      • Gestippeld
      • Hand getekend
      • Een afbeelding (bloemenrandje bijvoorbeeld)
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 serie… Meer...

Persuasive design

Wat is persuasive design?

Frankwatching.com omschrijft persuasive design als volgt: Bij persuasive design gaat het om het ontwerpen en toepassen van designprincipes die het beslis- en koopgedrag van potentiële klanten beïnvloeden.… Meer...

Gestaltprincipes in webdesign

Wat is gestaltpsychologie?

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… Meer...

Schaalbare achtergrond afbeelding

Het maken van een schaalbare achtergrond is tegenwoordig meer standaard dan uitzondering. Echter, een achtergrond afbeelding kan netjes schaalbaar zijn maar helaas toch uit verhouding. In deze post ga ik je niet vertellen hoe je je achtergrondafbeelding… 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 er… 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 gangbare… Meer...