útmutató

Milyen benyomást szerez olyan blogokról, amelyeken nincsenek képek vagy rossz minőségű fényképek?

Talán úgy érzi, hogy a blog nem szakszerű, vagy azt az érzetet kelti benned, hogy a tartalom valószínűleg gyengébb minőségű? Ha blogjának gyenge képei vannak, akkor a blog látogatóinak ugyanazok az első benyomásai lehetnek a webhelyről.

Szerencsére ennek nem kell így lennie, és professzionális, jó minőségű képek készítése a blogjához egyszerű, gyors és olcsó.

Szeretné tudni, hogyan? Olvass tovább.

Legjobb eszközök a blogbejegyzések képének tervezéséhez

Mielőtt elkezdené tervezni a blog képeit, szüksége lesz néhány szerkesztő eszközre. Számos ingyenes és fizetett megoldás érhető el:

Photoshop (fizetős)

A Photoshop a képszerkesztő szoftver a szakemberek számára. Az Adobe által kifejlesztett és a Creative Cloud eszköztárának részeként a Photoshop kiválóan alkalmas fotókkal való munkára (nincsenek meglepetések!).

Illustrator (fizetett)

Az Adobe Creative Cloud eszközeinek is része az Illustrator, amely a vektorgrafikával való munka szabványa. Ezek olyan képek, amelyek pontokból és útvonalakból állnak, ellentétben a raszteres grafikákkal, amelyek lényegében pixelek rácsát alkotják. A vektorgrafika használatának az az előnye, hogy a minőség romlása nélkül átméretezheti őket. A raszterképek minősége romlik, ha kinagyítják az eredeti méretet.

GIMP (ingyenes)

A GIMP a Photoshop ingyenes alternatívája. Bár a GIMP nem annyira funkciókban gazdag, mint az Adobe megoldása, mégis lenyűgöző eszköz. Kiemelt képek létrehozásához a blogbejegyzéseihez többnek kell lennie.

Canva (ingyenes és fizetett)

A Canva egy olyan online eszköz, amely lehetővé teszi a különféle képek egyszerű létrehozását a közösségi média borítóitól kezdve a plakátokig, és kitalálta a blog funkciók képeit is. Könnyen használható és hasznos, ha több ember dolgozik ugyanazon a weboldalon.

Ami nagy borítót/bemutató képet készít?

Most megvan a szükséges eszköz a blogbejegyzések képeinek megtervezéséhez, és el kell gondolkodnia azok tényleges elemein, amelyek az egyik megtervezéséhez szükségesek.

Ne feledje, hogy sok olyan webhelynél, ahol ingyenes fotók, vektoros képek, ikonok és betűtípusok találhatók, valószínűleg meg kell adnia hozzárendelést. Ne felejtse el, és mindig ellenőrizze, hogy szükséges-e valamilyen hozzárendelés.

Képek

El kell döntenie, hogy vektoros és „rajzfilmszerűbb” blogbejegyzés-szalaghirdetést szeretne-e használni, vagy a való világból származó fényképeket vagy képeket szeretne használni. Valószínűleg attól függ, hogy milyen képek állnak rendelkezésére, de próbálja megérteni, mi működik a legjobban a közönségével.

Tegyük fel, hogy süteményekkel kapcsolatos blogbejegyzéseket keres. Mi késztetne arra, hogy többet olvasson egy bejegyzést? Egy igazi sütemény fényképe, amely csodálatosan néz ki, vagy egy vektor képe egy tortáról? Tudom, mire lennék hajlandó leginkább kattintani.

Általános képek beszerzése

Ami általában a képeket illeti, számos webhely kínál különféle képtípusokat, beleértve a fényképeket, a vektoros képeket és az ikonokat:

  • iStock (fizetős) - stock fotókat, vektoros grafikákat és ikonokat biztosít, amelyek általában nagyon jó minőségűek
  • Shutterstock (fizetős) - prémium minőségű stock fotókat, vektoros grafikákat és ikonokat kínál, amelyek szintén nagyon jó minőségűek
  • Freepik (ingyenes és fizetős) - ez a webhely számos ingyenes és fizetett stock fotót, vektorgrafikát és ikonokat kínál
  • Canva (fizetős) - stock fotókat, vektoros grafikákat és ikonokat kínál, nagyon alacsony áron, a platformjukon belül történő használatra

