Tipografie web se referă la fonturi incorporate în pagini web. Este un aspect critic al designului site-ului, deoarece are un impact direct asupra lizibilității site-ului. Mulți oameni cred că responsabilitățile unui design de site web accesibil profesional nu includ acordarea de atenție la tipografie web. Totuși, acesta este un concept greșit.
În afară de a investi timp pentru crearea de design, ar trebui să fiți atenți și la tipografia web. Amintiți-vă că, dacă tipografia dvs. web este slabă, vizitatorii nu se vor deranja să vă observe design-urile. Vă oferim câteva sfaturi care vă vor ajuta să vă ocupați de tipografia web într-o manieră fără probleme.
- Folosiți trei fonturi pe design
Utilizarea a trei fonturi (cel mult) va permite cititorilor să vă observe site-ul în mod clar. Aranjarea conținutului cu diverse fonturi poate crea un aspect dezastruos al site-ului. În plus, poate convinge vizitatorii că diferite părți ale conținutului, cum ar fi diferite paragrafe, nu au legătură.
Desigur, în timp ce citesc, este posibil ca vizitatorii să nu poată identifica sursa exactă a disconfortului. Cu toate acestea, nu se vor simți confortabil să citească informații care conțin diverse fonturi. - Distingeți titlul
Titlul unui articol atrage inițial atragerea vizitatorilor. Dacă găsesc titlul atrăgător, vor trece la restul articolului. Asta înseamnă că trebuie să evidențiezi titlul, astfel încât să atragă atenția cititorilor cu orice preț. Creșterea dimensiunii titlului este cel mai simplu mod de a-l evidenția. - Setați dimensiunea copiei corpului la 14 pixeli
Pentru cele mai bune rezultate, încercați să vă asigurați că vizitatorii vă pot citi confortabil copia corporală. Este adevărat că în afară de dimensiune, alți factori pot influența și lizibilitatea site-ului. Cu toate acestea, dimensiunea este cel mai important factor determinant. Setarea dimensiunii copiei corporale la 14 pixeli poate fi o idee grozavă. - Evitați utilizarea inutilă a subliniilor și cursivelor
Nu vă derutați cititorii folosind litere cursive și subliniere în mod inutil. Cursivele și subliniile acordă o importanță mai mare unei linii. Dacă folosiți cursive și subliniere în fiecare propoziție, vizitatorii dvs. se pot simți confuzi.
Mai degrabă, utilizați elementele de bază și cursive, numai atunci când este necesar. - Nu utilizați majuscule întregi pentru blocuri mari de text
Utilizarea majusculelor complete pentru blocuri uriașe de text este o idee proastă. Acest lucru se datorează faptului că, în comparație cu textul scris cu litere mici și mari, informațiile setate doar cu majuscule sunt mai greu de interpretat.
Dacă setați informații cu litere mici și mari, după cum este necesar, va fi relativ mai ușor pentru ochi. În plus, va permite vizitatorilor să interpreteze mai ușor informațiile. - Evitați înghesuiala de informații mari într-un spațiu limitat
Pentru a crește lizibilitatea site-ului dvs., nu forțați informațiile uriașe să se încadreze într-un spațiu limitat. Mai degrabă, asigură-i suficient spațiu, astfel încât să capete un aspect îngrijit. În același timp, nu încorporați spațiu excesiv, astfel încât întregul text să apară disjuns și fără legătură. - Acordați atenție contrastului de fundal
Este posibil să fi optat pentru o dimensiune mai mare a fontului pentru a crește lizibilitatea textului. Cu toate acestea, dacă contrastul dintre informații și fundalul acesteia este slab, acesta va împiedica lizibilitatea și lizibilitatea site-ului. Practica obișnuită este plasarea textului deschis pe un fundal întunecat sau invers. Evitați cu orice preț să folosiți culori care se potrivesc. - Optați pentru fonturi care sunt perfecte pentru utilizarea pe ecran
Puteți folosi diferite tipuri de fonturi în Internet. Din păcate, multe dintre aceste fonturi nu sunt potrivite pentru utilizare pe site-uri web. Din acest motiv, este importantă selectarea cu atenție a fonturilor. În plus, puteți folosi tabelele de sugestii și puteți verifica aspectul fonturilor la dimensiuni mai mici pe diferite browsere. - Evitați utilizarea Comic Sans
Comic sans a devenit un font mult urât și nu facem excepție. Credem cu tărie că utilizarea acestui font oferă site-ului dvs. un atracție copilărească și imatur, pe care majoritatea vizitatorilor nu îl vor aprecia. Încercați să o evitați.
Bucurați-vă de crearea unui site web accesibil!
Aiden Ruse
Bună Diane.
Mulțumesc pentru împărtășirea unui ghid excelent. Îmi doresc ca fiecare designer să înțeleagă importanța tipografiei. Tipografia necorespunzătoare ar putea fi, de asemenea, o greșeală a eșecului designului unui site web. Aș dori să pun tipografia pe primul loc atunci când vine vorba de proiectarea unui site web și să salvez designul web de la un eșec. Sfaturile pe care le-ați dat aici sunt cu adevărat fantastice și conține multe informații utile.
Chihlimbar
Mulțumesc pentru distribuire. Cu siguranță mulți oameni vor beneficia de aceste puncte.
sarah
Foarte util. Mă uit la o reproiectare a unuia dintre site-urile noastre web chiar acum și mi-am dat seama că folosim aproximativ 5-6 fonturi diferite pe vechiul site, ceea ce pur și simplu nu arată grozav.
Sajesh
Am fost de acord cu dvs. că tipografia web este un aspect critic al designului web și fiecare designer ar trebui să păstreze acest aspect în minte în timp ce proiectează site-ul.
Nishadha
Tot ce pot spune este wow. Știu că stilurile de font și dimensiunea fontului contează, dar nu am știut niciodată atât de multe detalii despre motivul pentru care contează. Trimit acest lucru echipei de proiectare și mulțumesc pentru articolul minunat.
David
Introducerea unei tipografii clare, lizibile și eficace pe site-ul dvs. vă crește nu numai vizitatorii, dar crește și profesionalismul.
Natasha
Setați dimensiunea copiei corpului la 14 pixeli? Nu este mai bine să folosim 16-18px sau mai bine mergem pentru 150%.
Rajesh Namase
Depinde, doar schimbați și verificați dacă arată frumos și lizibil sau nu.
Jeeten
Da, sunt de acord cu tine, Diane, trebuie necesară tipografia web. ținând cont de tipografia, mi-am proiectat site-ul.
Stephen
font-family: 'franklin_gothic_medium_condRg'; fontul este folosit de mine pe diferitele mele site-uri web. iar dimensiunea fontului Body a păstrat .9em. iar pe unele site-uri web 1em.
H1 = 3em
H2 = 2.5em
H3 = 2em
H4 = 1.6em
H5 = 1.2em
Vishnu Sharma
Da, sunt de acord cu tine, Diane, trebuie necesară tipografia web. Ținând cont de tipografia, îmi proiectasem site-ul.
Mansoor Bhanpurawala
Foarte util. Mă uit la o reproiectare a unuia dintre site-urile noastre web chiar acum și mi-am dat seama că folosim aproximativ 5-6 fonturi diferite pe vechiul site, ceea ce pur și simplu nu arată grozav.
Alex
Mulțumesc, admin. Foarte folosit blogul complet. Multumesc pentru postare pentru ca aceasta postare imi este utila.