Contrast creëren in blogontwerp - dummies

Contrast in blogontwerp treedt op wanneer twee of meer elementen van elkaar verschillen. Hoe meer verschil tussen de elementen, hoe groter het contrast. Uw blogontwerp kan op een aantal manieren profiteren van contrast:

• Je ogen worden aangetrokken door contrasterende dingen, zoals een bleke maan tegen een zwarte lucht of een hoog gebouw omringd door anderen die een fractie van zijn grootte hebben. In blogontwerp kan contrast een blog aantrekkelijk houden om naar te kijken in plaats van saai en oninteressant te zijn.

  Contrast kan een element van de pagina laten springen en de lezer aanmoedigen om actie te ondernemen.

• Als u een knop wilt markeren die naar uw nieuwe e-book linkt, kunt u het contrast gebruiken, zodat de knop opvalt terwijl hij nog steeds in uw algehele ontwerp past. Pat Flynn's blog Smart Passive Income maakt gebruik van lichtgroene vakken met een donkergroene rand om belangrijke delen van zijn blogontwerp te laten opvallen. De "Weet niet waar te beginnen? "En eBook Guide-boxen contrasteren met de zwarte video- en e-bookafbeelding om die elementen van de pagina te laten springen en interesse in zijn blog te wekken.

  Credit: © Smart Passive Income

  

  Contrast maakt tekst gemakkelijk leesbaar.

• Ben je ooit naar een blog geweest waar je een echte blogpost niet kon lezen omdat de achtergrondkleur en tekstkleur te veel op elkaar leken? Er moet een contrast bestaan ​​om de leesbaarheid van blogs te vergroten zodat uw bezoekers daadwerkelijk kunnen blijven en uw berichten kunnen lezen.

  Een witte achtergrond met zwarte of donkergrijze tekst is altijd een veilige keuze voor de belangrijkste inhoudsgebieden, zoals een blogpost.

  Methoden verkennen om contrast te maken

U kunt op een paar manieren contrast toepassen op uw blogontwerp. Dit zijn enkele veel voorkomende:

Kleur:

• Waarschijnlijk de meest gebruikelijke manier om contrast toe te passen, is door middel van kleur. U kunt contrasterende kleuren van dezelfde kleur (zoals zwart met een lichtgrijs) of twee kleuren aan tegenovergestelde uiteinden van het kleurenwiel (oranje en blauw) gebruiken. U kunt zelfs een enkele kleur gebruiken om een ​​bepaald blogelement op te laten vallen, zoals hoe de rode knop voor Gratis Instant Access opvalt tegen een lichtgroene achtergrond. Lettertypen:

• Als u twee verschillende lettertypen gebruikt die elkaar aanvullen, kunt u ook een contrast in uw tekst creëren. Het koppelen van een scriptlettertype met een schreefloos lettertype biedt bijvoorbeeld visuele interesse. U kunt het contrast ook toepassen op hetzelfde lettertype door vet en cursief toe te passen. Gebruik het gewoon met mate. Vermijd ook onderstrepingstekst omdat de meeste online bezoekers ervan uitgaan dat een onderstreept woord een hyperlink is.

  Grootte:

• Als u twee of meer ontwerpelementen van verschillende formaten heeft, ontstaat er ook een contrast.De meeste blogontwerpen gebruiken bijvoorbeeld een blogposttitel die groter is dan de subkoppen in de inhoud van de blog. Afbeeldingen binnen uw bloginhoud:

• Afbeeldingen toevoegen aan uw bloginhoud biedt contrast door grote tekstpassages te verbreken en de lezer verder naar uw blog te trekken. Nadat u deze manieren hebt begrepen om het contrast toe te passen, kunt u beginnen met het combineren ervan om een ​​nog groter contrast toe te voegen, zoals het gebruik van twee verschillende lettertypen met twee verschillende kleuren.

Pas de juiste hoeveelheid contrast toe

Contrast in blogontwerp kan lastig zijn. Meer contrast is niet altijd gelijk aan beter contrast. En soms wilt u misschien niet genoeg contrast toevoegen om te bang te zijn om het te ver te nemen.

Te veel contrast kan voor de lezer schokkend zijn of de leesbaarheid van uw blog hinderen. Het gebruik van witte tekst op een zwarte achtergrond is bijvoorbeeld een vaak genoemd voorbeeld van te veel contrast. Hoewel het misschien in kleine hoeveelheden werkt, wordt het lezen van alinea na alinea vermoeiend omdat je ogen harder moeten werken om de tekst te lezen.

Het produceert ook

halatie , de neiging van witte karakters of tekst om te "gloeien" wanneer ze zich op een zwarte achtergrond bevinden. Hoewel niet noodzakelijk schokkend, kan te weinig contrast je blog ook moeilijk leesbaar maken. Als u bijvoorbeeld subkoppen in uw blog maakt door alleen tekst vet te maken, zorgen de koppen er mogelijk niet zo goed voor dat iemand uw blogbericht overziet. (De meeste mensen scheren.)

In dit voorbeeld voegt het gebruik van een ander lettertype en een andere kleur voldoende contrast toe voor de manier waarop mensen waarschijnlijk omgaan met de inhoud van uw blog.

Houd rekening met de volgende vragen wanneer u besluit hoe elementen moeten contrasteren:

Wat zijn de belangrijkste en op een na belangrijkste acties die u door bloggers wilt laten uitvoeren?

• Contrast toevoegen om de gedeelten van uw blog te markeren waar lezers die acties uitvoeren (zoals het eerder genoemde voorbeeld van de knop Free Instant Access). Hoe kan contrast deze inhoud gemakkelijk toegankelijk maken voor bloggers?

• Soms is het ideaal om tekst met foto's te splitsen. Een voorbeeld van een how-to-post vol met foto's die de stappen tonen, is de meest efficiënte en gemakkelijk te skimmen manier om die informatie te presenteren en de tekst te verbreken. Als uw inhoud meer conceptueel dan visueel is, kan het plaatsen van tekst in subkoppen een betere keuze zijn.