Utilizarea eficientă a tipografiei în design web

Publicat: 2015-10-19

2015 a fost un an de progrese profunde în sectorul tehnologiei. Lumea a fost martora unor schimbări extravagante care s-au întâmplat în tehnologia mobilă și web design și dezvoltare.

În această informație, vom vorbi în principal despre ultimele tendințe care sunt urmărite în sectorul dezvoltării web în materie de fonturi și tipografie.

Tipografia este arta de a pune cap la cap mesajul dvs. într-un aspect comunicativ, plăcut vizual și echilibrat, care este înțeles de publicul țintă. Noile tehnologii media, cum ar fi site-urile web, au oferit utilizatorului de astăzi puterea de a modifica și a modifica greșelile de scriere pe web, după preferințele lui. De exemplu, pot crește dimensiunea, pot schimba culorile și chiar pot modifica fonturile pentru o mai bună lizibilitate. Tipografia web este complet diferită de tipografia tipărită obișnuită. În desenele tipărite, cele tipografice imprimate nu mai pot fi modificate. Cazul este exact opus în ceea ce privește site-urile web și mediile conexe.

Dar, spunând acest lucru, pur și simplu nu ne referim la faptul că pârghia de modificare a tipografiei pe web le permite designerilor să fugă de responsabilitatea lor de a crea piese abordate cu talent și logic. Multe reguli rămân similare cu cele care se aplică modelelor imprimate. O mică diferență constă în selecția fonturilor. Fonturile care sunt utilizate pentru proiectarea site-urilor web sunt cunoscute ca „fonturi web”, care sunt diferite de fonturile de tipărire. Să citim despre ele în detaliu.

Fonturi web

Fonturile web sunt fonturi comune care sunt recunoscute de toate browserele web și același motiv pentru care le folosești. Nimeni nu vrea ca design-urile site-urilor lor să se destrame pe diferite browsere. În ultimul timp, designerii aveau puține opțiuni de fonturi și anume; Georgia, Times, Verdana sau vreo versiune de Courier. Utilizarea repetată a acelorași fonturi a condus la reprezentări destul de deprimante ale conceptelor și la omogenitate în design.

Din fericire, odată cu apariția noilor fonturi web, cum ar fi Kit Type, Fonturi web Google și Font Deck. Pentru prima dată, o gamă largă de fonturi este disponibilă pentru utilizare pe web, iar designul web evoluează pentru a profita din plin. Dar, deoarece alegerile sunt mai multe acum, a devenit și mai greu pentru designeri să aleagă ce font să folosească în design-urile lor web. Aici vă prezentăm câteva indicații care vă vor ajuta să alegeți un font potrivit pentru designul dvs. web.

Nu dezordine

Recrutați fonturi de bază și afișați la începutul procesului de proiectare. Recrutarea fonturilor care urmează să fie utilizate în procesul de proiectare web nu numai că ușurează întregul proces, ci și vă împiedică să supraaglomerați designul cu mai multe fonturi.

Nicio abatere

Acum că ați selectat fontul de bază și fontul de afișare, trebuie să rămâneți doar la această selecție. Nu există niciun motiv logic pentru schimbarea fonturilor, deoarece fonturile afișate sunt mari și sunt ideale numai pentru titluri, până când și cu excepția cazului în care fonturile pe care le utilizați sunt aceleași, vă sugerăm să rămâneți doar la selecție.

Selectați Fonturi adecvate

Asigurați-vă că alegeți un font adecvat înainte de a începe procesul de proiectare. Un formular script ar putea funcționa bine pentru o scrisoare scrisă de mână, dar dacă creați ceva corporativ, vă sugerăm să refaceți selecția.

Acum că știm ce să facem în procesul de selecție a fonturilor înainte de a începe să vă proiectați pagina web, permiteți-ne să aruncăm o privire asupra diferitelor fonturi noi care sunt în tendințe printre experții în design la nivel global în anul 2015.