Stock fotók

Ha saját fotóid vannak, akkor az nagyszerű. Sok embernek azonban nem lesz felszereltsége vagy tapasztalata professzionális fényképek készítéséhez. Szerencsére a Librestock használatával könnyű megtalálni az ingyenes stock képeket. Ez a webhely lényegében más, ingyenes állományképeket kínáló webhelyek keresőmotorja.

Vektorok és ikonok beszerzése

A vektoros képek és a vektoros ikonok azért hasznosak, mert olyan könnyen testreszabhatók. Módosítsa az arányokat, a színeket, a vonalak vastagságát stb. ez egy darab torta vektoros szerkesztő programokkal. Ingyenes vektorokat a következő webhelyeken találhat:

  • Vecteezy (ingyenes és fizetett) - ez a webhely számos vektorgrafikát és ikonokat tartalmaz
  • Vectorstock (ingyenes és fizetett) - ez a webhely számos vektorgrafikát és ikonokat is kínál

Tipográfia

A betűtípusokat gyakran figyelmen kívül hagyják, de a megfelelő betűtípus kiválasztása különbséget tehet a szemet gyönyörködtető és a professzionális megjelenésű zászlókép között, nem pedig unalmas és amatőr.

Fontos olyan betűtípust választani, amely megfelel az üzenetnek és az üzenet tárgyának. Például, ha az üzenete erősítő edzésről szól, akkor válasszon egy rövid, vastag, serif betűtípust. Ha a blogbejegyzés a fogyásról szól, akkor válasszon egy magas betűt, alacsony betűsúllyal. Ez nem csak a stílusra vonatkozik, de ezeknek a betűkészleteknek a sajátosságai tudat alatt elősegíthetik az érzelmek és gondolatok kiváltását olvasóiban, amint ezt Beth Koch tanulmánya is bizonyítja.

Ellátási források

Sok * online forrás található a betűtípusokhoz. Ha a betűtípust a HTML-ben, nem pedig a képen belül kívánja használni, például úgy, hogy a képet egy fejléc elemmel fedi le, akkor meg kell győződnie arról, hogy rendelkezésre áll-e a kiválasztott típusú webes betűtípus-verzió. Keresse meg ezeket a webhelyeket a forrásokért:

  • 1001 betűtípus - ezen a webhelyen számos ingyenes betűtípus található személyes használatra
  • Dafont - sok betűtípus, és sok közülük szabadon használható
  • Fonts.com - előfizetéses szolgáltatást nyújt számos professzionális betűtípus eléréséhez
  • Google Betütipusok - lehet, hogy egyesek ezt nem tudják, de valójában letöltheti a Google Betütipusokat az asztali alkalmazásokhoz

Szín

A képekhez és a betűtípusokhoz hasonlóan a színválasztás is nagy hatással lehet blogolvasóinak érzéseire és gondolataira. Nick Kolenda cikke megmutatja, hogy a szín milyen módon befolyásolhatja a webhely látogatóit. Számomra a kulcs az asszociatív hálózatelmélet fogalma .

Az asszociatív hálózatelmélet fogalma az, hogy minden tudás egy csomópont, beleértve a színeket is. Ahogy éljük az életünket és különböző tapasztalatokat élünk meg, kapcsolatok jönnek létre e csomópontok között. Képzelje el, kedvenc fiús cukorkája savanyú és zöld. A savanykás és zöld cukorkáknak való kitettség miatt asszociációt kezd kialakítani az íz és a szín között.

Miért fontosak ezek az asszociációk? A csomópontok aktiválásakor aktiválják a hozzájuk közvetlenül kapcsolódó csomópontokat is. Vegyük a savanyú és zöld édességek példáját. Amikor a szín látható, vagy a „zöld” szót édességek vagy ételek kapcsán olvassák, akkor a keserű íz csomópontja tudat alatt aktiválódik. Hasonlóképpen, ha elolvassa vagy hallja a "savanyú" szót, tudat alatt aktiválja a zöld csomópontot.

