Is je website AVG ready?

Vanaf 25 mei gaat de AVG in werking. AVG staat voor Algemene Verordening Gegevensbescherming en is bedoeld om onze persoonlijke gegevens beter te beschermen. De AVG heeft gevolgen voor websites.

Maakt je website gebruik van één van de volgende functionaliteiten? Dan zul je in actie moeten komen:

  • contactformulier
  • Google Analytics

In beide gevallen verwerk je persoonsgegevens. Met de AVG is dat aan strengere regels gebonden.

De AVG gaat over de verwerking van persoonsgegevens door organisaties en bedrijven. Dat is meer dan alleen websites. Wil je meer weten over de AVG? Onderaan deze pagina heb ik enkele nuttige links opgenomen.

De AVG gaat in werking op 25 mei. Bij het niet volgen van deze richtlijn riskeer je een boete.

Contactformulier

Bij een contactformulier vullen bezoekers persoonlijke gegevens in zoals naam en email adres. De AVG schrijft voor dat je verwerking van persoonlijke gegevens zo veilig mogelijk moet doen.

Een van de beste manieren om dat te doen is met een SSL certificaat. Met een SSL certificaat heeft je website een beveiligde verbinding. Al het internetverkeer verloopt dan via een HTTPS verbinding. Deze is herkenbaar aan het groene slotje in de adresbalk.

Benodigde actie: een SSL certificaat voor je website.

Een SSL certificaat heeft nog twee voordelen. Het geeft een betrouwbare uitstraling aan je website en je komt er hoger mee in de Google ranking.

Google Analytics

Google Analytics verzamelt gegevens van je website bezoekers. Vanaf 25 mei mag dit alleen als je een verwerkersovereenkomst sluit met Google. Doe je dit niet, dan ben je mogelijk in overtreding.

Benodigde actie: verwerkersovereenkomst afsluiten met Google.

Wil je dit zelf oplossen? Dat kan. Onderaan deze email staat meer informatie over het afsluiten van zo’n werkovereenkomst.

Wat nu?

Zorg ervoor dat je website AVG ready is. Bij het niet volgen van deze nieuwe richtlijn riskeer je een boete. De AVG is - vind ik - een goede richtlijn. Het gaat namelijk over jouw en mijn gegevens. Neem de juiste stappen om klaar te zijn voor de AVG.

Website AVG ready

Maak je website AGV ready. Ik kan het volgende voor je doen:

  • Inventarisatie gevolgen AVG voor jouw website
  • Afsluiten Google Analytics verwerkersovereenkomst
  • Aanvragen, installeren en configureren SSL certificaat (1)
  • Kosten: € 340,- ex BTW

Wil je hier gebruik van maken? Geef mij een belletje op 038-337-7814 of stuur een email. Deze aanbieding is geldig tot 11 mei 2018.

(1). Exclusief abonnementskosten voor het SSL certificaat. De kosten hiervan verschillen per hosting bedrijf. Gangbare tarieven zijn € 0,- tot € 120,- per jaar. Onduidelijk? Neem contact op, dan leg ik je het graag uit.

Tenslotte

Er zijn nog meer maatregelen die je kunt of moet nemen. Denk aan het opnemen van een privacy verklaring op je website. Ook zul je in actie moeten komen als je een webshop of intranet hebt. Nieuwsbrieven mag je alleen nog maar versturen als je daar nadrukkelijk toestemming voor hebt gekregen. Heb je hier vragen over, bel of mail gerust.

Wil je meer weten over de AVG? De volgende twee websites vertellen er meer over:

Algemene Verordening Gegevensbescherming op kvk.nl AVG - nieuwe Europese privacywetgeving op autoriteitpersoonsgegevens.nl

De verwerkersovereenkomst met Google Analytics kun je ook zelf afsluiten. De Autoriteit Persoonsgegevens heeft daarvoor een handleiding gemaakt.

