tudom, hogy nem mindenki születik tervezési készségekkel, ezért azért vagyok itt, hogy reményt adjak neked, és elmondjam, hogy még akkor is létrehozhat egy szép megjelenésű blog fejlécet, ha nem vagy tervező!!
először is, szükséged lesz egy helyre a fejléc létrehozásához. Ha van Photoshop, akkor jó úton jársz. Ha még nem használta a Photoshopot, használhat valamit, például a Gimp-t (olyan, mint egy ingyenes Photoshop) vagy a Canva-t.
1. lépés: Állítsa be a méreteit
Miután kiválasztotta a választott szerkesztőfegyvert, itt az ideje beállítani a fejléc méretét. Valószínűleg azt szeretné, ha a fejléc megnyújtaná a blog szélességét. Ha nem tudja, mi a blog teljes szélessége, akkor beugrik a Sablonszerkesztőbe/Testreszabóba, és megkeresheti a fejlécterület szélességét, amelyet pixelben kell megjeleníteni.
ha új képet vagy projektet hoz létre ezen programok bármelyikében (Fájl > Új), akkor dimenziókat kell kérnie. Állítsa be az egyéni dimenziókat pixelekre, és adja meg a blog szélességét, majd azt a magasságot, amelyet a szalaghirdetéshez szeretne. A magassághoz nincs hüvelykujjszabály, de valószínűleg csak esztétikai célokra tartanám 350px alatt.
ha van felbontás vagy DPI beállítás, akkor azt 72-re kell állítani. A webnek mindig 72 DPI felbontásúnak kell lennie. Tegye fehérvé a hátteret, hogy megkönnyítse a dolgokat.
nagyszerű! Most van egy üres dokumentuma, amelynek pontos mérete a fejléc lesz. Térjünk rá a tervezésre …
2. lépés: a blog fejlécének megtervezése
ha Ön egyike azoknak az embereknek, akiknek nincs művészi képessége, akkor a legjobb tanácsot adhatom neked, amit a 3. osztályban tanultam… K. I. S. S. — legyen egyszerű, hülye!
egy szép megjelenésű fejlécnek nem kell tele lennie grafikával és az összes kedvenc dologgal. Lehet egyszerű és elegáns, grafika nélkül. A betűtípusok az új legjobb barátok.
néhány dolog, amire emlékezni kell, ha egyszerű:
- korlátozza a betűtípus használatát, próbáljon meg legfeljebb két betűtípust.
- a címeknek könnyen olvashatónak kell lenniük. Használjon olvasható betűtípust.
- ha díszes betűtípust használ az egyik elemhez, próbáljon meg egy egyszerű betűtípust a másikhoz.
- győződjön meg róla, hogy minden rendben van
- próbáljon meg ugyanolyan mennyiségű párnát hagyni minden él körül
íme néhány példa az egyszerű fejlécekre:
ez az első fejléc a legegyszerűbb egyszerű. Ugyanazt a betűtípust használja, és a tagline a “T” végével van felsorakoztatva a fölötte lévő sorban, így a dolgok szépek és indokoltak. A felső és az alsó rész (fehér szóköz) egyenlő, és ugyanez vonatkozik a bal és a jobb oldalra is.
ez az első fejléc javulása. Nézze meg, mi a különbség, ha képes tökéletesen felsorolni a tagline-t a fölötte lévő szóval? Amikor a dolgok összhangban vannak, a design csak sokkal egységesebbnek tűnik. A címke melletti üres fehér helyet egy egyszerű 1px egyenes vonallal töltöttem meg, hogy egy kicsit jobban összekapcsoljam a dolgokat.
a fenti fejléc különböző betűtípusokat használ. A blog címéhez díszes betűtípust használtam, ami azt jelenti, hogy az alatta lévő címkének valami sokkal egyszerűbbnek kell lennie. Úgy gondolom, hogy ez a két betűtípus jól kiegészíti egymást, mert mind serif betűtípusok, mind kissé magasak. Keressen olyan betűtípusokat, amelyek kiegészítik egymást, ha többet fog használni. Ezt a cím betűtípust rózsafa néven hívják, ha érdekli a kipróbálás.
adj hozzá egy kis színt! Miután beállította a betűtípusokat, kísérletezhet egy kis színnel. Ismét győződjön meg arról, hogy a választott színek kiegészítik egymást, és győződjön meg arról, hogy a szöveg kiemelkedik a háttérből. Tehát például ne tegye ezt:
a cím túl könnyű és feszült a szemén. Nem tűnik ki úgy, mint a fehér háttér előtt. A tagline túl NEON, és a szemét is feszíti, amikor bámulja. Kérem az embereket, hagyja abba a neon zöld használatát. Ehelyett, ha ezeket a színeket szeretné használni, próbálja meg kissé lefelé színezni az árnyalatokat:
ez sokkal könnyebb a szemnek, nem? Visszaváltok néhány alapvető betűtípusra, mert úgy gondolom, hogy a fenti egy kicsit túl elfoglalt a kedvemért, és nem igazán adja meg a blogom megfelelő hangulatát. Ezt is szem előtt kell tartania… a blog általános érzését. Próbáljuk ütni, hogy az egyik ki a park hozzáadásával egy kis grafikai munka:
ugyanazt az alapstruktúrát használtam, mint a header #2, csak bedobtam egy kis grafikai részletet, és megbizonyosodtam arról, hogy nem zavarja a szöveget.
megragadhat néhány előfizetőt olyan webhelyekről, mint az Etsy vagy a Creative Market, vagy kereshet online néhány apró grafikát. Győződjön meg róla, hogy joga van a grafika használatához… és ez alatt azt értem, hogy ne csak a Google Képkeresőből ragadja meg a dolgokat.
a grafikával szem előtt kell tartani, hogy nem akarja legyőzni a szöveget. A fejléc lényege, hogy az emberek megismerjék a blogod nevét. Olyan, mint a saját logója.
ha egy logót terveznél magadnak, nem dobnál be egy csomó véletlenszerű képet magadról és a kalandjaidról, ugye? Tehát míg a fejléc beállíthatja a blog hangját, nem kell mindenkinek egyszerre megmutatnia a blog összes kiemelését. Ez az, amit a hozzászólásokat;).
ha ragaszkodsz ahhoz, hogy néhány fotót a fejlécben mutass be, győződj meg róla, hogy azok nem vonják el a figyelmet a címről, és úgy vannak rendezve, hogy az oldal jól folyjon.
íme néhány példa arra, hogy mit ne tegyünk:
az indoklás az egész hely, és a padding ki van kapcsolva.
szám. Csak nem. Két teljesen különböző díszes betűtípus egymáshoz nyomva így néz ki. A tagline nehéz olvasni. Ez aranyos lehet, ha a tagline kisebb, nem nagybetűs és alap sans serif betűtípussal.
rengeteg betűtípus közül lehet választani, és ha megragadod őket egy olyan webhelyről, mint a DaFont, akkor még a blog nevét is beírhatod a “írja be a szöveget ide” szövegmezőbe a kategóriaoldalakon, hogy pontosan megnézhesd, hogy nézne ki a címed.
3. lépés: A fejléc mentése
ha be van állítva, akkor a képet PNG-ként kell mentenie, ha átlátszó háttér mellett döntött. Mentsd el, mint egy JPG egyébként. A JPG és a PNG egyaránt jól működik webes képekhez.
remélem, hogy segített ki egy kicsit! Ne felejtsd el bízni a szemedben, és győződj meg róla, hogy minden megfelelően van elhelyezve. Meglepődne, hogy a dolgok egyszerű összehangolása és a megfelelő betűtípusok kiválasztása valóban fejlécet hozhat létre vagy eltörhet!
utolsó frissítés: április 6, 2021