Design / Fonturi
Dacă vorbim despre lizibilitatea și modul în care aceasta afectează designul, atunci dintr-un anumit motiv vreau să spun despre fonturi. Dar să-i lăsăm în pace acum.
Tendințe și abordări moderne în dezvoltarea web
Învățați algoritmul de creștere profesională rapidă de la zero în clădirea site-ului
Desigur, un designer de web vă poate sfătui profesional cu privire la aceste probleme. Deși uneori am văzut astfel de machete pe care eu le-aș fi făcut mai bine, probabil. Ar trebui să înțelegeți că un font mic gri pe fundal negru este o opțiune care nu se potrivește deloc.
O modalitate simplă de a verifica combinația de culori de text și de fundal este să citiți câteva intrări de pe site-ul dvs. și, de asemenea, permiteți-le prietenilor să o facă. Dacă simțiți orice disconfort, cu siguranță ceva trebuie schimbat.
Apropo, am atins puțin dimensiunea fontului. Ce crezi că ar trebui să fie? În multe aspecte, văd că fontul principal are o dimensiune de 10-14 pixeli. Dar opinia mea (și nu numai a mea) este că minimul ar trebui să fie de 16 pixeli. Scrisorile trebuie să fie foarte vizibile, o persoană cu o vedere sănătoasă nu ar trebui să exercite o presiune suplimentară asupra ochilor săi pentru a vedea ceva.
Cu dimensiunea este clar, cred. Rămâne să discutăm fontul în sine, ce ar trebui să fie. Pentru citire, fonturile standard sans serif sunt ideale: Arial, Times New Roman, Tahoma, Verdana. Opinia mea cu privire la această problemă este că este mai bine să nu fie complicate și să fie puse ca font principal între cele standard.
Rezultatul designului și fonturilor
Nu spun că ți-am spus niște informații suplimentare utile - tu ai putea ghici despre acele lucruri despre care am scris. Dar repetarea este mama învățării. Să rezumăm:
Culoarea textului trebuie combinată cu fundalul. Este mai bine să nu luați culori contrastante complet, poate să taie ochii
Dimensiunea fontului ar trebui să fie mai mare. Nu este 10-12 pixeli, ci 16. Și în mod ideal, la începutul fiecărei înregistrări, trebuie să faceți butoane, făcând clic pe care cititorul însuși va putea seta dimensiunea fontului convenabil pentru el.
Tendințe și abordări moderne în dezvoltarea web
Învățați algoritmul de creștere profesională rapidă de la zero în clădirea site-ului
Pentru citire, una din fonturile standard sans-serif
Proiectarea articolelor
Bold, italic, subliniat, traversat, text evidențiat. Dar nu exagerati prea mult. După ce distingem cuvintele necesare, lizibilitatea se îmbunătățește considerabil.
Subtitrări. Probabil cel mai important element care vă permite să rupeți un articol în subsecțiuni. Este important ca subtitlul să nu fie prea lung (nu mai mult de 60 de caractere).
Paragrafe. Ei bine, este de înțeles că nu veți scrie întregul text într-un singur paragraf, nu? Deși de câteva ori am întâlnit un astfel de text. Aceasta este o groază totală. Dar folosiți doar paragrafele puțin. De asemenea, trebuie să controlați cantitatea de conținut din interior. Este recomandabil să nu permiteți mai mult de 5-7 rânduri de text în paragraf. În caz contrar, este deja dificil de perceput.
Liste. Dacă este necesar - marcat, într-un alt loc - numerotat. Listele îmbunătățesc perfect aspectul înregistrării, atrag atenția. Desigur, aici ceva depinde de designer (pe care el a proiectat design-ul), deoarece personal nu-mi place designul care este pentru liste în html în mod implicit. Și este mai bine decât să nu folosiți deloc liste.
Citate. Acestea sunt proiectate diferit de paragraful obișnuit, astfel încât să puteți dilua și textul. Dacă este posibil, merită să le folosiți. Cel puțin uneori. În același timp, acest lucru vă permite să faceți textul mai interesant.
Imagini. Și unde fără ele. Este mai bine să folosiți cel puțin o imagine decât nimic. Scopul principal al imaginilor este de a sparge textul, de a facilita citirea și de a permite creierului să-și amintească mai bine informațiile. Pentru că atunci când citiți despre un tigru și în același timp îl vedeți în imagine - vă permite să vă amintiți mai bine ce ați citit.
În principiu, din elementele de bază, asta e tot. Aici puteți menționa în continuare tabelele, dar de multe ori introduceți o masă în articolele dvs.? Nu cred atât de des. Dar unde sunt, claritatea nu se va deteriora.
Ei bine, dar cum să verificați lizibilitatea? Din fericire, ești om, deci poți să-l evaluezi singur. Dacă doriți, puteți implica prieteni sau alți webmasteri în evaluare. Asta va fi de ajuns.
Sfaturi și chips-uri suplimentare
Cum altfel să îmbunătățim lizibilitatea? Introducerea unor stiluri suplimentare poate ajuta. De exemplu, prima literă a textului nu poate fi redactată ca restul textului. Acest lucru se poate face în css utilizând pseudo-elementul: prima literă. Acest efect se găsește adesea în cărți.
Tendințe și abordări moderne în dezvoltarea web
Învățați algoritmul de creștere profesională rapidă de la zero în clădirea site-ului
Cele mai recente știri despre dezvoltarea IT și web pe canalul nostru de telegrame
Tendințele actuale în dezvoltarea web
În următoarele 5 zile, vom compune algoritmul dvs. de creștere profesională bazat pe rând, de la zero în clădirea site-ului.