Lehet, hogy erre gondolsz: „Rendben, nagyszerű. De hogyan segít ez a szín kiválasztásában? Nos, a megfelelő szín kiválasztása aktivál bizonyos csomópontokat, amelyek segítenek megerősíteni az üzenetet. Elég nyilvánvaló példa, de képzelje el, hogy blogja a pénzről, a pénzügyekről és az amerikai piacról szól. Az Egyesült Államokban a pénz zöld. Logikus, hogy a pénzhez leginkább kapcsolódó színek egyike a zöld, és ha ezt a színt választod a blogodban található képekhez, aktiválhatod a pénz "csomópontját" az olvasók fejében.

Színes eszközök

Számos olyan eszköz áll rendelkezésre az interneten, amelyek segíthetnek a színek kiválasztásában. Használja őket asszociatív hálózatelmélettel együtt:

  • Adobe Color - ez az Adobe által biztosított színkerék, amely különféle színkombinációkat tud nyújtani különböző szabályok alapján
  • Paletton - ez egy másik színkerék, hasonló az Adobe-hoz
  • Anyagpaletta - ha betartja a Google anyagtervezési elveit, ez a weboldal segít kiválasztani a megfelelő színkombinációkat

Kiemelt blogkép készítése a Canva segítségével

Megnéztük a blog képének különböző elemeit. Most alkalmazzuk mindezt a gyakorlatban. A Canva-t olyan online szolgáltatásként fogjuk használni, amelyhez bárki hozzáférhet. Blog példánk arról szól, hogy "5 saláta kevesebb, mint 5 perc alatt", és létrehozunk egy képet róla.

Először is, regisztrálnia kell a Canvára. Miután ez befejeződött, iratkozzon fel, és az irányítópultot bemutatjuk Önnek.

Ezen a képernyőn észreveheti, hogy számos tervezési lehetőség létezik. Ezek lényegében csak a kép különböző dimenziói. Valószínűleg szükséged lesz valami egyedira a blogodhoz, különösen, ha te magad tervezted és építetted. Egyéni méret kiválasztásához kattintson a képernyő jobb felső sarkában lévő feliratú gombra Használjon egyéni dimenziókat .

Látni fogja, hogy néhány beviteli mező megjelenik a szélesség és a magasság méretéhez. 670px széles és 377px magas fogunk használni. Használhatja a blogjához szükséges méreteket.

Kattintson a gombra Tervezés! és megjelenik a képernyő, ahol megtervezheti a blog képét. A bal oldali panelen számos tervezési lehetőséget láthat. Ebben a példában az egyetlen kép opciót választjuk, amely a bal felső sarokban található.

Ennél a posztnál azt gondolom, hogy egy fénykép jobban működne, mint a vektorok. A Librestock segítségével megtaláltam a saláta megfelelő, kiváló minőségű képét. Most fel kell töltenem a Canva-ra, hogy a blog képemen belül felhasználhassam.

Kattintson Terhelések a bal oldali menüben. Ezután megjelenik a lehetőség a saját képek feltöltésére. Kattintson erre a gombra, és válassza ki a feltölteni kívánt képfájlt.

Amikor a kép feltöltése befejeződött, egyszerűen áthúzhatja a vászonra. Képünk háttere már elkészült.

Most hozzáadhatjuk a blogbejegyzés címét, de a weboldal látogatóink számára nehéz lenne elolvasni. Ha a kép egy színű tömör blokkot tartalmaz, akkor lehetséges a háttérrel kellően kontrasztos szöveg átfedése. Képünkkel nem ez a helyzet. Hozzá kell adnunk egy másik elemet, amelyre ráhelyezhetjük a szöveget. Ennek két lehetősége van:

  1. Hozzon létre egy színes blokk fedvényt, amelynek átlátszatlansága 100% -nál kisebb értékre van állítva, hogy a háttérkép látható legyen
  2. Hozzon létre egy olyan elemet, amely nem tölti ki a háttérképet

Ehhez a második lehetőség felé hajlok. Szeretném, ha a háttérképünkben a saláta élénk színei a lehető legjobban láthatóak lennének.

Elem hozzáadásához kattintson a gombra Elemek a bal oldali menüben. Számos lehetőséget kínál a különböző típusú tételek számára. Alakot fogunk használni, ezért kattintson Alakzatok . Itt kiválaszthatja a kívánt alakzattípust, és számos lehetőség áll rendelkezésre ingyenesen. Kiválasztjuk a kört ehhez az oktatóanyaghoz, ezért kattintson a kör lehetőségre. Ez hozzáadja ezt az elemet a képünkhöz.

