on olemassa kolmenlaisia otsikoita, joita yleensä näen käytettävän vanhoissa Internet — otsikoissa-navigaatio-otsakkeet, täydelliset valokuva-otsakkeet ja tervetuliaismatto-otsakkeet. Jos olet kiinnostunut siitä, miten tehdä blogin otsikko, sinun täytyy tietää etuja ja haittoja kunkin tyypin ennen kuin saamme alas nitty karu luomisen.
Suunnistusotsakkeet
Suunnistusotsakkeet eivät ole valokuvapohjaisia. Esimerkiksi, aivan yläreunassa minun verkkosivuilla, minulla on logo, sekä linkkejä tärkeille sivuille tai kirjautumislomakkeet. Katsoa.
tällaiset Navigointiotsikot ovat ihanteellisia, jos olet minimalismin fani ja haluat saada ihmiset todella keskittymään kirjoittamiseesi kuvien häiritsemättä.
se on myös hyvä reitti kulkea, jos olet uusi, et ole tajunnut brändiäsi, tai sinun tarvitsee vain päästä vauhtiin verkossa.
asettelua ei ole asetettu kiveen-suunnistusotsakkeita voidaan esittää monin tavoin. Olet luultavasti nähnyt joitakin jossa logo on keskellä tekstilinkkejä, tai se voi vain olla logo ilman linkkejä (tai päinvastoin).
tämä otsikko elää usein sopusoinnussa muiden blogin otsikoiden kanssa (sivustollani on itse asiassa toinen otsikko sen alla), kuten täydelliset kuvaotsikot ja tervetuliaismatot.
Kuvaotsikot
kuvaotsaketyyli on hyvin katseenvangitsija ja vetää todella puoleensa. Jos haluat kuvan otsikon blogiisi, mieti, mikä aihe tulee olemaan. Onko se valokuva ihmisestä? Kuten sinä, sinä ja perheesi, tai jokin ihanneasiakkaasi edustus? Vai onko se valokuva, jossa on jonkinlainen maisema, kuvio, sarjakuva/ikonit tai jopa video?
Katso tästä esimerkki AlexTooby.com. Alex käyttää kuvaa itsestään sekä hieman Tervetuloa matto idea vahva call-to-action ilmoittautua hänen kurssi.
kuva toimii, sekä tulokkaille että palaaville kävijöille. Miksi? Koska hän käyttää pari hienovaraista visuaalisia elementtejä (lisää näistä myöhemmin), jotka palvelevat vahvistamaan vahvuus tämän otsikon. Hän pitää puhelintaan esillä, Instagram-liittymän pilkatessa sitä ja katsoo kohti tekstiä, jonka haluaa sinun lukevan. Silmäsi on luonnollisesti piirretty hänen kasvonsa, sitten yli sanat, sitten alas kirkkaan vaaleanpunainen painiketta klikkaamalla. Tämä olisi vähemmän tehokasta, jos hän katselisi pois vasemmalla puolella näytön.
Pro-Kärki: Ottaa joku päin ” in ” kohti kopio tai painike on ninja suunnittelu temppu voit käyttää, liian.
kuvien otsakkeet voivat luoda tunnelmaa ja auttaa lukijoita tarttumaan toimeen. Koska valokuvien otsikot ovat suuria, ne estävät muita häiriötekijöitä sivulla ja auttavat lukijoita keskittymään juuri siihen, mitä haluat heidän tekevän (kuten Alexin ”Aloita ilmainen kurssi” – painike).
Tervetuliaismattojen otsikot
tyypillinen internetissä näkyvä ”tervetuliaismatto” on koko näytön valtaus, ja siihen on olemassa työkaluja.
tai jos et halua ottaa koko sivuasi haltuun, voit myös asettaa osan toimimaan tervetuliaismattona tai rekisteröitymislomakkeena jollekin tarjoamallesi ilmaiselle. Etkö ole varma, miltä se näyttäisi? Katso alla oleva kuva sivuiltani. Tarjoan ilmaisen e-kurssin, jonka haluan kaikkien kävijöiden näkevän ensin, jotta voin rakentaa sähköpostilistani oikean yleisön kanssa tulevia sähköposteja ja tarjouksia varten. Blogini merkinnät näkyvät tämän alla, joten kävijät voivat vain vierittää alas nähdä minun uusimmat viestit.
nyt kun olet nähnyt kolme erilaista tyyliä, on aika puhua blogiotsikon luomisesta verkkosivuillesi.
miten tehdä blogin otsikko, joka näyttää brändätyltä
tiedän, että termi ”brändätty” kuulostaa viralliselta ja uhkaavalta, mutta älä pelkää! Se on oikeastaan aika helppoa, jos keskittyy vain pariin keskeiseen asiaan. Nimittäin värit (usein löytyy logo) ja fontit.
pro kärki: Kokoa itsellesi brändiopas kansioon, jotta voit seurata näitä tietoja (yhdessä logosi kanssa) helposti milloin tahansa.
vaikka et tekisi mitään hienoa painettua ohjetta, voit merkitä nämä tiedot muistilapulle ja pitää ne monitorissa. Se säästää paljon aikaa pitkällä aikavälillä! Nyt, Let ’ s break down some design elements.
valitse värisi
sinulla saattaa olla muutama valitsemasi väri brändillesi, mutta hyvä paikka aloittaa on logosi. Logon väri(t) ovat hyvä käyttää koko sivuston, brändäys ja blogin otsikko. Johdonmukaisuus on avain-jos sinulla on kuuma vaaleanpunainen, niin ehkä valokuvat on yksi osa vaaleanpunainen niitä tai yleistä vaaleanpunainen valettu, tai ehkä käytät mustavalkoista ja vedä väri muilla tavoin.
YouBabyMeMummy.com tekee tämän kauniisti lisäämällä upea, kokovärinen versio hänen logonsa päälle peittona mustavalkoinen kuva itsestään tyttärensä kanssa. Tämä kuvaotsikko todella vetää sinut hänen tarinaansa rohkealla ja mukaansatempaavalla tavalla. Klikkaa hänen sivustoaan, jos haluat nähdä lisää esimerkkejä upeista, koko näytön kuvista.
ja jos vielä yrität selvittää, mitä värejä brändissäsi käyttäisit, tämä väripsykologiaa käsittelevä artikkeli on hyvin paljastava!
valitse fontti
, jossa on tyylikäs tai merkkifontti suoraan otsikkoon, voi olla todella relevantti ja nopea tapa saada viestisi perille. Kuten tässä hyvin ainutlaatuinen ja silmäänpistävä kuva Luci yli ByLucinda.co.uk.
tämä merimaisema sopii hyvin hänen brändiinsä, joka sisältää paljon luonnollisia elementtejä, ja esittelee hänen eleganttia, mutta nenäkästä tunnelmaansa. Ei kertaa Uusi roomalainen tälle neidille! Hänellä on myös näppärä tapa näyttää sosiaalisen median linkkinsä oikealla puolella vaaleanvihreässä suorakulmaisessa nauhassa. Se yhdistää yläosan navigoinnin suureen rohkeaan valokuvaan ja auttaa vetämään katseen alas sivua tarkoituksellisesti.
löydät netistä todella hauskoja, ilmaisia fontteja esimerkiksi fontti orava ja Dafont. Monet näistä ilmaisista fonteista on rakennettu suoraan ohjelmiin, kuten Canva ja PicMonkey. Kuitenkin, koska ne ovat ilmaisia, on suurempi mahdollisuus, että joku muu (kilpailija jopa) voisi käyttää yksi haluat.
jos haluat käyttää hienompia fontteja verkkosivustosi rungossa tai otsikoissa (eli ei Kuvassa), kannattaa käyttää aikaa Googlen fonttien opetteluun. Ja ohjeita siitä, mitä fontteja käyttää web design, tutustu nämä kolme käskyä.
Sisällytä visuaalisia elementtejä
kun kirjoitat brändättyä blogin otsikkoa, kannattaa miettiä, mitä visuaalisia elementtejä haluat sisällyttää. Olemme tarkastelleet esimerkkejä logon, valokuvan ja Ison clear-painikkeen avulla.
jen alk. ToastMeetsJam.com tekee juuri niin. Hän ei vain pudota taulukossa kuin sinulla olisi tylsää taulukkolaskenta – hän käytti taiteellisia raja-ja suuria fontteja yhdessä hänen muoto kentät ja Pyöreä ” GO ” – painiketta.
Katso miten hän saumattomasti liittää sähköpostinsa suunnitteluun? Ei vain hän sitouttaa sinut kuva itsestään näköinen animoitu ja ystävällinen, mutta hän on myös hyödyntämällä puhdas, harmaa tausta pitää sinut keskittynyt tekstin ja muodon. Ei häiritseviä kuvioita tai mielikuvia, jotka houkuttelisivat sinua pois tärkeimmästä tehtävästä, lomakkeen täyttämisestä ja eteenpäin menemisestä. Se ei voisi olla selvempää, mitä sinun täytyy tehdä saada hänet ilmaiseksi, viiden päivän kurssi.
Get ready to design
you ’ ve seen some examples of great blog headers, but what do you next? Päästä vauhtiin oman blogin otsikko, sinun täytyy kerätä joitakin suunnittelutyökaluja ja kuvan koko TIEDOT.
suunnittelutyökalut
välttämättömät suunnittelutyökalut oman mukautetun blogin otsakkeen tekemiseen eivät tarvitse olla vaikeita käyttää tai kalliita. Kokeile muutamia ulos ja katso, mitä olet mukava, sitten mennä sitä! Älä huoli, jos ne tuntuvat kiusallisilta aluksi-saat paremmin enemmän käytät niitä. Seuraavassa on muutamia voit alkaa tutkia, jotta helpoimmasta vaikeimpaan.
Canva. Tämä on luultavasti markkinoiden helpoin, ja se on ilmainen! On maksullinen versio nimeltään Canva töihin, jos haluat sukeltaa syvemmälle, mutta ilmainen versio on todella hauska ja helppo oppia. Se on web-pohjainen suunnittelutyökalu, joten voit vain kirjautua verkkosivuilla ja käyttää sitä suoraan selaimessasi.
PicMonkey. Jos olet todella kiinnostunut valokuvien muokkaamisesta ja filttereillä leikkimisestä, PicMonkey on kokeilemisen arvoinen. On monia hauskoja vaikutuksia rakennettu. Canvan tavoin PicMonkey on verkkopohjainen ja siitä on ilmainen versio sekä maksullinen lisäominaisuuksilla varustettu versio.
Photoshop. Et voi mainita suunnitteluohjelmistoa etkä ottaa Photoshopia puheeksi! Se on voimanpesä ohjelman ja voi tehdä paljon enemmän kuin vain tehdä blogin otsikko, mutta se on ehdottomasti suuri, että. Se on sovellus lataat, ja maksat kuukausittain tilaus (ilmainen kokeiluversio on myös saatavilla).
ammattisuunnittelijana olen käyttänyt Photoshopia koko urani ajan ja rakastan sitä. Useimmat lukijani ajattelevat Photoshop on pelottava aluksi, mutta se on täysin doable kun opit muutamia perusasioita. Täytyy kuitenkin sanoa, että Canvan löytämisen jälkeen käytän usein Photoshopin ja Canvan yhdistelmää grafiikkani tekemiseen. Canva on niin hauska!
ammattilaisen Vinkki: Jos poimii Kuvaussuunnitelman Adobelta, saa Photoshop + Lightroomin melko halvalla kuukausihintaan. Ei hassumpaa.
WordSwag. Jos pidät grafiikan tekemisestä puhelimellasi, tämä on sinua varten. Tämä mobiilisovellus ei ole ilmainen, mutta on vain muutaman dollarin ja on iOS ja Android-versio. Plus, se on koukussa jopa ilmainen creative commons stock photo site, joten et ole koskaan tappiolla kuvan valintoja blogisi otsikko. Se on kaikenlaisia värejä, kuvioita ja fontteja valita. Kaikki mitä sinun tarvitsee tehdä, on tallentaa lopullinen graafinen ”pilvi” tai kytkeä se tietokoneeseen, jotta voit ladata sen sivustoosi.
kuvakoot
kun luot blogisi otsikkoa, sinun täytyy harkita kuvan kokoa suhteessa sivustoalustaasi. Koko WordPress teema voi olla erilainen kuin seuraavan henkilön Squarespace sivun tai GoDaddy GoCentral verkkosivuilla rakentaja. Tässä muutamia asioita, jotka kannattaa pitää mielessä:
pikselin mitat. Koot luetellaan yleensä jonkin numeron levyisinä jonkin numeron mittaisina ja pikselin mittaisina. Esimerkiksi: 1000×400 (tai 1000px x 400px) tarkoittaa, että kuvasi on 1000 pikseliä leveä ja 400 pikseliä pitkä.
resoluutio. Internet, resoluutio on helppo-se on aina 72! Korkeammat resoluutiot, kuten 300, 600 tai enemmän, ovat tulostusta varten. Näyttötarkkuudet monitoreille ovat aina vain 72. Joten käyttämällä esimerkkimittoja ylhäältä, lopullinen kuva olisi 1000px leveä 400px pitkä, 72 dpi (tai ppi).
Tiedostotyyppi. PNG-tiedostot eivät koskaan menetä laatua riippumatta siitä, kuinka monta kertaa tallennat ne, mutta ovat suurempia MB (megatavu) – koossa. JPG (jpeg) – tiedostot voidaan tallentaa eri laatutasoille, joten voit pitää tiedoston koon (MB) pienenä, mutta joka kerta, kun tallennat ne, ne menettävät hieman laatua. A.jpg-tiedosto, joka on tallennettu kaksi kertaa näyttää hyvältä, mutta kun olet tallentanut sen viisi tai 10 kertaa, se alkaa näyttää pixelated ja rakeinen.
optimointi tarkoittaa niiden tallentamista kompaktimmiksi pienemmässä tiedostokoossa, mutta huolellisesti, jotta laatu ei heikkene. Voit tehdä tämän helposti käyttämällä ilmainen sivusto nimeltä TinyPNG. Katso söpö panda pakata kuvia tavalla, joka pitää ne etsivät fabulous mutta säästää megatavua!
Kuinka tehdä blogin otsikko Canvassa
-
Rekisteröidy tili.
-
Käytä omia mittoja.
-
valitse ilmainen kuva.
-
Lisää oma teksti.
-
muokkaa suunnittelua.
-
Lisää logo.
-
Lataa blogisi otsikko.
nyt hauska osuus! Katsotaanpa kaivaa tehdä mukautetun blogin otsikko tyhjästä käyttäen Canva. Käytän resursseja, jotka ovat saatavilla ilmaiseksi, joten voit täysin tehdä tämän yksin kanssani. Rekisteröidy ilmainen tili ja olet valmis menemään.
tässä blogin otsikko, jonka teemme:
1. Rekisteröidy tili.
kun kirjaudut Canvan käyttäjätilille, pääset luo suunnittelusivulle, jossa haluat klikata Use custom dimensions-painiketta oikeassa yläkulmassa.
Käytä omia mittoja.
täytä haluamasi leveys ja korkeus näkyviin kenttiin ja valitse pikseleille ”px”. Sen jälkeen, klikkaa suunnittelu! painike.
tuore projekti ilmestyy tyhjällä näytöllä ja vasemmalla olevalla välilehdellä. Huomaa, että projektin nimeä ei ole määritetty, joten se nimeää itsensä ”1000px x 400px — nimetön Design” Jaa-painikkeen vieressä olevassa yläosassa.
valitse ilmainen kuva.
klikkaa elementtejä ja valitse ilmainen kuva tarjotuista. Kaikki vapaat sanovat ”vapaa” alakulmassa. Voit myös ladata oman valokuvan, mutta opetusohjelma me työskentelemme yksi näistä ilmaisia kuvia.
kun napsautat kuvaa, se näkyy heti projektisi suunnittelualueella. Nimetään projekti samalla uudelleen. Napsauta väliaikaista nimeä Jaa-painikkeen vieressä ja kirjoita uusi nimi. Kutsun tätä matkapäiväkirjaksi matkablogiani varten.
kun kuva on istumassa suunnittelualueella, sitä voi tehdä suuremmaksi vetämällä ympyröitä kulmissa. Muuta kuvan kokoa dokumenttiin sopivaksi.
Lisää mukautettu teksti.
hienoa! Nyt tarvitaan tekstiä. Napsauta Teksti-välilehteä vasemmassa sarakkeessa, ja näet joitakin vaihtoehtoja valita. Voit napsauttaa valmiiksi suunniteltuja tekstijärjestelyjä ikkunan alaosassa tai yksittäisillä tekstiriveillä yläosassa. Mene eteenpäin ja klikkaa Lisää otsikko. Tämä teksti näkyy kuvassa oletusarvoisesti mustana.
nyt hauskanpitoon! Valitaan eri fontti. Selaa fonttivalintoja ja valitse mitä tahansa, mikä sopii sinulle. Valitsin siveltimellisen. Kuvan päällä on vaikea nähdä mustaa, joten vaihdetaan se valkoiseen. Klikkaa värikästä laatikkoa yläosassa esiin värivalintoja, ja valitse valkoinen neliö. Säädin myös koon 104: ään.
vedä seuraava, että menossa paikalleen kuvan niin se on keskitetympi.
muokkaa designiasi.
on hieman vaikea lukea ja keskittyä tekstiin tällä kiireisellä taustalla, joten lisätään sumennusefekti. Napsauta taustakuvaa valitaksesi sen, valitse sitten suodatin ja napsauta Lisäasetukset.
suodatinikkuna laajenee näyttämään sinulle joitakin muita asioita, joita voit tehdä. Voit pelata kylläisyyttä, väri sävytys, lisätä vinjetti, ja enemmän.
Napsauta Sumennusosion mustaa pistettä ja vedä se oikealle. Valitsin blurring-asteikolla +22.
Lisää logo.
klikkaa nyt tuosta ikkunasta nähdäksesi suunnitelmasi. Hyvältä näyttää! Nyt brändätään se lisäämällä logo. Voit ladata logosi klikkaamalla Uploads-välilehteä vasemmalla, ja sitten big green Upload your own images-painiketta.
valitse läpinäkyvä .png-versio logostasi, joten sitä ei litistetä yksiväriseksi (ellei logotyylisi ole valkoisen suorakulmion sisällä tai jotain vastaavaa).
kun se on ladattu, näet sen vihreän painikkeen alapuolella olevalla alueella. Se pysyy siellä voit käyttää tulevissa projekteissa. Kätevää! Olin jo ladannut väärennetyn logoni, joten rullasin alas löytääkseni sen.
klikkaa logoa, niin se näkyy suunnittelussasi.
Nyt voit muuttaa sen kokoa, siirtää sitä ympäriinsä ja jopa ihastella ja leikitellä läpinäkyvyydellä, jos haluat.
Lataa blogisi otsikko.
Jee! Nyt suunnittelu on valmis, joten kaikki mitä on jäljellä on ladata se. Napsauta näytön yläreunassa olevaa latauspainiketta ja valitse tiedostotyyppi. Valitsen yleensä suositellun PNG-tyypin.
kun design on ladattu tietokoneellesi, voit avata sen ja ihailla sitä ja ladata sen sitten blogiisi.
ja siinä kaikki! Toivottavasti sinulla on hyvä ote siitä, miten tehdä blogin otsikko ja merkitys tähtien kuva. Nyt, voit mennä noin lisäämällä yksi blogiisi. Hyvää brändäystä!