Sådan oprettes en Blog Header (der ser godt ud!)

Sådan oprettes en blog header (det ser godt ud!)

jeg ved, at ikke alle er født med designfærdigheder, så jeg er her for at give dig noget håb og fortælle dig, at du stadig kan oprette en flot blogoverskrift, selvom du ikke er designer!!

første ting først skal du have et sted for faktisk at oprette en header. Hvis du har Photoshop, er du på rette spor. Hvis du endnu ikke har brugt Photoshop, kan du bruge noget som Gimp (det er som en gratis Photoshop) eller Canva.

Trin 1: Indstil dine dimensioner

når du har valgt dit valgte editorvåben, er det tid til at indstille dimensionerne på din overskrift. Du vil sandsynligvis have din overskrift til at strække bredden på din blog. Hvis du ikke ved, hvad hele bredden af din blog er, kan du poppe ind i din Skabeloneditor/tilpasning og kigge efter overskriftsområdet bredde, som skal vises i billedpunkter.

når du opretter et nyt billede eller projekt i et af disse programmer (fil > ny), skal det bede dig om dimensioner. Indstil dine brugerdefinerede dimensioner til billedpunkter, og indtast bredden på din blog efterfulgt af den højde, du ønsker, at dit banner skal være. Der er ikke nogen tommelfingerregel for en højde, men jeg ville nok holde den under 350ph bare for æstetiske formål.

hvis der er en opløsning eller DPI-indstilling, skal den indstilles til 72. Alt til internettet skal altid have en opløsning på 72 DPI. Gør baggrunden hvid for at gøre tingene lettere.

fantastisk! Nu har du et tomt dokument i den nøjagtige størrelse, din overskrift vil være. Lad os komme til designet…

Trin 2: design af din blog header

hvis du er en af de mennesker, der ikke har nogen kunstnerisk evne, er det bedste råd, jeg kan give dig, noget, jeg lærte i 3. klasse… K. I. S. S. — hold det simpelt, dumt!

en flot header behøver ikke at være fuld af grafik og alle dine yndlings ting. Det kan være enkelt og elegant uden nogen Grafik overhovedet. Skrifttyper er dine nye bedste venner.

nogle ting at huske, når du holder det enkelt:

  • Begræns din skrifttypebrug, prøv maksimalt to skrifttyper.
  • titler skal være lette at læse. Brug en skrifttype, der er læselig.
  • hvis du bruger en fancy skrifttype til et element, kan du prøve en simpel skrifttype til den anden.
  • sørg for, at alt stemmer ordentligt
  • prøv at efterlade den samme mængde polstring rundt om alle kanter

her er nogle eksempler på enkle overskrifter:

denne første overskrift er den enkleste af enkle. Den bruger den samme skrifttype overalt, og tagline er opstillet med slutningen af “T” i linjen over den, hvilket gør tingene pæne og berettigede. Polstringen (hvidt mellemrum) på toppen og bunden er lige, og det samme gælder for venstre og højre side.

dette er en forbedring fra den første overskrift. Se hvilken forskel det gør, hvis du er i stand til perfekt at lineere tagline med ordet over det? Når tingene er på linje, ser designet bare så meget mere samlet ud. Jeg fyldte det tomme hvide rum ved siden af tagline med en simpel 1pks lige linje for at binde tingene lidt bedre sammen.

overskriften ovenfor bruger forskellige skrifttyper. Til blogtitlen brugte jeg en fancy skrifttype, hvilket betyder, at tagline under det skulle være noget meget mere simpelt. Jeg tror, at disse to skrifttyper supplerer hinanden godt, fordi de begge er serif-skrifttyper og lidt høje. Find skrifttyper, der supplerer hinanden, hvis du skal bruge flere. Denne titel skrifttype kaldes palisander, hvis du er interesseret i at prøve det.

tilføj lidt farve! Når du har indstillet dine skrifttyper, kan du eksperimentere med lidt farve. Igen skal du sørge for, at de farver, du vælger, supplerer hinanden, og sørg også for, at teksten skiller sig ud fra baggrunden. Så for eksempel, gør ikke dette:

titlen er for lys og anstrengende på øjnene. Det skiller sig ikke ud som det skal mod den hvide baggrund. Den tagline er bare alt for NEON og også stammer dine øjne, når stirre på det. Venligst folk, stop med at bruge neon green. I stedet, hvis du vil bruge disse farver, så prøv at toning nuancerne lidt som dette:

det er meget lettere på øjnene, er det ikke? Jeg skifter tilbage til nogle mere grundlæggende skrifttyper, fordi jeg synes, at ovenstående er lidt for travlt til min smag og ikke rigtig giver den rigtige stemning på min blog. Det er også noget, du skal huske på … den generelle følelse af din blog. Lad os prøve at banke den ud af parken ved at tilføje en lille smule grafisk arbejde:

jeg brugte den samme grundlæggende struktur som header #2, Kun jeg kastede lidt grafiske detaljer og sørgede for, at det ikke forstyrrede teksten.

du kan få fat i noget clipart fra sider som Etsy eller Creative Market, eller du kan søge online efter lidt grafik. Sørg for, at du har rettighederne til at bruge grafikken… og med det mener jeg ikke bare at gribe ting ud af Google Billedsøgning.

de ting at huske på med grafik er, at du ikke ønsker at overmande teksten. Hele pointen med en header er, så folk kan blive fortrolige med navnet på din blog. Det er ligesom dit eget logo.

hvis du designede et logo til dig selv, ville du ikke smide en hel masse tilfældige fotos af dig selv og dine eventyr, ville du? Så mens en header kan sætte tonen for din blog, behøver du ikke at vise alle højdepunkterne fra din blog på en gang. Det er hvad dine indlæg er til;).

hvis du insisterer på at fremvise et par fotos i din overskrift, skal du sørge for, at de ikke distraherer fra titlen og er organiseret på en måde, der får siden til at flyde godt.

her er nogle eksempler på, hvad man ikke skal gøre:

begrundelsen er overalt, og polstring er slukket.

nr. Bare nej. To helt forskellige smarte skrifttyper skubbet sammen ser sådan ud. Tagline er svært at læse. Dette kan være sødt, hvis tagline var mindre, ikke aktiveret og i en grundlæggende sans serif-skrifttype.

der er masser af skrifttyper derude at vælge imellem, og hvis du griber dem fra et sted som DaFont, kan du endda skrive dit blognavn i tekstfeltet “skriv din tekst her” på kategorisiderne for at se nøjagtigt, hvordan din titel ville se ud.

Trin 3: Gem din overskrift

når du er indstillet, skal du gemme billedet som en PNG, hvis du besluttede dig for en gennemsigtig baggrund. Gem det som en JPG ellers. JPG og PNG fungerer begge godt til internetbilleder.

jeg håber det hjalp dig lidt! Bare husk at stole på dine øjne og sørg for, at alt er korrekt fordelt. Du vil blive overrasket over, hvordan simpelthen at tilpasse ting og vælge de rigtige skrifttyper virkelig kan skabe eller bryde en overskrift!

sidst opdateret den 6. April 2021

Leave a Reply

Skriv et svar

Din e-mailadresse vil ikke blive publiceret.