A kör szerkesztésének számos módja van. Az elem színét a vászon bal felső sarkában található színblokkra kattintva változtathatja meg. Az átlátszatlanság a vászon jobb felső sarkában található átlátszatlanság gombra kattintva változtatható meg. Az elem méretét úgy is szerkesztheti, hogy rákattint, majd az alakzat sarkában és szélén húzza a jelölőket.

Ennél a képnél a kört fehérre változtatták, az átlátszatlanságot 85% -ra csökkentették, és a kört kissé kicsinyítették. Ne feledje, hogy amikor átméretezi az elemeket, előfordulhat, hogy azok nem az eredeti helyzetben vannak. Elemek áthelyezéséhez egyszerűen vigye az egérmutatót az elem fölé, kattintson és húzza.

Most hozzáadhatjuk a szövegünket. Kattintson az opcióra Szöveg a bal oldali menüből. A fejléc, az alcím és a törzsszöveg beállítások mellett számos szövegsablon jelenik meg. Fejlécet és feliratot szeretnénk hozzáadni, ezért kattintson mindkettőre.

A címsor és az alcím felkerül a vásznunkra. Szövegelem kiválasztása után különféle szövegszerkesztési lehetőségek jelennek meg. Ez magában foglalja a betűtípus, a betűméret és a szöveg színének beállításait. Ne habozzon kipróbálni őket, és nézze meg, melyek tűnnek megfelelőnek a blog képéhez.

Ez az oktatóanyag a Quicksand-et használja a fejléc és az alcím betűtípusaként. A betűtípus színe fekete, a fehér háttérrel ellentétben. A betűméret is kissé eltér, a címsor 38,7, a felirat pedig 16,6.

Még egy elemet fogunk hozzáadni; elválasztó a címsor és az alszám között. Ez segít elkülöníteni a szöveget, megkönnyítve az olvasást. Ez is színesíti az egyébként elég egyszerű, egymást átfedő köröket.

Az elválasztó hozzáadásához kattintson a gombra Elemek majd válassza ki Vonalak a bal oldali menüben. Különböző típusú vonalak jelennek meg. Ehhez az oktatóanyaghoz az egyik pontozott vonalat választották. Kattintson rá, és hozzáadja a vásznához. Valószínűleg át akarja méretezni és kibővíteni a sort.

A vonalak színét a vászon bal felső sarkában található színblokkra kattintva változtattuk meg. A sort is áthelyezték, így egyértelműen a fejléc és az alfejléc közé került.

Most csak annyit kell tennie, hogy megbizonyosodjon arról, hogy elégedett-e a méretével, elhelyezésével, színeivel, betűtípusaival és képeivel. Szükség esetén végezzen bármilyen változtatást. Akár másolhatja is a vásznat, és több változatban is dolgozhat az összehasonlítás érdekében. Ha meg van elégedve, exportálhatja a képet a blogjára.

A vászon jobb felső részén egy gomb jelenik meg Letöltés . Kattintson rá, és megjelenik néhány fájltípus-beállítás az exportáláshoz. A PNG az ajánlott fájlformátum. Különösen a közösségi média címlapfotóinak feltöltésekor tapasztaltam, hogy a JPG fájlok általában rosszabb minőségűek. PNG fájlok feltöltésekor nincs ugyanaz a problémám. Emiatt szinte mindig PNG fájlokat használok a feltöltött képekhez.

Miután kiválasztotta a fájl formátumát és rákattintott Letöltés, a képed el lesz mentve a számítógépeden, így feltöltheted a blogodra. Könnyű, igaz! Miután többször megtette, kevesebb mint 5 perc alatt készíthet szemet gyönyörködtető, professzionális blogképeket.

Itt van a végső kép:

Lenyűgöző képeket hozhat létre blogja számára

Amint láthatja, a blog létrehozásához nem szükséges, hogy időigényes és költséges legyen a képek létrehozása.

Ami még jobb, hogy ugyanazokat az elveket nemcsak a blogbejegyzések kiemelt képeihez használhatja. Ezekkel a technikákkal professzionális képeket készíthet, amelyeket webhelyén bárhol használhat, valamint közösségi médiaprofiljait és vizuális hirdetéseit.