Hjem Personlig finansiering Skape kontrast i blogdesign - dummies

Skape kontrast i blogdesign - dummies

Innholdsfortegnelse:

Video: KONTRAST Kunstfilm av Aleksander Refvem 2024

Video: KONTRAST Kunstfilm av Aleksander Refvem 2024
Anonim

Kontrast i bloggdesign oppstår når to eller flere elementer er forskjellige fra hverandre. Jo større forskjell mellom elementene, jo større er kontrasten. Din bloggdesign kan ha nytte av kontrast på noen måter:

  • Kontrast kan gi visuell interesse. Dine øyne er trukket mot kontrasterende ting, som en blek måne mot en svart himmel eller en høy bygning omgitt av andre en brøkdel av sin størrelse. I blogdesign kan kontrast holde en blogg behagelig å se på i stedet for å være tørt og uinteressant.

  • Kontrast kan gjøre et element hoppe fra siden og oppfordre leseren til å gjøre noe. Hvis du vil markere en knapp som kobler til din nye e-bok, kan du bruke kontrast slik at knappen skiller seg ut mens den fortsatt passer inn i den generelle designen.

    Pat Flynns blogg Smart Passive Income bruker lyse grønne bokser med en mørkegrønn grense for å gjøre viktige områder av hans bloggdesign skiller seg ut. "Vet ikke hvor du skal begynne? "Og eBok Guide bokser kontrast med svart video og e-bok bilde for å gjøre disse elementene pop av siden og drive interesse for sin blogg.

    Kreditt: © Smart Passiv Inntekt
  • Kontrast gjør tekst lett å lese. Har du noen gang vært i en blogg der du ikke kunne lese et faktisk blogginnlegg fordi bakgrunnsfargen og tekstfargen var for lik? Kontrast må eksistere for blogginnlegglesbarhet for å lokke besøkende til å faktisk forbli og lese innleggene dine.

    En hvit bakgrunn med svart eller mørkegrå tekst er alltid et trygt valg for hovedområder av innhold som et blogginnlegg.

Utforsk metoder for å skape kontrast

Du kan bruke kontrast til bloggen din på noen måter. Her er noen vanlige:

  • Farge: Sannsynligvis er den vanligste måten å bruke kontrast på gjennom fargen. Du kan bruke kontrasterende farger i samme nyanse (for eksempel svart med lysegrå) eller to farger på motsatte ender av fargeskiven (oransje og blå). Du kan til og med bruke en enkelt farge for å få et bestemt bloggelement til å skille seg ut, for eksempel hvordan den røde Gratis Instant Access-knappen står ut mot en lysegrønn bakgrunn.

  • Skrifter: Bruk av to forskjellige skrifter som utfyller hverandre, kan også skape kontrast i teksten. For eksempel gir sammenkobling av en skriptfont med en sans-serif-skrift visuell interesse.

    Du kan også bruke kontrast med samme skrift ved å bruke fet og kursiv. Bare bruk enten i moderasjon. Unngå å understreke tekst fordi de fleste online-besøkende antar at et understreket ord er en hyperkobling.

  • Størrelse: Å ha to eller flere designelementer i forskjellige størrelser skaper også kontrast.For eksempel bruker de fleste bloggdesigner en bloggposttittel som er større enn underposisjonene i innleggets innhold.

  • Bilder i blogginnholdet ditt: Legg til bilder i blogginnholdet ditt gir kontrast ved å bryte opp store tekster av tekst og tegne leseren lenger inn i bloggen din.

Når du forstår disse måtene å bruke kontrast, kan du begynne å kombinere dem for å legge til enda større kontrast, for eksempel å bruke to forskjellige skrifter med to forskjellige farger.

Bruk riktig mengde kontrast

Kontrast i bloggdesign kan være vanskelig. Mer kontrast er ikke alltid like bedre kontrast. Og noen ganger vil du kanskje ikke bruke nok kontrast av frykt for å ta det for langt.

For mye kontrast kan skade leseren eller hindre bloggens lesbarhet. For eksempel er bruk av hvit tekst på en svart bakgrunn et ofte sitert eksempel på for mye kontrast. Selv om det kan fungere i små doser, leser avsnittet etter at avsnittet blir slitsomt fordi øynene dine må jobbe hardere for å lese teksten.

Det produserer også halogenering , tendensen til hvite tegn eller tekst for å "glø" når den er på svart bakgrunn.

Selv om det ikke nødvendigvis knuses, kan for liten kontrast også gjøre bloggen din vanskelig å lese. Hvis du for eksempel oppretter underoverskrifter i blogginnlegget ditt med bare fet skrift, kan det hende at undertekstene ikke skiller seg ut nok for noen å skumre blogginnlegget ditt. (De fleste skummer.)

I dette eksemplet bruker en annen skrift og en annen farge nok kontrast til måten folk vil sannsynligvis samhandle med blogginnholdet ditt.

