Maak een goed uitziende blog (als u geen ontwerper bent)

Goede ontwerpers slaan geen ontwerp samen. Ze denken kritisch na over elk element dat deel uitmaakt van het volledige ontwerp, van de algemene lay-out tot de kleuren.

Je hoeft geen ontwerpexpert te zijn om een leuk uitziende blog te maken. Natuurlijk wil je misschien weten hoe je dit en dat moet doen. Hoe meer u echter leert, hoe meer u na verloop van tijd aan uw blogontwerp kunt toevoegen, of u nu het ontwerp of de functionaliteit verbetert.

Streef naar eenvoud

Wat is het zekere teken van amateurontwerpers? Overkill. Te veel kleuren, te veel lettertypen, teveel dingamabobbers van verschillende grootte. Vertrouwen ontwerpers weten dat een blogontwerp met minimale ontwerpelementen een grote verklaring kan zijn.

Terwijl u uw blogontwerp doorwerkt, voert u regelmatig enkele zelfcontroles uit om te zorgen dat uw ontwerp niet te druk wordt.

De blog In Jennie's Kitchen is een perfect voorbeeld van een eenvoudig, schoon en effectief blogontwerp. De blogkop gebruikt alleen een warme, neutrale kleur met een kleine blauwe lijn onder haar blognaam. Met de kleine grootte van de blogkop kunt u meer van de foto uit de meest recente blogpost laten zien, waarbij u uw aandacht vestigt op de inhoud.

Credit: © Jennie Perillo, In Jennie's Kitchen

Bouw een blog die intuïtief is

Wanneer je aan een deurknop draait, weet je instinctief dat je hem naar rechts moet draaien. Daarom is het misschien een beetje verward als je probeert een deur te openen met een deurknop die naar links draait. Intuïtief ontwerp betekent dat uw blog werkt op een manier die de meeste mensen verwachten, net als die deurknop.

Als een stuk tekst in een blogbericht bijvoorbeeld onderstreept is, proberen de meeste lezers op die tekst te klikken, in de verwachting dat het een hyperlink is die u naar een andere pagina brengt. Een bezoeker die op zoek is naar inhoud op een blog, zoekt naar een zoekveld, niet naar een koppeling of knop die naar een afzonderlijke pagina leidt om met een zoekopdracht te beginnen - of erger nog, ze vinden helemaal geen zoekvak.

Een intuïtief blogontwerp werkt zo dat bezoekers geen handleiding nodig hebben om de blog te doorzoeken en inhoud te vinden die hen interesseert. Onderdeel hiervan is ontwerpen met website-conventies in gedachten, zoals wanneer onderstreepte tekst moet worden gebruikt, wat een link betekent.

Het andere deel van het zorgen voor een intuïtief ontwerp draait om het plaatsen van items die bezoekers nodig hebben binnen handbereik, zodat ze niet te ver hoeven te graven, zoals een zoekvak of een vervolgkeuzelijst van uw categorieën.

Natuurlijk kun je niet garanderen dat elke persoon nooit problemen heeft om door je blog te navigeren.Via uw bloganalyses kunt u echter veel over uw specifieke blogbezoekers te weten komen.

Ontwerp evenwichtig houden

Is uw blogkop echt "zwaar" met ontwerpelementen of tekst aan de ene kant maar schaars aan de andere kant? Balans helpt elementen aan elkaar te knopen, zodat het ontwerp gelijker gewogen wordt. De twee soorten balans zijn symmetrisch en asymmetrisch:

Symmetrische balans: Symmetrie in ontwerp gebeurt wanneer een ontwerp bijna hetzelfde is aan beide zijden van een centraal punt. U hebt bijvoorbeeld een ontwerp met een vierkant aan de ene kant van een middellijn en een cirkel aan de andere kant. Dat is nog steeds symmetrie. Symmetrie in ontwerp kan een gevoel van stabiliteit, harmonie en orde bieden.
Asymmetrische balans: Asymmetrie betekent alleen de afwezigheid van symmetrie. Een asymmetrisch ontwerp kan drie ontwerpelementen aan de ene kant en een groot tekstblok aan de andere kant hebben. Asymmetrisch ontwerp creëert interesse en biedt contrast. U wilt echter geen scheef ontwerp, met verschillende ontwerpelementen aan de ene kant van uw blogkop en geen enkele aan de andere kant.

Je ziet asymmetrische blogontwerpen vaker dan symmetrisch, maar beide werken wanneer goed gedaan. Deze twee koplay-outs laten zien hoe evenwicht kan werken in design. De lay-out aan de bovenkant creëert balans met een symmetrisch ontwerp. Op de bodem verschuift de lay-out de diamant naar links maar zorgt voor balans met een groot tekstblok naast de ruit.

Blijf weg van de rommel

Denk aan dat deel van je huis waar papieren, rekeningen en andere dingen opstapelen. Zou het niet eenvoudiger zijn om die waterrekening te vinden als je maar 4 dingen daar had en niet 20?

Eén doel van een goed blogontwerp is om de aandacht te vestigen op belangrijke delen van je blog, of je wilt dat lezers een e-mailaanmeldingsvak of alleen je eigenlijke blogbericht opmerken. Zie rommel als de aartsvijand van aandacht. Te veel rommel verspreidt de aandacht van uw lezer overal.

Wanneer u uw blogontwerp aanpast, merkt u misschien "dingen" op, vooral aan die zijbalken. Een banneradvertentie voor een partner daar, een coole widget daar beneden, een link naar je meest populaire bericht daar, enzovoort. Het volgende is dat je zijbalk gevuld is met, nou ja, dingen.

Sidebars zijn de belangrijkste overtreders, maar rommel kan overal staan: in de koptekst van uw blog, in uw voettekst of waar u maar wilt om elementen toe te voegen. Dit soort rommel komt in de vorm van te veel samengevoegde ontwerpelementen. De afzonderlijke ontwerpelementen waaruit een blogkop bestaat, zijn bijvoorbeeld goed ontworpen, maar samen vormen ze geen duidelijke focus om die elementen samen te laten werken.

De oplossing? Wees meedogenloos in het beperken van wat u aan uw blogontwerp toevoegt. Goede ontwerpers weten dat elk element een doel nodig heeft. U hebt een filter nodig voor wat u moet opnemen en wat u moet verwijderen. Om u te helpen filteren, moet u uzelf deze vragen stellen voordat u nieuwe dingen aan uw blogontwerp toevoegt:

Lost dit ontwerpelement een probleem op, zoals een balans toevoegen aan uw ontwerp?
Voegt u een ontwerpelement toe om ruimte te vullen?
Behoudt uw algehele ontwerp een centraal punt wanneer u een nieuw ontwerpelement toevoegt?

Overweeg de volgende vragen als u overweegt een functioneel element toe te voegen aan uw blogontwerp, zoals een speciale knop of een groep koppelingen: