Blog Design 101: Ghidul dvs. complet pentru proiectarea elementelor de blog care vor da rezultate

Publicat: 2016-07-12

Dacă încercați să vă proiectați aspectul blogului de la zero, scopul final este să creați un design care se potrivește cel mai bine nevoilor și cerințelor cititorilor dvs.

Ceea ce poate funcționa pentru un blog poate fi complet inutil pentru altul, așa că nu fiți prea dornici să copiați stilul de design al altcuiva. În schimb, concentrați-vă pe principiile și liniile directoare de bază și lăsați-le să vă ajute să dezvoltați un design care să vă reprezinte în mod unic.

Proiectarea unui blog înseamnă reunirea diferitelor elemente și părți pentru a crea un site web care transmite în mod eficient mesajul tău cititorilor tăi. Mai jos, analizăm cele mai importante dintre aceste elemente și cum le puteți include în propriul design.

Noțiuni de bază

Mulți oameni care încep un blog habar n-au unde vor să-l ducă, ceea ce este o mare problemă atunci când încearcă să stabilească ce direcție să ia. Cu toate acestea, vă puteți mângâia în acest singur lucru: poate nu știți încă ce doriți, dar veți ști cu siguranță când îl veți obține. Răspunsul la aceste trei întrebări vă poate ajuta să vă planificați calea de proiectare:

  • Care este inspirația ta? Căutați în jur inspirație pentru design, alegeri de culori și imprimeuri. Le puteți găsi oriunde, dar Pinterest ar putea fi un loc minunat pentru a începe.
  • Care sunt blogurile tale preferate? Găsiți cinci bloguri de care sunteți înnebunit și stabiliți ce vă place exact la ele și dacă puteți extrapola ideea în propriul blog. Creați o tablă de inspirație Pinterest care vă va permite să vă colectați elementele inspiratoare sub un singur acoperiș.
  • Ce te diferențiază? Blogul tău ar trebui să reflecte cine ești. Valorificați aspectele pe care doriți să le aduceți și care vă vor diferenția de restul.
  • Ce culori iti plac? Atunci când alegeți schema de culori, gândiți-vă nu numai la culorile care vă fac fericit, ci și la semnificația alegerii dvs. pentru tipul de blog pe care îl conduceți. Deoarece sperați să atrageți alți oameni pe blogul dvs., nu vă puteți concentra doar pe ceea ce doriți.

1. Antetul

Antetul este locul în care faci prima impresie asupra spectatorilor tăi și stabilește tonul interacțiunii acestora cu blogul tău. Aveți antete serioase pentru bloguri serioase și anteturi distractive și creative pentru bloguri distractive. Alege-ți în mod conștient cuvintele și apoi folosește-le concis.

Bloggerii de nișă (vorbind despre ceva anume) se pot descurca mai ușor cu asta, dar toată lumea poate găsi ceva – un lucru – despre care este vorba blogul lor. Dacă ai un blog personal, atunci blogul este despre tine și poți împărtăși ceva despre tine într-un mod creativ.

Faceți antetul cu o înălțime între 150 și 250 de pixeli, astfel încât să vă puteți maximiza spațiul imobiliar de deasupra paginii (spațiul de pe o pagină web înainte de a derula). Dacă trebuie să aveți un antet de peste 250 de pixeli, luați în considerare următoarele:

  • Adăugați elemente funcționale – integrați unele elemente funcționale, cum ar fi navigarea, pictogramele de rețele sociale și pictogramele de feed RRS în antet pentru a maximiza spațiul. Multe teme WordPress premium au deja porțiuni de widget pentru antet. Pe Blogger, este posibil să trebuiască să codificați o casetă widget de antet.
  • Lucrează grafica – de la ilustrații până la fotografii, investește în grafică de mare calitate; ai prefera să ai o grafică grozavă sau să nu ai nimic – e atât de serios. Puteți găsi multe imagini și ilustrații pe web. Dacă știi Photoshop, și mai bine, poți să-ți modifici imaginile pentru a le face mai... tu. Dacă nu, sunt sigur că ai un prieten pe care îl poți mitui. Obținerea corectă a antetului va face orice alt aspect mult mai ușor de plasat și proiectat.

2. Font și tipografie

Fonturile vă pot ajuta să stabiliți un ton pentru site-ul dvs. web și postările pe blog și puteți obține gratuit multe fonturi utilizate rar. Indiferent dacă sunteți șic, distractiv, capricios, serios, contemporan, gotic și multe altele, există o mulțime de opțiuni online pe care le puteți folosi. Înainte de a alege un anumit font, gândiți-vă la următoarele:

  • Ar trebui să fie ușor de citit, iar literele ar trebui să funcționeze bine cu alte elemente.
  • Dacă se combină fonturi, acestea ar trebui să se completeze reciproc (utilizați maximum trei fonturi).
  • Păstrați simplu fontul textului principal. Ar trebui să fie curat și ușor pentru ochi. Având un font principal cu volan, distractiv, citirea este dificilă și obosește creierul. Puteți folosi fonturi distractive pe barele laterale, semnături, anteturi și titluri ale postărilor.
  • Vă rog, vă rog, nu folosiți Papyrus sau Comic Sans, vă rugăm.
  • Nu ar trebui să fie nici prea mic, nici prea funky; cititorii tăi nu vor suferi din cauza asta.

Când alegeți fonturi pentru corpul site-ului dvs., luați în considerare dacă acestea vor fi sau nu redate la fel pe toate computerele. Unele fonturi nu sunt incluse în alte computere, cum ar fi Century Gothic, care este un font de citire excelent care nu este inclus în computerele Mac. Asigurați-vă că includeți un font de rezervă care este la fel de bun în cazul în care aparatul folosit pentru a vă accesa blogul nu are fontul dvs. specific.