Heb je vragen over de AVG en wat voor gevolgen dat heeft voor je website? Je kunt mij bellen op 038-337-37814 of stuur een email.

PS. Voor de oplettende bezoeker, mijn website is (bijna) AVG ready. Het enige wat er nog moet gebeuren is een SSL-certificaat. Daar ben ik hard mee bezig!

A CSS Grid Based Layout

Since the cool boys and girls are talking a lot about the new CSS Grid specification lately, it’s time to dig into this subject myself. For me, the best way by learning this, is: 1. choose a real world problem and 2. write about it in a post. The first is done and the second are you reading right now.

Please note, this is not a complete guide to CSS Grid. Others have already written about it. I've included references after this post. Please, also check the browser support of CSS Grid. At the moment of writing this post (July 2017), the global browser support is around 70%.

This post covers how to create a web layout with CSS Grid. I'll explain each step and include all HTML and CSS code needed.

Grid layout

I started with a sketch (left). It shows the layout I want to build using the Grid Layout. At the right you see a screenshot of the final result (desktop view).

3 dingen die ik heb geleerd op WordCamp Europe 2017

Van 16 tot 17 juni was ik in Parijs voor WordCamp Europe 2017. WordCamp Europe is een jaarlijkse conferentie over WordPress en met bijna 2000 deelnemers een van de grootste conferenties over WordPress ter wereld. WordCamp gaat niet alleen over WordPress, maar ook over meer algemene webdesign onderwerpen. De drie belangrijkste dingen die ik geleerd heb:

  1. Toegankelijkheid is goed voor iedereen
  2. Inhoud gaat voor presentatie
  3. Themes!

Toegankelijkheid is goed voor iedereen

Er waren meerdere lezingen over toegankelijkheid (hiervoor wordt de Engelse term accessibility of a11y meestal gebruikt) De beste lezing vond ik Selfish Accessibility van Adrian Roselli. Deze lezing is terug te kijken op wordpress.tv. Met ondertiteling (!), selecteer CC rechtsonder de video.. Toegankelijkheid gaat over het beschikbaar maken van je website voor zoveel mogelijk doelgroepen. Dus ook voor mensen met een beperking: visueel, fysiek of cognitief.

Responsive images with srcset and sizes

With the new attributes srcset and sizes for the <img> tag, you can specify multiple sizes of the same image. The browser chooses the best size for each situation. This will help serving better images for your users and improving the loading time of your website.

These new attributes are available for some time now. However, I didn't manage to understand it fully. There are great articles on the web explaining this new syntaxLike the great article 'Srcset and sizes' from Eric Portis. But I couldn't wrap my head around it. And especially, I missed in those articles how one could apply srcset and sizes to real world problems.

So, that's why I wrote this article about srcset and sizes. It comes with an example of a common website layout: a page with sidebar. I hope it will help you better understand srcset and sizes and how to apply it to your website projects.

Waarom een lelijke website soms beter is

Je kent ze vast ook wel. Websites die er fantastisch uitzien, maar niet goed werken. Fancy buttons en hippe animaties maar vinden wat je zoekt lukt niet. Niks is meer frusterend dan dat.

Andersom komt ook voor. Websites die er niet heel sexy uitzien, maar werken als een trein. Deze websites hebben iets gemeen: ze stellen de bezoeker en gebruiksvriendelijkheid centraal. En daarom zijn lelijke websites soms beter dan mooie websites.

Deze websites ... stellen de bezoeker en gebruiksvriendelijkheid centraal.

Ik laat drie voorbeelden zien: 123inkt.nl, okokorecepten.nl en Amazon. Ik maak geen reclame voor deze websites. Ik wil met deze websites laten zien dat lelijk soms beter is.

Website template of ontwerp op maat?

Eenvoudig gesteld zijn er twee manieren om een nieuwe website te realiseren. Met een kant-en-klaar ingekocht template of op maat gemaakt. Beide hebben voor- en nadelen.