Deoarece tipografia/fonturile sunt actorii majori în crearea unei experiențe de utilizator captivantă, creatorii își petrec o bună parte din timp și eforturi pentru a selecta fonturile potrivite pentru design-ul lor. Mai jos este lista fonturilor care sunt în tendințe în acest an și mulți designeri preferă să le folosească în creațiile lor:

  1. Brandon Grotesc

    Brandon Grotesque

    Acest font curat, modern și lizibil este folosit în multe creații web în aceste zile datorită curățeniei și simplității sale. Este inspirat de stilul geometric sans-serif și oferă designului web claritatea comunicării, împreună cu mai multe ponderi din care să aleagă pentru o ierarhie vizuală perfectă.

  2. Museo sans

    Museo sans

    Museo sans este unul dintre fonturile populare bazate pe un muzeu binecunoscut. Este un tip de tip sans serif puternic, cu contrast scăzut și foarte lizibil, care se potrivește bine cerințelor utilizărilor multiple de afișare și text.

  3. Raleway

    Raleway

    Un font elegant care aparține familiei Google care a fost conceput inițial într-o singură greutate, dar mai târziu, datorită versatilității și popularității sale, a fost extins la nouă familii de greutate. Este încă un alt font care este inspirat din stilul geometric sans serif. Unii designeri spun că le place să-l folosească datorită personalității sale; sic, curat si elegant.

  4. Afișare Playfair

    Playfair display

    După cum sugerează și numele, acest font este bun pentru a fi folosit pentru titluri și titluri. Play fair este un font Google la modă care se potrivește cu ușurință cu fonturi sans serif precum raleway, roboto, lato și multe altele.

Acum că am discutat pe scurt despre fonturile și utilizarea lor, permiteți-ne să trecem la procesul de design web.

Designul profesional de site-uri web a câștigat multă importanță în ultimii ani. Cel mai recent timp estimat pentru ca un vizitator să rămână pe site-ul dvs. web este de doar 4 secunde astăzi; au fost 8 secunde cu ceva timp în urmă. Vizitatorul ia decizii instantanee și cea mai importantă cheie pentru a-l convinge în aceste 4 secunde este să aibă un design profund al site-ului web, care să-l determine să rămână mai mult și să se aplece asupra serviciilor pe care le oferiți. Sunt șanse ca dacă reușești să-l ții mai mult de 10 secunde, atunci probabilitatea ca el să se transforme într-o vânzare de succes crește cu aproape 50%. Pentru a le face să rămână site-ul dvs. ar trebui să le capteze atenția aproape instantaneu.

Așadar, având în vedere acest gând pentru a-l face pe vizitator să rămână pe site-ul dvs., permiteți-ne să discutăm câțiva factori importanți care, dacă sunt ținți cont, îi determină pe vizitatori să petreacă mai mult timp pe paginile dvs. web.

Clientul de astăzi este învățat. Înainte de a căuta un anumit serviciu, oamenii își iau în mod normal timp să cerceteze despre acesta. Așadar, ori de câte ori un client ajunge pe site-ul dvs., șansele de peste 90% sunt că a ajuns să cunoască despre dvs. pe internet, orice motor de căutare pentru a fi precis și, deoarece clientul știe exact ce caută, vrea să ajungă la obiect. fără a pierde timpul. Dacă nu găsesc ceea ce caută în primele secunde, vor dispărea pentru totdeauna. Suntem siguri că nicio companie nu ar dori să se confrunte cu o astfel de situație. Ar trebui să implicați tehnici de testare pe site-ul dvs. pentru a ști ce s-a întâmplat când!

Experții în marketing digital din întreaga lume sugerează că orice site web destinat vânzării de produse ar trebui să se încarce de sus în jos și de la stânga la dreapta. Site-ul dvs. ar trebui să aibă, de asemenea, conținut de calitate pentru ca cititorii să-l citească și să găsească informații vitale pe care le caută, iar acest conținut ar trebui optimizat optic cu ajutorul designului. Conținutul corect, proiectat corect are un impact maxim!