Når du bestemmer hvordan elementer skal kontrast, må du huske på følgende spørsmål:

  • Hva er de viktigste og nest viktigste handlingene du vil at blogg besøkende skal ta? Legg til kontrast for å markere områdene i bloggen din der leserne vil ta disse handlingene (for eksempel Free Instant Access-knappeksemplet nevnt tidligere).

  • Hvordan kan kontrast gjøre dette innholdet lett tilgjengelig for blogg besøkende? Noen ganger kan det være ideelt å bryte opp tekst med bilder. For eksempel, en måte å legge inn fullt av bilder som viser trinnene, er den mest effektive og enkle måten å presentere den informasjonen på, og bryte opp teksten. Hvis innholdet ditt er mer konseptuelt enn visuelt, kan det være et bedre valg å bryte tekst i underoverskrifter som vist.

Skape kontrast i blogdesign - dummies

Redaktørens valg

Vanlige AutoCAD-plottingsproblemer og løsninger - dummies

Vanlige AutoCAD-plottingsproblemer og løsninger - dummies

Uansett hvor mange ganger du studerer AutoCAD-dokumentasjonen, kjører du av og til inn i plotting problemer. Du er spesielt sannsynlig å støte på problemer når du prøver å plotte andres tegninger, fordi du ikke alltid vet hvilke plottingskonvensjoner de hadde i tankene. En plottingskonvensjon er ikke et sted hvor spioner møtes; Det er en standardisert tilnærming til ...

Lag en tilpasset profil for AutoCAD 2014 - dummies

Lag en tilpasset profil for AutoCAD 2014 - dummies

En profil er en samling av flere hundre av de interne innstillingene innenfor AutoCAD som du kan endre. Det inkluderer ting som bakgrunnsfargen, der AutoCAD ser etter tilpassede menyfiler, hvordan den høyre museknappen oppfører seg, og så videre. Det er omtrent 80 innstillinger som styrer utseendet og formatet av dimensjoner ...

Redaktørens valg

Digital makro og nærbilde fotografi for dummier Cheat Sheet - dummies

Digital makro og nærbilde fotografi for dummier Cheat Sheet - dummies

Digital makro og lukke -fotografering gir nye muligheter til dine digitale bilder. Hvor en gang du så landskap og portretter, kan du nå slå kameraet til den lille buggen som kryper langs jorden eller mulden på motivets nakke. Du ender med intime bilder som viser verden på nytt. Men du må ...

Legg vekt på Form og Form i Makrofotografi - Dummies

Legg vekt på Form og Form i Makrofotografi - Dummies

Etter at du har analysert omgivelsene dine og tatt hensyn til designelementene I nærbildefotografiet står du overfor utfordringen med å komponere et bilde på en måte som understreker elementene du føler er viktigst for meldingen. Gjennom belysning og sammensetning kan du fortelle seerne mye om et emne, slik som ...

Forbedre komposisjon og estetikk i makrofotografiet - dummies

Forbedre komposisjon og estetikk i makrofotografiet - dummies

I makro og nærbildefotografi, motivet ditt er ofte veldig åpenbart, siden kameraet er så nært og det er ofte representert i stor grad i rammen. Likevel kan du forbedre sin tilstedeværelse og lede seerne til de spesifikke detaljene du finner interessant eller relevant for meldingen, ved å utføre noen grunnleggende fotoredigeringsteknikker. ...

Redaktørens valg

Grunnleggende om ColorZillas Color Picker for CSS3 - Dummies

Grunnleggende om ColorZillas Color Picker for CSS3 - Dummies

Det første elementet på ColorZilla-menyen for CSS3 er fargeplukkeren. Når du velger dette alternativet, ser du en dialogboks der du kan arbeide gjennom fargevalg på flere forskjellige måter. I mange henseender ser den opprinnelige visningen av Color Picker ut som alle andre farger som du har brukt ...

Bakgrunn Egenskaper for Cascading Style Sheets (CSS) - dummies

Bakgrunn Egenskaper for Cascading Style Sheets (CSS) - dummies

Med kaskad stilark CSS), kan du bruke bakgrunnsegenskaper til en rekke forskjellige objekter på en nettside, inkludert hele siden, et bestemt lag, et bord, en tabellcelle og jevn tekst. bakgrunnsfarge: En bakgrunnsfarge kan brukes på de fleste objekter på en side, inkludert tekst, tabeller, tabellceller, lag og ...

Grunnleggende HTML5-metadatatiketter - dummies

Grunnleggende HTML5-metadatatiketter - dummies

I tillegg til sidestrukturelementer som overskrifter, bunntekst, artikler, og i tillegg er andre HTML5-tagger tilgjengelige for å forbedre SEO, men spiller en litt annen rolle. Disse HTML5-kodene, for eksempel adresse eller dato, opererer i en mer smal sfære, omslutt og identifiserer innholdstyper innenfor en annen tagg. Slik tilordner du figurer og bildetekster ...