tiedän, että kaikki eivät synny suunnittelutaidoilla, joten olen täällä antamassa sinulle hieman toivoa ja kertomassa, että voit silti luoda kivan näköisen blogin otsikon, vaikka et olisikaan suunnittelija!!
First things first, you ’ ll need some place to actually create a header. Jos sinulla on Photoshop, olet oikealla tiellä. Jos et ole vielä käyttänyt Photoshopia, voit käyttää jotain gimpiä (se on kuin Ilmainen Photoshop) tai Canvaa.
Vaihe 1: Aseta mitat
kun olet valinnut editoriaseesi, on aika asettaa otsikkosi mitat. Todennäköisesti haluat otsikkosi venyttää blogisi leveyttä. Jos et tiedä, mitä koko leveys blogisi on, voit pop malli Editor/Customizer ja etsiä otsikon alueen leveys, joka pitäisi näkyä pikseleinä.
kun luot uuden levykuvan tai projektin johonkin näistä ohjelmista (tiedosto > Uusi), sen pitäisi kysyä sinulta ulottuvuuksia. Aseta omat mittasi pikseleiksi ja syötä blogisi leveys, jonka jälkeen haluamasi bannerin korkeus. Ei ole mitään nyrkkisääntöä pituudelle, mutta luultavasti pitäisin sen alle 350px vain esteettisiin tarkoituksiin.
jos on olemassa resoluutio-tai DPI-asetus, se tulee asettaa arvoon 72. Kaiken web pitäisi aina olla resoluutio 72 DPI. Tee Tausta valkoiseksi, jotta asiat helpottuvat.
hienoa! Nyt sinulla on tyhjä asiakirja tarkka koko otsikkosi on. Let ’s get to the design …
Step 2: Designing your blog header
If you’ re one of those people who have no artistic ability, the best advice I can give you is something I learned in 3rd grade… K. I. S. S.-Keep It Simple, Stupid!
kivan näköisen otsikon ei tarvitse olla täynnä grafiikkaa ja kaikkia suosikkiasioita. Se voi olla yksinkertainen ja tyylikäs ilman grafiikkaa ollenkaan. Fontit ovat uusia parhaita ystäviäsi.
joitakin asioita, jotka kannattaa muistaa, kun pitää yksinkertaisena:
- Rajoita fontin käyttöä, kokeile enintään kahta fonttia.
- nimikkeiden tulisi olla helppolukuisia. Käytä fonttia, joka on luettavissa.
- jos käytät hienoa kirjasinta yhdelle elementille, kokeile yksinkertaista kirjasinta toiselle.
- varmista, että kaikki asettuu oikein
- yritä jättää sama määrä pehmustetta kaikkien reunojen ympärille
tässä muutamia esimerkkejä yksinkertaisista otsikoista:
tämä ensimmäinen otsikko on yksinkertaisin yksinkertainen. Se käyttää samaa fonttia kaikkialla ja tagline on rivissä loppuun ”T” sen yläpuolella, joten asiat mukavaa ja perusteltua. Toppaus (valkoinen tila) ylä-ja alaosassa on yhtä suuri, ja sama pätee vasemmalle ja oikealle puolelle.
tämä on parannus ensimmäisestä otsikosta. Katso, mitä eroa se tekee, jos pystyt täydellisesti riviin tagline sanan yläpuolella? Kun asiat ovat linjassa, muotoilu vain näyttää niin paljon yhtenäisemmältä. Täytin tyhjän valkoisen tilan taglinen vieressä yksinkertaisella 1px suoralla viivalla sitomaan asioita yhteen hieman paremmin.
yllä olevassa otsikossa käytetään erilaisia fontteja. Blogin otsikossa käytin hienoa fonttia, mikä tarkoittaa, että sen alla olevan mainoslauseen pitäisi olla jotain paljon yksinkertaisempaa. Mielestäni nämä kaksi fonttia täydentävät hyvin toisiaan, koska ne ovat molemmat serif-fontteja ja hieman korkeita. Etsi fontteja, jotka täydentävät toisiaan, jos aiot käyttää useita. Tämä otsikko fontti on nimeltään Rosewood jos olet kiinnostunut kokeilemaan sitä.
lisää vähän väriä! Kun fontit on asetettu, voit kokeilla hieman väriä. Varmista jälleen, että valitsemasi värit täydentävät toisiaan ja varmista myös, että teksti erottuu taustasta. Joten esimerkiksi, älä tee tätä:
otsikko on liian kevyt ja silmiä rasittava. Se ei erotu kuten pitäisi valkoista taustaa vasten. Tagline on aivan liian NEON ja myös rasittaa silmäsi, kun tuijottaa sitä. Älkää käyttäkö neonvihreää. Sen sijaan, jos haluat käyttää näitä värejä kokeile sävyttää sävyjä alas hieman näin:
sehän on paljon helpompaa silmille,eikö? Olen siirtymässä takaisin joitakin perus fontteja, koska mielestäni edellä on hieman liian kiireinen minun makuuni ja ei todellakaan anna oikea fiilis blogini. Se on myös jotain kannattaa pitää mielessä … yleistä tuntuu blogiisi. Yritetään lyödä se ulos puistosta lisäämällä hieman graafista työtä.:
käytin samaa perusrakennetta kuin otsikko #2, vain heitin hieman graafista yksityiskohtaa ja varmistin, että se ei häiritse tekstiä.
voit napata klipartia sivustoilta kuten Etsy tai Creative Market tai voit hakea netistä pientä grafiikkaa. Varmista, että sinulla on oikeudet käyttää grafiikkaa… ja että tarkoitan, älä vain mennä kahmimaan tavaraa pois Googlen kuvahaku.
grafiikassa kannattaa pitää mielessä se, että tekstiä ei kannata nujertaa. Koko otsikon tarkoitus on, että ihmiset voivat tutustua blogisi nimeen. Se on kuin oma logo.
jos suunnittelisit logoa itsellesi, ethän heittäisi mukaan koko joukkoa satunnaisia kuvia itsestäsi ja seikkailuistasi? Joten vaikka otsikko voi asettaa sävyn blogiisi, sinun ei tarvitse näyttää kaikille kaikki kohokohdat blogistasi kerralla. Sitä varten viestisi ovat;).
jos haluat välttämättä esitellä muutaman kuvan otsikossasi, varmista, etteivät ne häiritse otsikkoa ja että ne on järjestetty siten, että sivu virtaa hyvin.
Tässä muutamia esimerkkejä siitä, mitä ei kannata tehdä:
perustelu on kaikkialla ja pehmuste on pois päältä.
Ei. Vain ei. Kaksi täysin erilaista fancy fonttia työnnetään yhteen näyttää tältä. Iskulause on karua luettavaa. Tämä voisi olla söpö, jos tagline oli pienempi, ei isolla ja perus sans serif fontti.
tarjolla on runsaasti fontteja, joista valita, ja jos nappaat ne dafontin kaltaiselta sivustolta, voit jopa kirjoittaa blogisi nimen luokkasivujen ”Kirjoita tekstisi tähän” – tekstikenttään nähdäksesi tarkalleen, miltä otsikosi näyttäisi.
Vaihe 3: Tallenna otsikkosi
kun olet asetettu, sinun on tallennettava kuva PNG: nä, jos olet päättänyt käyttää läpinäkyvää taustaa. Tallenna se JPG muuten. JPG ja PNG toimivat molemmat hyvin web-kuville.
toivottavasti se auttoi vähän! Muista vain luottaa silmiisi ja varmistaa, että kaikki on oikein. Olisit yllättynyt siitä, miten yksinkertaisesti kohdistamalla asioita ja valitsemalla oikeat fontit voi todella tehdä tai rikkoa otsikon!
Päivitetty viimeksi 6. huhtikuuta 2021