jeg vet at ikke alle er født med design ferdigheter, så jeg er her for å gi deg litt håp og fortelle deg at du fortsatt kan lage en fin ser blogg header selv om du ikke er en designer!!
Første ting først, du trenger noe sted å faktisk lage en header. Hvis Du Har Photoshop, er du på rett spor. Hvis Du ikke har Brukt Photoshop ennå, kan du bruke Noe Som Gimp (Det er som en Gratis Photoshop) eller Canva.
Trinn 1: Sett dine dimensjoner
Når du har valgt ditt valgte redigeringsvåpen, er det på tide å angi dimensjonene til overskriften din. Du vil mest sannsynlig at overskriften din skal strekke bredden på bloggen din. Hvis du ikke vet hva hele bredden på bloggen din er, kan du stikke inn I Maleditoren/Tilpasseren Og se etter header-områdets bredde som skal vises i piksler.
når du oppretter Et Nytt Bilde eller prosjekt i noen av disse programmene (Fil > Ny), bør den spørre deg om dimensjoner. Angi egendefinerte dimensjoner til piksler og angi bredden på bloggen din, etterfulgt av høyden du vil at banneret skal være. Det er ingen tommelfingerregel for en høyde, men jeg vil nok holde den under 350px bare for estetiske formål.
Hvis Det er En Oppløsning eller DPI-innstilling, bør den settes til 72. Alt for nettet skal alltid ha en oppløsning på 72 DPI. Gjør bakgrunnen hvit for å gjøre ting enklere.
Flott! Nå har du et tomt dokument i den nøyaktige størrelsen overskriften din vil være. La oss komme til design…
Trinn 2: Designe bloggen din header
Hvis du er en av dem som ikke har noen kunstnerisk evne, det beste rådet jeg kan gi deg er noe jeg lærte i 3. klasse… K. I. S. S. — Hold Det Enkelt, Dum!
en fin ser header trenger ikke å være full av grafikk og alle dine favoritt ting. Det kan være enkelt og elegant uten noen grafikk i det hele tatt. Fonter er dine nye beste venner.
Noen ting å huske på når du holder det enkelt:
- Begrens skriftbruken, prøv maksimalt to skrifter.
- Titler skal være enkle å lese. Bruk en skrift som er leselig.
- hvis du bruker en fancy skrift for ett element, prøv en enkel skrift for den andre.
- Pass på at alt går riktig opp
- Prøv å legge samme mengde polstring rundt alle kanter
her er noen eksempler på enkle overskrifter:
Denne første overskriften er den enkleste av enkle. Den bruker samme skrift hele og slagord er stilt opp med slutten av «T» i linjen over det, noe som gjør ting fint og berettiget. Padding (hvitt mellomrom) på toppen og bunnen er lik, og det samme gjelder for venstre og høyre side.
dette er en forbedring fra den første overskriften. Se hva en forskjell det gjør hvis du er i stand til å perfekt linje opp slagord med ordet over det? Når ting er i kø, ser designet bare så mye mer enhetlig ut. Jeg fylte den tomme hvite plassen ved siden av slagord med en enkel 1px rett linje for å knytte ting sammen litt bedre.
overskriften ovenfor bruker forskjellige skrifter. For bloggen tittelen, jeg brukte en fancy skrift, noe som betyr at slagord under det bør være noe mye enklere. Jeg tror disse to fonter utfyller hverandre godt fordi de er både serif fonter og litt høye. Finn skrifter som utfyller hverandre hvis du skal bruke flere. Denne tittelen skriften kalles Rosewood hvis du er interessert i å prøve det.
Legg til litt farge! Når du har dine skrifter satt, kan du eksperimentere med litt farge. Igjen, sørg for at fargene du velger utfyller hverandre og også sørge for at teksten skiller seg ut fra bakgrunnen. Så for eksempel, ikke gjør dette:
tittelen er for lett og strekker seg på øynene. Det skiller seg ikke ut som det skal mot den hvite bakgrunnen. Slagord er bare altfor NEON og også stammer øynene når du stirrer på det. Vennligst folk, slutte å bruke neon grønn. I stedet, hvis du vil bruke disse fargene, prøv å toning nyansene litt slik:
det er mye lettere på øynene, ikke sant? Jeg bytter tilbake til noen mer grunnleggende skrifter fordi jeg tror den ovenfor er litt for opptatt for min smak og gir egentlig ikke den rette stemningen på bloggen min. Det er også noe du bør huske på … den generelle følelsen av bloggen din. La oss prøve å slå den ut av parken ved å legge til litt grafisk arbeid:
jeg brukte samme grunnleggende struktur som header #2, bare jeg kastet litt grafisk detalj og sørget for at det ikke forstyrret teksten.
du kan hente litt utklipp fra nettsteder som Etsy eller Creative Market, eller du kan søke på nettet for litt grafikk. Pass på at du har rettighetene til å bruke grafikken… og med det mener jeg ikke bare å ta tak i Ting fra Google Image Search.
tingen å huske på med grafikk er at du ikke vil overvinne teksten. Hele poenget med en header er slik at folk kan bli kjent med navnet på bloggen din. Det er som din egen logo.
hvis du designet en logo for deg selv, ville du ikke kaste inn en hel masse tilfeldige bilder av deg selv og dine eventyr, ville du? Så mens en header kan sette tonen for bloggen din, trenger du ikke å vise alle alle høydepunktene fra bloggen din på en gang. Det er det dine innlegg er for;).
hvis du insisterer på å vise noen bilder i overskriften, må du sørge for at de ikke distraherer fra tittelen og er organisert på en måte som gjør at siden flyter godt.
her er noen eksempler på hva du ikke bør gjøre:
justeringen er overalt og polstringen er av.
Nei. Bare nei. To helt forskjellige fancy skrifter skjøvet sammen ser slik ut. Slagord er vanskelig å lese. Dette kan være søt hvis slagord var mindre, ikke kapitalisert og i en grunnleggende sans serif font.
det er mange skrifter der ute å velge mellom, og hvis du tar dem fra et nettsted Som DaFont, kan du til og med skrive inn bloggnavnet ditt i tekstboksen» skriv inn teksten din her » på kategorisidene for å se nøyaktig hva tittelen din vil se ut.
Trinn 3: Lagre toppteksten
når du er angitt, må du lagre bildet som EN PNG hvis du bestemte deg for en gjennomsiktig bakgrunn. Lagre det som EN JPG ellers. JPG og PNG fungerer begge godt for webbilder.
jeg håper det hjalp deg litt! Bare husk å stole på øynene dine og sørg for at alt er riktig fordelt. Du vil bli overrasket over hvor enkelt å justere ting og velge de riktige skriftene virkelig kan gjøre eller ødelegge en header!
Sist Oppdatert 6. April 2021