știu că nu toată lumea se naște cu abilități de design, așa că sunt aici pentru a vă oferi o speranță și pentru a vă spune că puteți crea în continuare un antet de blog frumos, chiar dacă nu sunteți designer!!
în primul rând, veți avea nevoie de un loc pentru a crea un antet. Dacă aveți Photoshop, sunteți pe drumul cel bun. Dacă nu ați folosit încă Photoshop, puteți utiliza ceva de genul Gimp (este ca un Photoshop gratuit) sau Canva.
Pasul 1: setați dimensiunile
după ce ați ales arma editorului la alegere, este timpul să setați dimensiunile antetului. Cel mai probabil veți dori ca antetul dvs. să întindă lățimea blogului dvs. Dacă nu știți care este întreaga lățime a blogului dvs., puteți apărea în editorul/personalizatorul șablonului și puteți căuta lățimea zonei antetului care ar trebui să fie afișată în pixeli.
când creați o imagine sau un proiect nou în oricare dintre aceste programe (fișier > Nou), ar trebui să vă solicite dimensiuni. Setați dimensiunile personalizate la pixeli și introduceți lățimea blogului dvs., urmată de înălțimea pe care doriți să o aibă bannerul dvs. Nu există nicio regulă generală pentru o înălțime, dar probabil că aș păstra-o sub 350px doar în scopuri estetice.
dacă există o rezoluție sau o setare DPI, aceasta trebuie setată la 72. Totul pentru web ar trebui să aibă întotdeauna o rezoluție de 72 dpi. Faceți fundalul alb pentru a ușura lucrurile.
grozav! Acum aveți un document gol în dimensiunea exactă a antetului dvs. Să trecem la design…
Pasul 2: Proiectarea antetului blogului
dacă sunteți unul dintre acei oameni care nu are abilități artistice, cel mai bun sfat pe care vi — l pot oferi este ceva ce am învățat în clasa a 3-A… K. I. S. S.-păstrați-l simplu, prost!
un antet frumos în căutarea nu trebuie să fie plin de grafică și toate lucrurile tale preferate. Poate fi simplu și elegant, fără nicio grafică. Fonturile sunt noii tăi cei mai buni prieteni.
unele lucruri de reținut atunci când păstrați-l simplu:
- limitați utilizarea fontului, încercați maximum două fonturi.
- titlurile ar trebui să fie ușor de citit. Utilizați un font care este lizibil.
- dacă utilizați un font fantezist pentru un element, încercați un font simplu pentru celălalt.
- asigurați-vă că totul se aliniază corect
- încercați să lăsați aceeași cantitate de umplutură în jurul tuturor marginilor
iată câteva exemple de anteturi simple:
acest prim antet este cel mai simplu de simplu. Folosește același font pe tot parcursul și sloganul este aliniat cu capătul „T” din linia de deasupra acestuia, făcând lucrurile frumoase și justificate. Căptușeala (spațiul alb) din partea de sus și de jos este egală și același lucru este valabil și pentru partea stângă și cea dreaptă.
aceasta este o îmbunătățire față de primul antet. Vedeți ce diferență face dacă sunteți în stare să aliniați perfect sloganul cu cuvântul de deasupra acestuia? Când lucrurile sunt în linie, designul pare mult mai unificat. Am umplut spațiul alb gol de lângă slogan cu o linie dreaptă simplă de 1px pentru a lega lucrurile puțin mai bine.
antetul de mai sus folosește fonturi diferite. Pentru titlul blogului, am folosit un font fantezist, ceea ce înseamnă că sloganul de mai jos ar trebui să fie ceva mult mai simplu. Cred că aceste două fonturi se completează bine, deoarece ambele sunt fonturi serif și ușor înalte. Găsiți fonturi care se completează reciproc dacă veți folosi mai multe. Acest font de titlu se numește lemn de trandafir dacă sunteți interesat să îl încercați.
adăugați puțină culoare! Odată ce ați setat fonturile, puteți experimenta cu puțină culoare. Din nou, asigurați-vă că culorile pe care le alegeți se completează reciproc și, de asemenea, asigurați-vă că textul iese în evidență din fundal. Deci, de exemplu, nu face asta:
titlul este prea ușor și tensionat pe ochi. Nu iese în evidență așa cum ar trebui pe fundalul alb. Sloganul este doar prea NEON și, de asemenea, tulpini ochii atunci când se uită la ea. Vă rugăm să oameni, nu mai utilizați neon verde. În schimb, dacă doriți să utilizați aceste culori încercați tonifiere nuanțe în jos un pic ca aceasta:
este mult mai ușor pentru ochi, nu-i așa? Mă întorc la unele fonturi mai de bază, deoarece cred că cel de mai sus este un pic prea ocupat pentru gustul meu și nu dă într-adevăr atmosfera potrivită a blogului meu. Acesta este, de asemenea, un lucru pe care ar trebui să-l țineți cont… de senzația generală a blogului dvs. Să încercăm să bat că unul din parc prin adăugarea un pic de lucru Grafic:
am folosit aceeași structură de bază ca antetul # 2, doar că am aruncat un pic de detaliu grafic și m-am asigurat că nu interferează cu textul.
puteți apuca unele clipart la site-uri ca Etsy sau Creative Market sau puteți căuta online pentru unele grafice mici. Asigurați-vă că aveți drepturile de a utiliza grafica… și prin asta vreau să spun nu merge doar hapsân lucruri de pe Google Image Search.
lucrul de care trebuie să țineți cont cu grafica este că nu doriți să depășiți textul. Întregul punct al unui antet este astfel încât oamenii să se poată familiariza cu numele blogului dvs. Este ca propriul logo.
dacă ai proiecta un logo pentru tine, nu ai arunca o grămadă de fotografii aleatorii cu tine și aventurile tale, nu-i așa? Deci, în timp ce un antet poate seta tonul pentru blogul dvs., nu trebuie să arătați tuturor toate cele mai importante momente de pe blogul dvs. simultan. Pentru asta sunt postările tale;).
dacă insistați să prezentați câteva fotografii în antet, asigurați-vă că acestea nu distrag atenția de la titlu și sunt organizate într-un mod care face ca pagina să curgă bine.
iată câteva exemple despre ce să nu faci:
justificarea este peste tot și căptușeala este oprită.
nr. Doar nu. Două fonturi fanteziste complet diferite, împinse împreună, arată astfel. Sloganul este greu de citit. Acest lucru ar putea fi drăguț dacă sloganul ar fi mai mic, nu cu majuscule și într-un font de bază sans serif.
există o mulțime de fonturi acolo pentru a alege de la, și dacă le apuca de la un site ca DaFont puteți introduce chiar numele blog-ul dvs. în caseta de text „tastați textul aici” pe paginile de categorie pentru a vedea exact ceea ce titlul ar arata ca.
Pasul 3: Salvarea antetului
când sunteți setat, va trebui să salvați acea imagine ca PNG dacă ați decis pe un fundal transparent. Salvați-l ca JPG altfel. JPG și PNG funcționează bine pentru imaginile web.
sper că te-a ajutat puțin! Amintiți-vă doar să aveți încredere în ochii dvs. și să vă asigurați că totul este distanțat corespunzător. Ai fi surprins de modul în care pur și simplu alinierea lucruri și alegerea fonturile potrivite pot face într-adevăr sau rupe un antet!
Ultima actualizare la 6 aprilie 2021