Website templates

Een template is een zo goed als kant-en-klare website. De template bestaat uit verschillende soorten pagina's (home, projecten, blog, contact etc.), onderdelen en functies. Voor je eigen website kies je de pagina's en onderdelen uit die je nodigt hebt. Vervolgens pas je de template aan naar wens, bijvoorbeeld om de huisstijl van je bedrijf erin te verwerken.

Waarom de Britse overheid geen apps maakt

Vandaag las ik een zeer interessant artikel over Ben TerrettDit artikel kwam ik tegen op twitter.

Why Britain banned mobile apps op govinsider.asia

Ben Terrett is voormalig 'head of design' van de UK Governement Digital Service (GDS). Zijn afdeling besloot geen apps te ontwikkelen maar alle tijd en budget te steken in de website.

Het volgende viel mij op:

  • een website is veel goedkoper te onderhouden dan een app
  • ontwerp een website op basis van gebruikersbehoeften
  • testen, testen, testen!
  • gebruiksvriendelijkheid is belangrijker dan mooie vormgeving
  • afbeeldingen? social media links? leiden af en worden nauwelijks gebruikt
  • volg een Agile projectmethode

Adblockers, wel of niet doen?

De laatste tijd is er veel discussie over adblockers. Adblockers installeer je in je browser om advertenties te blokkeren van websites die je bezoekt. Omdat veel websites voor hun inkomsten afhankelijk zijn van deze advertenties, zegt men dat je adblockers niet mag gebruiken. Voor gebruikers – wij die websites bezoeken, lezen en gebruiken – zijn er echter goede redenen om wel adblockers te gebruiken.

Apple

Adblockers voor desktop browsers (Internet Explorer, Google Chrome, Firefox etc.) bestaan al vrij lang. De meest gebruikte zijn Adblock en Adblock Plus (niet van dezelfde makers trouwens). Het automatisch blokkeren van advertenties heeft recent meer aandacht gekregen. Apple heeft de laatste versie van haar iOS besturingssysteem uitgerust met een eigen adblocker Op PC Mag een informatie artikel over iOs en adblockers (ook wel genoemd content blocking). Sorry, wel een website met veel advertenties.. Nu is het mogelijk om advertenties ook op je mobiel te blokkeren, iets wat eerder niet goed kon.

Inkomsten

Er zijn heel wat artikelen over adblockers geschreven. Die gaan vooral over waarom je adblockers wel of niet mag gebruiken. Het belangrijkste argument om ze niet te gebruiken is dat daarmee websites inkomsten mislopen. Dit zou schadelijk zijn voor het internet en uiteindelijk voor de gebruiker - wij dus. Maar voor de gebruiker zijn er drie goede redenen om wel een adblocker te gebruiken. Advertenties zijn meestal irritant, soms gevaarlijk en vertragen bijna altijd de snelheid van websites.

Basketbalschoenen

Laten we wel zijn, advertenties zijn meestal irritant. Ze knipperen, bewegen, gebruiken felle kleuren en foute foto’s. Ze doen er alles aan om op te vallen. Logisch, want dat is het doel van een advertentie. Maar jij bezoekt een website niet voor die advertenties. Je leest dat toffe blog artikel, je wilt een weekendje weg met vrienden boeken of bent op zoek naar een nieuw paar basketbalschoenen. Dan is het vervelend als je daarbij steeds afgeleid wordt door aandachttrekkende advertenties. Een adblocker zorgt er voor dat die advertenties er niet meer zijn. Nu kun je in alle rust met de website doen wat je van plan bent.

Laadtijd

De meeste advertenties worden ingeladen via scripts vanaf andere websiteservers. Dat kost tijd. Naast dat de website zelf geladen moet worden, is er extra laadtijd nodig voor de advertenties. De meeste bezoekers vinden het niet fijn dat ze lang moeten wachten. Doordat we steeds vaker websites bezoeken op onze mobiel en tablet, wordt de laadtijd ook steeds belangrijker Waarom laadtijd voor websites steeds belangrijker wordt. Adblockers zorgen ervoor dat de advertenties niet geladen worden en verbeteren dus de laadtijd.

