20 Condiții de web design pentru clientul Clueless
În industria de web design, folosim multe termeni insider. Acest lucru nu numai că face dificilă pornirea pentru noii veniți, în special clienții care nu sunt implicați în industria de proiectare, dar comunicarea înțelesului lor corect poate uneori să fie o provocare.
În acest glosar, am adunat 20 termeni de web design frecvent utilizați și a adăugat o scurtă explicație fiecăruia, astfel încât oricine să poată să le privească rapid în caz de orice incertitudine. Dacă aveți un client care are nevoie într-adevăr de un curs de accident în jargonul de design web, partajați acest articol cu ei.
“Animaţie”
O tehnică de design web care adaugă mișcare la elementele de pe ecran pentru a vizualizați schimbarea sau la atrage atentia utilizatorilor.
Animațiile sunt mai puternice decât tranzițiile, deoarece acestea pot trece prin mai multe state diferite între punctele lor de început și de sfârșit, prin urmare, ele pot fi utilizate pentru efecte mai complicate.
“Breadcrumb”
A tip de navigație care informează utilizatorii despre situația lor locatia curenta pe un site.
Breadcrumbs conține cale pe care pagina curentă poate fi accesată de pe pagina de pornire, de obicei în formatul Acasă / Categorie / Pagina. Fiecare element al căii este de asemenea clickable astfel încât utilizatorii pot rapid navigați în ierarhia site-ului. Breadcrumbs sunt de obicei afișate în partea de sus a fiecărei pagini.
“Dezordine”
O gafă de web design, un indicator al unui a pagină slab proiectată.
Vorbim despre o pagină aglomerată când designerul a strâns prea multe informații pe aceeași pagină fără a adăuga suficient spațiu alb și structurarea corectă a conținutului. Ștergeți paginile lizibilitate redusă, și afecta experiența utilizatorului.
“Schema de culori”
A colecție de culori armonizante utilizat pentru crearea unui recunoașterea identității mărcii.
De obicei, aceeași schemă de culoare este utilizate în mod consecvent prin intermediul site-ului web al mărcii, al aplicației mobile, al logo-ului și al materialelor de marketing. O schemă de culori poate fi proiectată în funcție de diferite principii, există scheme de culori monocromatice, analoage, complementare, triade și alte culori.
“Contrast”
O tehnică de proiectare accentuează diferențele între elemente care au un rol sau un sens diferit.
Utilizarea culori complementare (opuse pe roata de culori) sunt cel mai bine cunoscut mod de a exprima contrastul vizuale în forma, stilul, tipografia sau aspectul elementelor de pagină pe care dorim să le deosebim, pot obține, de asemenea, un efect contrastant.
“Statul gol”
O stare specifică a unui site web sau a unei aplicații atunci când există nu încă conținut pe o anumită pagină, însă elementele de design sunt deja în locul lor.
Clasele de prima utilizare, cum ar fi profilele goale, sunt exemple tipice pentru paginile de stare goale. Acestea necesită tehnici de proiectare specifice (cum ar fi proiectarea la bord) informează utilizatorii despre ceea ce ar trebui să fie pe pagină și incurajeaza-i pentru a efectua anumite activități.
“Aspectul fixat”
A tipul de structură în care un sit și elementele sale utilizați aceeași lățime în toate rezoluțiile, definite în valori statice (de obicei pixeli).
Modul tradițional de construire a site-urilor web. Rareori ales pentru site-urile web mai noi, deoarece site-urile cu layout-uri fixe sunt greu de utilizat (citibile) pe ecranele mobile. Pentru a rămâne accesibile pentru utilizatorii de telefonie mobilă, multe site-uri cu layout fix utilizează a site mobil secundar.
“Designul plat”
A UI limbaj de design care se concentrează pe stiluri curate și minimaliste, și elimină texturi complicate, modele, gradienți și alte efecte fanteziste pentru a ajuta utilizatorii o mai bună concentrare asupra conținutului.
Designul plat a fost criticat pentru problemele de utilizare care derivă din lipsa de tridimensionalitate. Mai matur Flat 2.0 limbi de design, cum ar fi designul materialului Google, au apărut ca răspuns, și au adus puțină adâncime înapoi la designul plat.
“Fluid aspect”
A tipul de structură acea utilizează unități relative pentru a defini lățimea unui sit și a elementelor acestuia.
Cele mai frecvent utilizate unități relative pentru structurile fluide sunt procente, dar ems și rems pot fi de asemenea utilizate. Un aspect fluid redimensionează (se întinde și se micsorează) pe măsură ce se modifică lățimea ferestrei de vizualizare. Spre deosebire de planurile receptive, un aspect fluid nu utilizează interogări media. De asemenea, denumită și aspect lichid.
“plia”
Partea din partea de jos a părții vizibile a ecranului.
Termenul “deasupra ori” se referă la porțiunea unei pagini web pe care o pot vedea vizitatorii fără a lua nicio măsură, in timp ce “sub pliu” se referă la restul paginii pe care o pot utiliza utilizatorii ajungeți numai prin interacțiunea cu site-ul - de obicei prin derularea sau deplasarea (pe mobil).
Este recomandat să plasați elemente de branding (de exemplu, sigla), navigarea pe site-uri, și interesant deasupra ori pentru a face utilizatorii să înțeleagă rapid scopul site-ului și să fie interesați de restul conținutului.
“Degradare grațioasă”
O strategie web design care include toate funcțiile avansate implicit pe un site, apoi elimină sau simplifică mai târziu lucruri care nu funcționează în browsere mai vechi, pe dispozitive mai puțin capabile sau la lățimi de bandă mai mici.
Se concentrează mai mult pe aspect decât pe conținut. În epoca mobilă, îmbunătățirea progresivă a devenit strategia de web design predominantă pentru site-uri noi, degradarea grațioasă este folosită în principal pe site-uri vechi sau moștenite.
“Imagine eroică”
O supradimensionată banner imagine plasat deasupra ori.
Imaginile eroice sunt de înaltă calitate, de obicei, imagini cu dimensiune totală relevante pentru conținutul site-ului. Pe partea de sus a acestora, există de obicei a text scurt (unul sau două rânduri) care transmite un mesaj utilizatorilor și a butonul de chemare la acțiune care le solicită să ia o anumită acțiune, cum ar fi cumpărăturile sau înscrierea pe site.
“Pagina de aterizare”
Inițial orice pagină unde un vizitatorul online intră pe un site. Recent, termenul este folosit mai degrabă pentru o pagină autonomă, concepută pentru a scopul specific de afaceri.
De exemplu, dacă utilizatorii web urmăresc un anunț banner, aceștia se găsesc frecvent pe o pagină de destinație care le solicită să cumpere un produs relevant. Pagini de destinație cu un singur focalizare și a apelarea la acțiune clară tind să atingă rate de conversie mai mari.
“Lazy Loading”
O tehnică pentru încărcarea imaginilor și a altui conținut static, cum ar fi videoclipurile, doar cu puțin timp în urmă vizibil pentru utilizator.
Dacă un site utilizează încărcare leneșă, numai imaginile deasupra ori sunt încărcate mai întâi, restul este încărcat numai când (dacă) utilizatorul scroll pagina. Folosit frecvent în design-ul receptiv și mobil ca acesta salvează resurse. De exemplu, Google AMP accelerează site-urile mobile prin leneș de încărcare a resurselor statice în mod implicit.
“Interogare media”
O caracteristică CSS care face web design sensibil posibil, dând posibilitatea designerilor să creeze diferite modele pentru diferite dimensiuni ale dispozitivului (lățime și / sau înălțime), orientări (peisaj sau portret) și tipuri de suport (imprimare, ecran etc.).
De obicei, site-uri receptive au machete separate pentru ecrane desktop, tablete și mobile, breakpoints între ele sunt definite de interogările media adăugat la CSS.
“Îmbunătățire progresivă”
O strategie web de design care prima adaugă doar elementele de bază la un site, care funcționează pe orice browser, lățime de bandă și dispozitiv. Mai multe caracteristici avansate de front-end (stiluri și interactivitate) sunt încărcate în straturi după aceea.
Îmbunătățirea progresivă în primul rând se concentrează asupra conținutului, rezultă în site-uri care sunt accesibil pentru fiecare utilizator, prin urmare este modul predominant de a construi site-uri în era mobilă (spre deosebire de degradarea grațioasă).
“Design Responsabil”
O abordare de web design pentru a crea site-uri web ajustați dimensiunile de tipuri diferite de dispozitive (cel mai frecvent mobile, tablete și desktop) prin proiectare modele diferite și alte stiluri (de exemplu, tipografia, dimensiunea imaginii) pentru ele.
Designul receptiv face uz de diferite tehnici, cum ar fi unități relative, rețele flexibile, și solicitări media pentru a servi fiecare utilizator cu conținut util, lizibil și accesibil. Cele mai multe site-uri web moderne folosesc design receptiv.
“Skeuomorphism”
O limbă de proiectare UI care utilizează limbajul principiul familiarității, și se concentrează pe crearea de elemente de design care seamănă cu echivalentul lor în lumea reală.
De exemplu, butoanele care arată ca niște butoane din viața reală, utilizând efecte cum ar fi conice și relief, umbre, picături și altele. Înainte ca designul plat sa devină predominant, skeuomorfismul a fost cel mai important trend de design web de mulți ani.
“Tranziție”
O tehnică de design web pentru vizualizând modificări simple atunci când un element pe ecran modifică ușor între o stare de început și de sfârșit.
Tranzițiile - spre deosebire de animații - nu au între state, doar a începutul și sfârșitul, prin urmare, acestea urmează să fie utilizate pentru schimbări subtile, cum ar fi pentru vizualizare hover state.
“Spatiu alb”
spațiu liber între elementele de proiectare adiacente. De asemenea, denumită și spațiu negativ.
Spațiul alb ajută utilizatorii schimbați conținutul, și vizual indică ierarhia conținutului. Spațiul alb nu este neapărat alb, ci folosește culoarea de fundal a site-ului. Lipsa spațiului alb suficient duce la a pagina cluttered.
