Category: Ontwerp

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

Photoshop: gestikte naden in je ontwerp

Geef je ontwerp een aparte look door een genaaid effect aan te brengen. Mocht je dit effect niet willen voor je site maar wil je wel Photoshop beter onder de knie krijgen dan kun je dit alsnog goed volgen om zo patronen en texturen onder de knie te… Meer...

Maak een schaalbare achtergrond met CSS

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. Dit komt omdat de hoogte van de afbeelding in verhouding… Meer...

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

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

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

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

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