Veiligheid

Met advertenties loop je het risico op malware Malware is een combinatieterm voor virussen en ander kwaadwillende software. Allemaal hebben ze hetzelfde doel, toegang toe jouw computer en gegevens en daar misbruik van maken. Advertenties worden meestal via andere servers ingeladen en zo is het relatief eenvoudig er malware in te verstoppen. Voor degene achter de malware zijn advertenties aantrekkelijk. Ze vallen op, mensen klikken erop en websites met veel bezoekers hebben vaak advertenties.

De malware kan op verschillende manieren op je computer terecht komen. Daarvoor hoef je nog niet eens op een advertentie te klikken. Alleen al door het laden van de advertentie kan de malware binnendringen. (dit is zgn. pre-click malware). Er zijn meerdere soorten malware die via advertenties verspreid worden.

Malware is een groeiend probleem dat zowel desktop als browsers voor mobiel en tablet treft Zoals beschreven in dit op de Wikipedia pagina over malvertising.. Ook hier is een adblocker een eenvoudig en doeltreffend middel dat jou als gebruiker beschermt.

Verbeteren

Al met al zijn dat drie niet heel onbelangrijke redenen om een adblocker te gebruiken. Zolang de nadelen van advertenties blijven bestaan - irritant, langere laadtijd en risico op malware - geef ik gebruikers groot gelijk adblockers te installeren. Het is aan de adverteerders om met een beter, veiliger en sneller advertentiesysteem te komen.

Maak je website touch friendly

Wij gebruiken websites steeds vaker op onze tablets en telefoons. Het is de verwachting dat we dit jaar (2015) websites vaker gebruiken en bekijken op onze tablet en telefoon dan op een computer. We bedienen websites op deze apparaten met onze vinger en niet met een muis. Dat maakt nogal wat uit voor hoe een website gemaakt is, bijvoorbeeld voor de grootte van buttons en links.

Laadtijd verbeteren, een voorbeeld uit de praktijk

Een kortere laadtijd wordt voor websites steeds belangrijker. De internetverbinding is niet altijd even goed – denk aan de wifi in de trein, maar je bezoekers verwachten wel een snel geladen website. Bovendien is een snelle website voor SEO steeds belangrijker. Daarom een voorbeeld hoe je de laadtijd kunt verbeteren.

Lees ook: mijn artikel over laadtijd en waarom dat zo belangrijk is.

Een doorsnee artikel

Webinar ‘4 Principes voor een winstgevende website’

UPDATE: de webinar is inmiddels gegeven. Er is een video opname gemaakt, die je op deze website kunt bekijken. Voor de webinar heb ik een checklist gemaakt, deze is vrij te downloaden en te gebruiken.

Op dinsdag 26 mei geef ik de webinar '4 Principes voor een winstgevende website'. Daarin bespreek ik een aantal ontwerpprincipes die helpen je website mooier en beter te maken.

4 Designprincipes voor een winstgevende website

Deze webinar geef ik in samenwerking met Jos Veldwijk van Veldmerk, Jos Veldwijk. Voor meer informatie of als je je wilt aanmelden, zie de speciale aanmeldpagina op de website van Veldmerk.

Aanmelden webinar

Na aanmelding krijg je url en inloggegevens voor de webinar.

Gegevens

Webinar: 4 Principes voor een winstgevende website Spreker: Wouter van der Zee Datum: dinsdag 26 mei 2015 Tijd: 10:30 - 11:30 Kosten: geen Wel graag even aanmelden op de website van Veldmerk.

Plaats menu website aan de zijkant