Ce formate grafice ar trebui să utilizați?

Această întrebare este probabil cea mai importantă în ceea ce privește designul web. As vrea sa te intreb. De câte ori ați vizitat un site web care durează prea mult până se încarcă imaginile? Ați așteptat ca pozele să se termine de încărcat sau v-ați mutat? Punem pariu că trebuie să te-ai mutat. Site-urile web cu încărcare lentă sunt considerate un mare eșec în industria de proiectare și dezvoltare a site-urilor web. Răspunsul la acest lucru este să angajezi o companie profesionistă de design și dezvoltare de site-uri web care să țină cont de timpul de încărcare al site-ului, chiar dacă clientul a uitat să menționeze că ar trebui să fie scăzut.

Format .JPG:

.JPG format

Configurația .JPG permite imaginilor să conțină până la 16 milioane de nuanțe. În plus, îmbunătățește compresia variabilă, ceea ce vă permite să micșorați măsura imaginii în detrimentul unui procent din elementul subtil. Pentru a exploata acest element, veți avea nevoie de un program de design care vă va permite să vedeți imaginea după ce ați optimizat-o.

JPG nu este un format sugerat pentru imagini cu doar câteva nuanțe sau pentru conținut realizat ca imagine. Poza finalizată va fi de calitate scăzută.

Format .GIF:

.GIF format

.GIF acceptă până la 256 de nuanțe. În plus, întărește „directitatea”, care vă permite să indicați că fundamentul imaginii este imperceptibil, în acest sens, lăsând să se arate nuanțele paginii site-ului.

Modelele care au acest format infuzat în ele sunt aproape neafectate, ceea ce înseamnă că calitatea lor nu va fi afectată prea mult atunci când comprimați imaginea.

În general, iată o abordare decentă pentru a vă da seama ce grup ar trebui să utilizați pentru reprezentarea pe site-ul dvs.:

  • Dacă designul dvs. are numeroase culori (de exemplu, o fotografie), utilizați .JPG ca configurație, totuși, verificați că dimensiunea înregistrării nu este atât de extinsă încât să împiedice stivuirea rapidă a paginii site-ului. Găsiți o armonie decentă între calitatea imaginii și dimensiunea documentului.
  • Dacă designul dvs. are doar câteva culori, (de exemplu, un grafic) utilizați .GIF ca configurație.

Evident, acest lucru denaturează într-o oarecare măsură partea vitală a ilustrațiilor din planul dvs. de site. În cazul în care angajați o organizație expertă în contur web pentru a vă apropia de web, el sau ea ar trebui să respecte aceste reguli în timpul procesului de configurare. Ar trebui să verificați că lucrările în desfășurare pe care le obțineți de la creator se țin cu fermitate la modelele de configurare grozave.

Fă-i să vrea mai mult

Evident, indiferent de cât de mult aranjat este site-ul dvs. și cât de reușit este în a smulge considerația oaspeților, aceștia trebuie să vadă site-ul dvs. ca informativ și relevant. Trebuie să le oferiți motivații să rămână și să vă scaneze site-ul, să vă marcați site-ul, astfel încât să poată face aluzie din nou la el și să informați pe alții cu privire la site-ul dvs., astfel încât să puteți construi noi oaspeți.

Acesta este totul pentru articolul de astăzi. În următorul articol vom discuta în detaliu tehnicile de optimizare a site-ului dvs. pentru motoarele de căutare și problemele aferente acestuia și soluțiile acestora. Optimizarea pentru motoarele de căutare și-a dovedit eficacitatea de-a lungul anilor pentru afacerile în curs de dezvoltare și susținute și, cu această tehnică, afacerile au înflorit foarte mult. Vă ajută să obțineți rezultate organice în motorul de căutare și care necesită includere unică de conținut și creare de link-uri pe internet. SEO este, de asemenea, considerată o profesie mult apreciată pe tot globul.