De asemenea, ar trebui să utilizați fonturi pregătite pentru web, care vor arăta bine pe toate dispozitivele și vor afișa toate semnele de punctuație. Unele caractere speciale nu există în registrele anumitor fonturi, ceea ce înseamnă că unele dintre informațiile dvs. nu vor fi afișate dacă le utilizați. Google are o mulțime de fonturi gratuite, ușor de utilizat și pregătite pentru web. De asemenea, puteți consulta dafont sau site-ul Kevin și Amanda pentru mai multe fonturi pentru mazăre (pe bază de scris de mână) și fonturi pentru albume (fonturi convenționale).

3. Subsolul

Subsolul dvs. ar trebui să aibă mai mult decât o declarație privind drepturile de autor; este de fapt al doilea element de design ca importanță de pe paginile tale web. Acum că v-ați adus cititorul până la capăt (bravo!), ar trebui să aveți o cale clară pentru a-l direcționa în continuare.

Dacă un cititor a ajuns la partea de jos a paginii tale web, probabil că este foarte impresionat de tine și ar putea fi interesat să verifice celelalte categorii ale tale. După ce ați parcurs pagina, s-ar putea să fie acum dispuși să se aboneze la fluxul dvs. de site sau la lista de corespondență sau să vă urmărească/aprecieze pe rețelele sociale. Oferiți-le toate funcțiile de care au nevoie pentru a se conecta cu dvs. în afara site-ului dvs., precum și o modalitate de a ajunge în orice altă parte a site-ului dvs. fără a fi nevoie să derulați înapoi la navigare.

De asemenea, puteți include trei sau patru dintre cele mai populare postări ale dvs. în subsol pentru a-i determina pe cititori să interacționeze cu unele dintre cele mai bune lucrări ale dvs. Utilizați subsolul pentru a evidenția ce altceva este interesant/uimitor despre site-ul dvs.

4. Pictogramele rețelelor sociale

Ar trebui să fie ușor pentru cititori să vă găsească și să se conecteze cu dvs. în alte locuri de pe Internet, ceea ce este grozav, deoarece vă va construi un public chiar și în afara blogului dvs. Rețelele sociale sunt esențiale pentru succesul blogului dvs., motiv pentru care adăugarea pictogramelor sociale este importantă. Pentru a începe să vă plasați pictogramele, puteți face următoarele:

  • Pictograme de căutare – începeți căutarea pictogramelor sociale pe Google, care vă poate direcționa aici. Dacă sunteți mai înclinat spre creativ, vă puteți crea propriile pictograme folosind Photoshop. Dimensiunea ideală este de 60 px de jur împrejur.
  • Pictogramă de încărcare – puteți face acest lucru direct pe blog sau puteți utiliza flikr, photobucket și alte site-uri foto, apoi includeți un link către imagine în cod.
  • Adăugați codul dvs. HTML - în Blogger, următoarea linie de cod ar trebui adăugată în zona widget HTML, în timp ce în WordPress intră în zona widget text:

[xhtml]
<a href="http://www.linkgoeshere.com” target="_blank”><img src="http://www.imageurlhere.com”></a>
[/xhtml]

Această linie simplă de cod inserează orice imagine pe blogul tău.

5. Flux de blog

Fluxul RSS este o modalitate populară pentru bloggeri de a urmări cu ușurință alte bloguri. Majoritatea blogurilor sunt de obicei configurate pentru a oferi un flux automat, dar acest lucru nu vine cu opțiuni automate pentru urmărirea statisticilor importante, care pot fi foarte utile pentru un viitor blogger.

Pentru a vă configura alimentatorul:

  • Accesați feedburner.google.com și configurați-vă feedul introducând adresa feedului sau blogul în casetă.
  • Odată ce URL-ul este verificat, se va afișa următoarea pagină și va trebui să vă asigurați Adresa feedului și Numele blogului (foarte important!). dacă schimbați adresa feedului în viitor, TREBUIE să anunțați cititorii, deoarece aceștia nu vor fi actualizați automat.

Asta e! Acum aveți un feed. În Blogger, puteți accesa Tabloul de bord >> Setări >> Feed site și veți vedea o casetă cu titlul „Adresa URL de redirecționare a fluxului de postare” unde trebuie să introduceți adresa feedburner-ului. În WordPress, poate fi necesar să descărcați pluginul Feedburner Feedsmith, pe care îl puteți găsi aici. Acesta este cel mai recomandat plugin pentru această sarcină, deoarece rămâne în concordanță chiar și cu actualizările WordPress.

Concluzie

Proiectarea unui blog nu este o ispravă ușoară, mai ales dacă nu aveți nicio experiență în design. Există multe aspecte importante de luat în considerare, precum și pași de urmat. Ca începător, s-ar putea să nu poți proiecta un site întreg de la sol, chiar dacă ai toate tutorialele. În schimb, găsiți o temă bună pe care o puteți personaliza și începeți de acolo. Există mii și mii de teme gratuite și premium pe care le puteți obține atât pe WordPress, cât și pe Blogger. Pe măsură ce devii mai priceput în codificare și design, poți lucra încet la personalizarea în continuare a diferitelor elemente ale blogului tău, astfel încât să nu arate ca al altcuiva.

Cel mai important lucru de reținut este că va dura mult timp și efort. S-ar putea să fie nevoie să parcurgeți zeci de tutoriale înainte de a înțelege corect. Dar odată ce faci, recompensa unui blog unic va merita efortul.

Toate cele bune!