Het is nog steeds vrij gebruikelijk dat de navigatie – het menu – zich aan de bovenkant van de website bevindt. Waarom eigenlijk? Met de komst van grotere en bredere beeldschermen zou het logischer zijn het menu naar de zijkant te verplaatsen.

Tegenwoordig gebruiken we websites steeds meer op telefoons en tablets. Deze schermen zijn vaak veel kleiner en vragen weer een hele andere aanpak voor de navigatie. Dat is een onderwerp op zich en laat ik in dit artikel achterwege.

Het menu is nog steeds het belangrijkste navigatiemiddel voor een website. Het laat zien waar je bent. En je kunt met een klik of touch naar een ander gedeelte of pagina gaan. Al heel lang is het de gewoonte het menu bovenaan de website te plaatsen. Links het logo en dan een lijst met de belangrijkste menu-onderdelen. Zo zijn we dat gewend. Ik denk dat dit komt omdat vroeger - voor de komst van smartphones en tablets - de afmetingen van de meeste computerbeeldschermen hiervoor aanleiding gaven.

In de periode 2002 tot 2007 was 90% van de schermafmetingen 1024 768 px of kleiner, zie de tabel. De laatste jaren is dat totaal anders. Nu is bijna 90% van de schermen 1024 x 768 px of groter. Er is dus veel meer ruimte beschikbaar voor websites, vooral in de breedte.

periode 1024x768px en kleiner groter
2002 - 2007 87% 13%
2012 20% 80%
2013 15% 85%
2014 10% 90%

Afmetingen (resolutie) van browserschermen van de afgelopen jaren. bron: w3schools.com en StatCounter.

Bij de kleine schermafmetingen van vroeger was de hele breedte van het scherm nodig voor de website. De meest logische plek voor het menu was daarom bovenaan. Nu is de breedte van website-inhoud (de tekst en afbeeldingen op de pagina's) ongeveer gelijk gebleven. Zo kun je de regellengte bijvoorbeeld beter niet te lang maken, dan wordt de tekst slecht leesbaar. Met de grotere beeldschermen van tegenwoordig is er veel ruimte bijgekomen, vooral in de breedte.

Waarom de snelheid van websites steeds belangrijker wordt

De snelheid van websites wordt steeds belangrijker. Met snelheid bedoel ik de tijd die nodig is om een pagina te laden. En waarom is dat steeds belangrijker? Steeds meer websites worden gelezen en gebruikt op mobiele apparaten, zoals telefoons en tablets.

Een betere leesbaarheid van je website

Om een artikel of pagina van een website te lezen zit je bijna met je neus op het scherm. Herken je dat? Beetje overdreven misschien, maar tekst op veel websites is erg klein. Wellicht herken je dit niet omdat we het zo gewend zijn met z’n allen. Er zijn namelijk heel veel websites waar de tekst erg klein is. Er zijn drie eenvoudige richtlijnen om de leesbaarheid van websites te verbeteren.

De laatste tijd heb ik bij een aantal projecten erg mijn best moeten doen de lettergrootte in het ontwerp te verdedigen. Die was vaak groter dan men gewend was. Dit artikel is een uitwerking van mijn argumenten daarvoor. Het meeste wat hier staat is niet nieuw. Dat veranderingen tijd kosten blijkt maar weer eens :-).

Wat is de reden dat bij veel website de tekst zo klein is? Waarschijnlijk komt dit omdat beeldschermen vroeger erg klein waren en er niet zoveel ruimte was Zie dit klassiek artikel over tekstgrootte en leesbaarheid van websites.. Maar nu is dat anders, de meeste mensen hebben een voldoende groot beeldscherm. Ik heb het hier over desktop beeldschermen, op tablets en smartphones kom ik straks. Een kleine letter is dus niet meer nodig. Maar waarom dan groter? De leesbaarheid van tekst wordt hoofdzakelijk bepaald door drie factoren:

  1. lettergrootte,
  2. regellengte en
  3. regelafstand.

