Termenii de design web sunt principalele lucruri pe care un om de afaceri ar trebui să le cunoască. Designul web este procesul de creare și organizare a aspectelor vizuale și funcționale ale unui site web. Include diverși termeni și concepte care descriu diverse aspecte ale designului și dezvoltării paginilor web.
Designul web există de mult timp și nu pierde timpul în dezvoltarea unui limbaj complex, plin de jargon. De îndată ce faci chiar și cel mai mic pas în lumea designului web, vei începe să auzi: „Ce CMS vrei să folosești?”, „Îl vrei deasupra pliului sau sub pliul?”, „Tu vrei un aspect fix? ", "Ce găzduire web doriți să utilizați? ” și rămâi să te întrebi ce înseamnă totul. Știm că încercarea de a descoperi toate definițiile și termenii cheie pentru design web poate fi destul de copleșitoare, mai ales când este totul nou.
Designul web acoperă o gamă largă de activități, de la dezvoltatori web care scriu cod, la designeri UI și UX care lucrează la interfețe, până la designeri web care se ocupă de aspectul și senzația site-ului dvs. Sunt mulți oameni implicați în design web.
Învățarea a ceea ce înseamnă doar câteva acronime și jargon de design web poate face lucrurile mult mai ușoare pentru designer și dezvoltator și, de asemenea, vă poate ajuta să înțelegeți cum funcționează propriul site web. Așadar, fie că angajezi ajutor, fie că o faci singur, cunoașterea termenilor cei mai des folosiți și cei mai des confuzi în design și dezvoltare web poate fi utilă:
Definiții și termeni pentru design web.
Accesibilitate
Disponibilitate momentan este de mare importanță în designul web. În esență, asta înseamnă cât de accesibil este site-ul tău web pentru oameni, inclusiv pentru cei cu deficiențe de auz sau de vedere. Acest lucru este important de reținut înainte și în timpul creării site-ului dvs. web. Aruncă o privire la acești șase pași pentru a-ți face designul web accesibil dacă nu știi de unde să începi.
10 penalități Google care vă pot afecta site-ul
Sub pliu (și deasupra pliului).
Sub și deasupra pliului sunt doi termeni care își au originea în ziare. „Patul” este locul unde se pliază ziarul. Sus și jos descrie dacă informațiile sunt afișate în jumătatea superioară sau inferioară a pliului. Pentru paginile web, „fold” este de obicei definit ca punctul în care ar trebui să începeți derularea, dar principiul este același - informațiile care se află în partea de sus a paginii (ATF) sunt mai accesibile și mai vizibile decât informațiile care se află la partea de jos a paginii (BTF). . .
Elastic (aspect). Elastic (aspect). Termeni de design web
Aspectul elastic este o abordare a designului paginii web care descrie relațiile dintre elemente și poziția lor pe pagină în termeni de procente, mai degrabă decât de spații și dimensiuni special concepute. Aceasta înseamnă că paginile web devin mai adaptabile – atât la preferințele stabilite de vizitatorii tăi în ceea ce privește dimensiunea font și distanța dintre ele și pentru a optimiza pagina pentru vizualizare pe un smartphone sau tabletă.
În zilele noastre, layout-urile elastice sunt o parte cheie a abordărilor de design responsive, dar înainte de a se naște ideea de design responsive, layout-urile elastice au oferit o modalitate ușoară de a face site-urile web receptive.
Ex. Fost
Ex este o unitate de măsură care folosește un „x” mic în font ca măsură standard.
Lățime fixă (aspect). Lățime fixă (aspect). Definiții și termeni pentru design web.
Un aspect cu lățime fixă este o metodă de proiectare a paginilor web în care designerul specifică cât de mare este o pagină web și exact unde vor apărea elementele pe ea. Acest lucru oferă designerilor un control mult mai mare asupra designului paginii web decât asupra unui aspect elastic, dar face ca paginile să fie mai puțin receptive. marimi diferite ecran.
hexazecimal.
Numerele hexazecimale, cunoscute și ca numere „hexadecimale”, sunt un sistem numeric de bază 16, ceea ce înseamnă că folosesc 16 caractere pentru a defini o culoare. Numerele hexazecimale folosesc numerele de la 0 la 9 și literele de la A la F. Fiecare culoare este identificată prin trei perechi de numere hexazecimale. Prima pereche de numere sau litere se referă la nuanța roșie, a doua pereche la nuanța verde și a treia pereche la nuanța albastră.
Defilare infinită. Defilare infinită
Defilarea infinită este atunci când se încarcă conținut nou pe măsură ce continuați derularea. Acest lucru creează un scroll „nesfârșit”, fără sfârșit. Câteva exemple populare în acest sens sunt cronologia Facebook, Pinterest sau Twitter.
Defilare paralaxă. Defilare paralaxă.
Această tehnică de defilare creează un sentiment de profunzime în proiectare de site-uri. Când un utilizator derulează, elementele de pe un site web se vor afla la distanțe diferite și se vor mișca la viteze diferite pe măsură ce utilizatorul derulează. Acest lucru creează iluzia de adâncime și distanță pe un site web plat.
Rezoluţie. Permisiune. Definiții și termeni pentru design web.
Rezoluția este numărul de pixeli afișați pe ecran. Aceasta este o metodă standard utilizată în design web pentru a determina mărimea imagini. Calitatea imaginii este de obicei descrisă în pixeli pe inch, cu mai mulți pixeli rezultând o imagine de calitate mai bună.
Responsive / adaptabil pentru dispozitive mobile / optimizat pentru mobil. Responsive / Mobile Friendly / Mobile Optimized
De anul trecut, mai mult de jumătate din traficul web provine de la smartphone-uri. Aceasta înseamnă că devine din ce în ce mai important ca un site web să arate mai bine dispozitive mobile, precum și pe computere. A face site-uri web responsive/mobile responsive/optimizate pentru mobil înseamnă proiectarea și dezvoltarea unui site web care se va adapta dispozitivului sau ecranului pe care este vizualizat.
Utilizabilitate. Ușurință în utilizare.
Utilizabilitatea este un concept de web design care descrie cât de ușor este site-ul tău pentru vizitatori pentru care a fost conceput. În mod ideal, un vizitator va putea folosi cu ușurință site-ul dvs. atunci când îl întâlnește pentru prima dată, cu obstacole minime, frustrare și nevoia de a cere ajutor. Înțelegerea principiilor de utilizare este un pas cheie în creare excelent site-ul web.
UX (User Research) / UI (User Interface)
Designul UX și UI este o activitate care îmbunătățește experiența utilizatorului. Este important să cunoașteți diferențele dintre UX și UI pentru a înțelege cum funcționează împreună.
UX, cercetarea utilizatorilor, implică fiecare aspect al experienței unui utilizator cu un site web de la început până la sfârșit. țintă - îmbunătăți calitatea interacțiunea utilizatorului cu site-ul.
UI, interfața cu utilizatorul, se concentrează pe elementele vizuale și interactive ale unui site web, cum ar fi butoanele, pictogramele și tipografia. Scopul este de a îmbunătăți aspectul și funcționalitatea site-ului web.
Anatomia unui site frontend. Definiții și termeni pentru design web.
-
Pesmet. Firimituri de pâine.
Când paginile web arată utilizatorilor cum au navigat pe pagina web și cum să revină la pagina principala, acest lucru se face adesea folosind pesmet. Acesta este de obicei afișat ca o serie de categorii imbricate, cum ar fi Acasă > Categorie > An > Luna > Postare.
Favicon. Favicon.
O favicon este o pictogramă minusculă care apare în bara de file a browserului dvs. De obicei, acestea au dimensiunea de 16×16 pixeli (care este de fapt foarte mici) și sunt salvate ca imagini .ico, .gif sau .png. Puteți utiliza aproape orice imagine ca pictogramă, atâta timp cât are dimensiunea potrivită și salvată în formatul potrivit.
Punct focal. Coordonator.
Focalizarea unei pagini web este partea din pagină în care îți este atrage atenția. Designerii vor petrece mult timp creând un punct focal care atrage cu adevărat atenția spectatorului și apoi punând în centrul atenției cel mai important lucru de pe pagină. Acest lucru asigură faptul că cât mai mulți oameni îl vor vedea.
În față. În față.
Acestea sunt toate elementele precum imagini, text, pagini pe care oamenii le vor vedea atunci când vă vizitează prima dată site-ul. În esență, acesta este ceea ce oamenii vor interacționa și cu care vor interacționa pe un site web.
Pictograma Hamburger. Pictograma Hamburger.
Pictograma hamburger se referă la pictograma meniului care se găsește în mod obișnuit în programele ulterioare. Are trei dungi orizontale (de unde „hamburgerul”) și ascunde meniul tradițional de navigare în spatele unei singure pictograme.
Pagina de destinație. Pagina de destinație.
Aceasta este prima pagină pe care o vor vedea vizitatorii site-ului dvs. Multe site-uri web folosesc o pagină de destinație dedicată pentru a afla ceva de la vizitator (cum ar fi partajarea adresei lor de e-mail sau a unei pagini specifice unui produs). A ta pagina de destinație este una dintre cele mai importante pagini de pe site-ul dvs. și ar trebui să petreceți mult timp optimizând-o.
Navigare. Navigare.
Navigarea este sistemul folosit pentru a vă deplasa între elementele paginii dvs. web și este unul dintre cele mai importante elemente ale oricărei pagini web. De aceea este atât de important să cunoaștem principiile cheie ale navigării pe site. Cel mai un exemplu strălucitor Navigațiile sunt meniuri care apar pe majoritatea paginilor web. Dar acordați o atenție deosebită modului în care sunt organizate paginile și legăturilor dintre ele. De asemenea, pot face o pagină web mult mai ușor de navigat pentru vizitatori.
Anatomia unui backend de site. Definiții și termeni pentru design web.
-
Capătul din spate. Capătul din spate.
Aceasta este partea a sistemului dvs. care rulează eficient site-ul dvs., dar este ascunsă de vizitatori. Există multe componente back-end diferite disponibile, dar toate conțin de obicei aceleași lucruri - aplicații, structura informațiilor și CMS-ul dvs.
CMS
Un sistem de management al conținutului este unul intern instrument pentru gestionarea conținutului site-ului dvs, adăugarea de utilizatori, gestionarea comentariilor și, eventual, multe altele. Dacă ați folosit vreodată WordPress pentru a crea un site web, ați folosit un CMS. Un CMS ușurează mult proiectarea și crearea unei pagini web, deoarece ascunde o mare parte din codul brut care alimentează site-ul web.
Comerț electronic. Comerț electronic.
Comerț electronic înseamnă „comerț electronic”. la fel cum „e-mail” înseamnă „e-mail”. De obicei, adăugați un magazin pe site-ul dvs e-commerce, care va gestiona descrierile produselor, achizițiile și vânzările și datele clienților.
HTTP/HTTPS
Este un sistem care gestionează comunicarea între browsere, servere și aplicații web. Acesta definește modul în care datele ar trebui să fie împachetate și trimise.
HTTPS este o extensie a HTTP care poate stabili conexiuni prin SSL (Secure Socket Layer). Acesta este un mod mult mai sigur de a partaja date online. Multe browsere web moderne vă vor avertiza dacă un site web folosește protocolul standard HTTP în loc de HTTPS.
În calitate de proprietar al site-ului web, puteți achiziționa certificatele SSL necesare pentru a utiliza HTTPS de la diverși furnizori. Odată adăugat, site-ul dvs. va face mai sigur și va crea încredere clienților dvs.
Conecteaza. Termeni de design web
Un program mic care se instalează deasupra site-ului principal și oferă securitate suplimentară. Pluginurile sunt disponibile pentru cele mai populare platforme CMS și pot fi utilizate pentru multe funcții diferite, de la automatizarea postărilor de blog până la gestionarea clienților potențiali.
Șablon. Probă.
Șabloanele sunt folosite în design web în același mod în care sunt utilizate pentru documente și imagini, pentru a asigura un design coerent în multe pagini diferite. Majoritatea platformelor CMS vă vor oferi un set de șabloane pentru site-ul dvs. web, care vă vor ajuta să asigurați coerența paginilor dvs. și a designului dvs. pe acestea.
Condiții tehnice pentru internet. Definiții și termeni pentru design web.
-
Text ancorat. Text ancorat.
Textul ancora este o frază sau mai multe cuvinte care conțin un hyperlink. Utilizarea textului de ancorare potrivit poate face o diferență uriașă în ceea ce privește clasarea paginii dvs. în motoarele de căutare.
Backlink. Backlink.
Acestea sunt link-uri către site-ul dvs. de pe alte site-uri. Când un alt site trimite către al tău, de exemplu pentru a-și direcționa cititorii către o resursă, ai primit un backlink. Backlink-urile sunt foarte importante atunci când vine vorba de creșterea clasamentului dvs. de căutare, deoarece mai multe backlink-uri de pe site-uri de încredere vor crește vizibilitatea site-ului dvs.
Lățimea de bandă. Lățimea de bandă.
Lățimea de bandă este un termen folosit în multe contexte diferite, dar în esență înseamnă cantitatea de date trimisă sau primită într-o anumită perioadă. Poate fi folosit, de exemplu, pentru a descrie viteza dvs. de internet, unde este de obicei exprimată în kilobiți pe secundă (kbps). Cu toate acestea, uneori este folosit pentru a descrie câte date puteți utiliza pe lună ca parte a pachetului dvs. de găzduire web.
Cache. Bani gheata.
Un cache este un set de date care este stocat într-un browser web. Aceasta înseamnă că data viitoare când utilizatorul vizitează site-ul, pagina se va încărca mai repede deoarece este încărcată din memoria locală.
Termenii de design web DNS
DNS înseamnă Domain Name Service. Acesta este sistemul prin care browserul dvs. web găsește pagini web. Cand tu azbyka.com.ua , browserul dvs. caută un „tabel DNS” care convertește această adresă prietenoasă cu oamenii într-o adresă prietenoasă cu computerul (adică una formată din numere). Sistemul DNS ține evidența unde sunt toate paginile web din lume, astfel încât browserul dvs. să le poată găsi.
Numele de domeniu
Acesta este numele site-ului dvs. Puteți achiziționa domenii de la multe companii. Acestea nu pot conține mai mult de 63 de caractere. De exemplu, https://azbyka.com.ua/este numele nostru de domeniu.
FTP
FTP înseamnă File Transfer Protocol și este un sistem de transfer de fișiere și date din stocarea locală (să zicem, pe computer) pe serverul dvs. web. Pentru a utiliza FTP, trebuie să descărcați un mic program numit client FTP.
Permalink. Link permanent
Un permalink care vă permite să furnizați o adresă care va indica întotdeauna o anumită postare de blog sau o pagină, indiferent de modul în care schimbați structura site-ului dvs. în jurul acesteia. Acest lucru este foarte util dacă utilizați postări de blog pentru a crește traficul către site-ul dvs., deoarece nu trebuie să schimbați manual zeci (sau sute) de link-uri dacă decideți să schimbați designul site-ului dvs sau schimbați numele de domeniu.
URL-ul
O adresă care indică unde poate fi găsită o anumită pagină sau altă resursă.
Web hosting. Definiții și termeni pentru design web.
O găzduire web este o companie care gestionează serverele care vă stochează website. După cum explicăm în articolul nostru despre găzduirea web, gazdele web pot varia foarte mult în ceea ce privește nivelul serviciilor pe care le oferă. O gazdă web bună vă va putea asigura că site-ul dvs. va fi disponibil în 99,9% din timp și vă va oferi, de asemenea, instrumentele pentru a-l menține sigur și eficient.
server web
Un server web este computerul care stochează de fapt pagina dvs. web. Cel mai probabil se află într-o instalare de server deținută de gazda dvs. web, deși este, de asemenea, posibil să rulați propriile servere.
Terminologia dezvoltării web. Definiții și termeni pentru design web.
CSS
CSS înseamnă Cascading Style Sheets și, împreună cu HTML, aceste foi sunt partea cea mai fundamentală a oricărei pagini web. În urmă cu zece ani, formatarea paginilor web, cum ar fi dimensiunea titlurilor sau dacă imaginile aveau margini, era determinată în codul HTML însuși. Aceasta însemna că schimbarea formatării a fost nevoie de muncă procesul de trecere a fiecărui element pagini și modificări de cod.
Cu CSS totul este mult mai simplu. Stilul unei pagini este conținut în unul (sau mai multe) fișiere CSS care determină cum arată titlurile, cum sunt afișate imaginile și multe alte elemente. Ei spun browserului cum să afișeze site-ul web. Astfel, formatul site-urilor întregi poate fi schimbat prin schimbarea unei singure bucăți de cod.
DHTML
DHTML înseamnă Dynamic HyperText Markup Language. Este un termen pentru un limbaj care combină mai multe limbaje de design web — HTML, JavaScript și CSS — într-un singur super limbaj pentru dezvoltarea web. Acesta este de obicei ceea ce dezvoltatorii web moderni îl vor folosi pentru a crea un site web pentru dvs.
Doctype. Definiții și termeni pentru design web.
În HTML, un tip de document este o descriere a tipului de HTML și a versiunii utilizate pe o pagină web. Este folosit de browsere pentru a verifica integritatea paginii și poate provoca erori de securitate dacă este incorectă.
Em. EM. Termeni de design web
Em este folosit pentru a descrie dimensiunea unui font în raport cu fontul „părinte” utilizat pe pagină. 1Em înseamnă că fontul (sau, uneori, alte elemente) au aceeași dimensiune cu elementul părinte, 2em înseamnă că sunt de două ori mai mari și așa mai departe.
Stilul încorporat. Stil încorporat. Termeni de design web
În timp ce CSS (vezi mai sus) poate fi folosit pentru a descrie formatul paginilor întregi simultan, uneori trebuie doar să schimbați stilul pe o singură pagină. Acesta este momentul în care se folosește un stil inline. Un stil inline este o bucată de cod CSS scrisă în capul unei pagini web care afectează doar elementele din pagina respectivă, nu întregul site.
Familia de fonturi/stil/greutate. Familia de fonturi/stil/greutate
Designerii și dezvoltatorii web adesea nu lucrează cu anumite fonturi, deoarece browsere diferite nu folosesc întotdeauna aceleași fonturi. Acesta este motivul pentru care într-un document CSS veți vedea că fontul folosit este definit ca o familie de fonturi - un grup de fonturi care pot fi utilizate - și nu doar unul individual. Alături de această definiție, documentul CSS va defini și stilul fontului (italic, subliniat etc.) și greutatea (bold, light etc.).
HTML. Definiții și termeni pentru design web.
Limbajul de marcare hipertext este baza Internetului. Toate paginile web sunt scrise, cel puțin într-o oarecare măsură, în HTML, care a fost conceput pentru a fi cât mai ușor de scris. De fapt, poate fi foarte util, încercați Tutorial pe cod HTML, pentru a vedea dacă e ușor de scris - vei fi surprins de ce poți realiza în câteva ore!
Metadate.
Metadatele sunt datele conținute în antetul paginilor web. Aceste date sunt disponibile pentru browserul dvs., dar nu sunt afișate ca parte a paginii web pe care o vizualizați - va trebui să vizualizați codul sursă pentru a-l accesa.
Sursa deschisa. Sursa deschisa. Termeni de design web
Software-ul open source este susținut de utilizator și poate fi folosit și modificat în mod liber. Acest lucru contrastează cu software-ul proprietar, care este deținut și întreținut de o anumită companie. Majoritatea dezvoltatorilor web vor folosi software cu sursă deschisă cel puțin uneori, deoarece nu numai că este mai ieftin, dar poate fi și mai sigur. În zilele noastre, majoritatea dezvoltatorilor web minimizează încălcările de securitate prin utilizarea containerelor scrise în limbi open source.
Înscenare. Înscenare. Definiții și termeni pentru design web.
Staging webсайта este procesul de a crea o copie aproape finală a acesteia și apoi de a o testa înainte de a implementa versiunea live a site-ului. Majoritatea dezvoltatorilor web „programează” un site web înainte de a-l lansa pentru a se asigura că totul funcționează corect. Și adesea, modificări majore ale unui site web au loc mai degrabă pe site-ul de pregătire decât pe site-ul live.
Valabil. Valabil.
În web design, paginile web valide sunt cele care nu conțin erori. În practică, aceasta înseamnă pagini web care urmează standardele stabilite în specificațiile HTML publicate de W3C, comunitatea care stabilește standarde pentru dezvoltarea web.
XML. Termeni de design web
XML înseamnă Extensible Markup Language. XML este o parte fundamentală a designului web, deoarece acționează ca un „metalimbaj” care traduce elemente ale unei limbi în alta. Aceasta înseamnă că paginile web pot fi create folosind multe limbi diferite, toate comunicând prin XML.
Ultimul lucru…
Desigur, nu trebuie să cunoașteți toate aceste definiții și termeni de design web pentru a începe. dezvoltarea site-ului web - fie independent, fie cu ajutor. În cele din urmă, designul web este un proces de învățare, iar cele mai bune modele sunt opere de artă repetabile care se îmbunătățesc continuu pe măsură ce înveți lucruri noi.
Cu toate acestea, poate fi foarte util să aveți un ghid prin lumea uneori complexă a designului web, mai ales când sunteți abia la început. Designerii noștri web profesioniști vă vor ajuta să începeți în lumea interesantă a designului web.
Lasă un comentariu