april 4, 2017 Richard

Welke layout fouten mag je nooit maken op jouw website als je niet als amateur wilt overkomen?

In dit blog een overzicht van 13 layout regels waar je je aan dient te houden als je niet als amateur wilt overkomen met je website. In complete willekeurige volgorde de layout fouten die je absoluut niet mag maken.

Heb je hulp nodig met de layout van jouw WordPress website? Neem contact op en bel 06-40557448 voor hulp!

De lijst om layout fouten mee te voorkomen!

  1. Niet alles centreren

Westerse mensen lezen van links naar rechts. Denk hier aan bij de plaatsing van tekst/content. Zo blijft het prettig lezen voor een websitebezoeker.

  1. Voeg een kader toe aan foto’s bij twijfelachtige randen en houd een foto ALTIJD in proportie

Bevat een foto een kleur die samenvalt met de achtergrond van jouw website? Gooi dan een kader om de foto. Voor de consistentie kun je alle foto’s een kader geven. Hoe dik? Zo dik als een haar is voldoende. O ja, en behoud de proporties van je foto! Mensen met een heel puntig hoofd zien er namelijk raar uit op een website.

  1. Gebruik niet teveel verschillende lettertypen

Probeer bij je layout jezelf te beperken tot twee lettertypen. Eentje voor de headers/koppen/titels en eentje voor de bodytekst.

  1. Gebruik niet te dikke kaders

Gebruik liever geen kader. Met witruimte kun je hetzelfde effect bereiken.

  1. Gebruik altijd marges!

Gebruik ALTIJD marges (geen marge (= margin) zie je als een tekst tegen een kader aan is “geplakt”).

  1. Schrijf kopppen in een rechte regel.

Zorg dat je tekst, dus ook je koppen, leesbaar blijven.

layout fouten

  1. Hoeken van een pagina vullen en verzamelingen

Vul je hoeken van je website niet onnodig op en groepeer items die bij elkaar horen. Groeperen: goed, Verzamelen: slecht.

  1. Maak geen gaten van witruimte in de opmaak.

Zorg dat je (extra) witruimte aan de buitenkant definieert en niet als “zuurstofbel” in het midden van jouw pagina.

  1. Gebruik geen drukke achtergronden.

Gewoon niet doen. Witruimte is je vriend.

  1. Teveel benadrukken van tekst is geen goed idee.

Doe geen gekke dingen. Geen vetgedrukte of omlijnde lettertypes gebruiken. Tekst niet onderstrepen als het geen link is. En toon niet alle tekst in hoofdletters.

  1. Gebruik geen slechte bullets voor een lijst

Simpele bullets zijn voldoende voor een lijst. En zorg voor de jusite uitlijning.

  1. Slecht afgebroken regels tekst.

Train je ogen om dit te herkennen zodat woorden niet ‘ alleen’  op een volgende

regel

verschijnen.  -> zoiets dus! 😉

  1. Voorkom onoverzichtelijke ‘rivieren van witruimte’ in justified tekst.

Justified tekst is een blok tekst dat over de gehele breedte is uitgelijnd. Gebruik het liever niet en lijn je tekst links uit.

Jazeker, ook ik heb me wel eens schuldig gemaakt aan het niet opvolgen van één van bovenstaande regels. Maar dat gebeurd me niet meer!

Vragen of hulp nodig?

Is bovenstaande lastig voor je en kun je hulp gebruiken om jouw WordPress layout fouten uit de weg te ruimen? Neem dan contact op met Richard via email ([email protected]) of mobiel (06-40557448).

 

Bron: Whitespace is not your enemy
, , ,

Richard

Met mijn bureau Social Pepper ondersteun ik ondernemers met de inzet van social media marketing en de ontwikkeling van websites. Ik ontzorg hen op een eenvoudige & toegankelijke manier en breng hen kennis bij zodat de kwaliteit van hun online aanwezigheid verbetert. Trainingen & workshops | SMC076 | www.socialpepper.nl

Comments (2)

  1. Bert Megens

    Dag Richard,

    In je tekst ‘De lijst om layout fouten mee te voorkomen!’ staat vlak voor ‘Hulp nodig ‘ en vervelend taalfout, nl. ‘Dat gebeurd me nier meer’, in plaats van ‘dat gebeurt me niet meer.’

    Mag ik je hierop attent maken als dank voor je
    hulp niet zo lang geleden.

    Vriendelijke groet,
    Bert Megens

  2. Richard

    Hi Bert,

    Dank voor je reactie, maar ik zie helaas de typo niet waar jij over spreekt. Wellicht kijk ik er overheen.

    Groeten,

    Richard

Geef een reactie

Het e-mailadres wordt niet gepubliceerd. Verplichte velden zijn gemarkeerd met *

Kleine moeite, groot plezier!

Ik help je graag verder met mijn online kennis!