Verder speelt onze leeftijd mee. Hoe ouder we worden - helaas, zo is het leven - hoe slechter onze ogen. En dan is een grotere leesletter wel zo prettig Zoals uitgelegd in het artikel 16 Pixels: For Body Copy. Anything Less Is A Costly Mistake op Smashing Magazine..

De grootte van de tekst wordt o.a. bepaald door de afstand van de lezer tot het scherm. Bij boeken hebben ze dit lang gelezen uitgezocht en kwamen ze tot een ideale grootte van ca. 12 pts Zie bijvoorbeeld Basic Book Design/Font op Wikibooks.org. Een goed basisboek over typografie en opmaak van tekst is nog altijd Stop Stealing Sheep van Erik Spierkermann.. De afstand tot schermen is over het algemeen groter, de minimale lettergrootte voor schermen is daarmee ca. 16 px (voor het gemak beschouw ik pts en px als evengroot). In de meeste gevallen is 18 px zelfs nog beter. Niet heel toevallig is de standaard lettergrootte in browsers 16 px. Maar niet alle websites maken daar dus gebruik van.

Naast de lettergrootte zijn er nog twee factoren die de leesbaarheid van tekst bepalen: de regellengte en -afstand. Daar kan ik kort over zijn. Hiervoor gelden al heel lang richtlijnen die - wederom - bij veel boeken en magazines worden toegepast. De ideale regelafstand is 10 tot 15 woorden (per regel dus) of 45 tot 75 karakters (komt ongeveer op hetzelfde neer). De richtlijn voor de optimale regelafstand is 1,4 keer de lettergrootte 5.

Daarmee hebben we dus de volgende drie richtlijnen voor een goede leesbaarheid van je website:

  • lettergrootte: 16px of groter
  • regellengte: 45 tot 75 karakters
  • regelafstand: 1.4 keer de lettergrootte

Deze richtlijnen gelden voor computer beeldschermen, maar ook voor die andere apparaten waarmee we websites bezoeken, zoals smartphone en tablets. Omdat de ideale lettergrootte bepaald wordt door de afstand tussen jouw ogen en het scherm, is een kleinere letter voor smartphone beter. De afstand tussen dit scherm en je ogen is over het algemeen kleiner. Daarom kun je voor weergave van websites op smartphones beter een kleinere letter gebruiken. Gelukkig kan dit prima met technieken zoals Responsive Design Lees meer over Responsive Design en het optimaliseren van je website voor mobiel.. De leesafstand van tablets is ongeveer gelijk met die van boeken en tijdschriften. De lettergrootte zal dan iets groter zijn dan bij weergave op je telefoon en iets kleiner dan bij weergave op je computer.

Hieronder een voorbeeld van een website dat niet goed leesbaar is: lange zinnen en bovendien kleine letters. Dit is vrij eenvoudig op te lossen, waarbij je de website zelf niet hoeft aan te passen. Rechts de verbeterde versie. De regellengte is korter gemaakt en de letters groter. Met deze twee aanpassingen is de tekst een stuk leesbaarder geworden.

Hoe ik omga met e-mail, telefoon en werk tijdens vakantie

Ik werk als zelfstandige en in mijn eentje. Dat betekent dat er tijdens mijn vakantie geen collega’s zijn die het van mij kunnen overnemen. Hoe gaat dat dan met mijn e-mail, telefoon en lopende projecten?Dit artikel heb ik o.a. geschreven naar aanleiding van deze podcast..

Om kort te zijn, bij mij gaat de stekker er helemaal uit. Geen e-mail, geen telefoon, geen werk. Voor mij is dat de beste manier van vakantie vieren. Tijd voor andere dingen. Bezinning, aandacht voor mijn gezin, het zien van andere landen en culturen. Mijn hoofd leeg te maken. Uiteindelijk is dat ook het beste voor mijn werk. Ook al ben ik gedurende mijn vakantie niet bereikbaar, het is toch klantvriendelijk. Want op deze manier heb ik de rest van het jaar voldoende energie, creativiteit en inspiratie.

Praktisch

Voor mijn zakelijke e-mail zet ik een auto-reply aan. Daarin staat dat ik mijn e-mail weer lees en beantwoord na de vakantie. Op mijn telefoon heb ik geen zakelijke e-mail geïnstalleerd, zo kom ik niet in de verleiding dat alsnog te gaan lezen. Al vanaf dat ik begonnen ben als zelfstandige heb ik een apart vast zakelijk telefoonnummer. Normaal gesproken staat deze doorgeschakeld naar mijn mobiel, maar in de vakantie zet ik dat uit.

Bij lopende projecten geef ik ruim van tevoren aan wat mijn vakantieperiode is. Mijn klanten weten wanneer ik afwezig ben en houden met hun planning daarmee rekening. De afgelopen jaren heb ik steeds vier weken vrij genomen. Dat zal voor sommige een flinke periode zijn, maar ik kan het je van harte aanbevelen. De eerste week van de vakantie is het voor mij omschakelen van werk naar vakantie. Daarna begint het ontspannen pas is mijn ervaring.

Tijd of geld

Geen e-mail en telefoon, een consequentie daarvan is dat ik aanvragen voor nieuwe projecten pas zie na mijn vakantie. En het risico loop dat het dan te laat is. Ik heb ervoor gekozen dit te accepteren. De kwaliteit en tijd van mijn vakantie wegen voor mij op tegen het eventueel missen van extra inkomsten. Iemand zei eens, ' voldoende tijd is voor mij belangrijker dan geld'. Daar ben ik het wel mee eens.

Over bullets en inspringen

Dit is een artikel over twee details in het opmaken van tekst. Details gaan over kleine dingen en kleine dingen zijn ook belangrijk. Zij versterken de leesbaarheid van een tekst, ook op websites. Deze details gaan over bullets – zoals die gebruikt worden bij lijsten – en het inspringen van alinea’s.

Bullets

Er zijn ontwerpers die stellen dat bullets in de marge geplaatst dienen te worden Onder andere Mark Boulton is hier groot een voorstander van en heeft dit beschreven in zijn boek Designing for the web. Dit geldt overigens niet alleen voor bullets (van ongeordende lijsten), maar ook voor de nummering van geordende lijsten en de aanhalingstekens bij citaten.. De reden die hiervoor wordt aangedragen is dat inspringende bullets de leeslijn verstoren, zie afbeelding. Het oog zoekt naar rechte lijnen, en die wordt door het inspringen verstoord. Vaak wordt ook gesteld dat het minder mooi is. Maar schoonheid hoeft niet altijd voorrang te krijgen op gebruiksvriendelijkheid.

Een digitale, responsive versie van Wim Crouwel’s affiche Vormen van de kleur

Wim Crouwel is een beroemde Nederlandse grafisch ontwerper. Hij is bekend om zijn minimalistische ontwerpen waarbij voornamelijk typografie en een strak onderliggend grid gebruikt worden. Van Crouwel’s affiche Vormen van de kleur heb ik een digitale, responsive versie gemaakt.

Aanleiding hiervoor is het willen leren van Macaw Een nieuw webdesignprogramma, zie ook de website van Macaw., een nieuw programma voor webdesigners. De demo van het affiche heb ik met Macaw gemaakt. Bovendien vind ik het interessant het gebruikte grid te analyseren. Dit grid helpt bij het maken van andere formaten van het affiche.

Ik ben een groot fan van Wim Crouwel en deel zijn voorliefde voor typografie en grid systemen. Bovendien is Crouwel docent geweest bij de opleiding Industrieel Ontwerpen op de TU Delft, de studie die ik ook gevolgd heb. Ik heb dus wel wat met Crouwel.

De vormen van der kleur