Cum să utilizați corect cardurile în designul site-ului

Imaginea și textul sunt separate. Titlul este sub imagine sau în continuare. Astfel de carduri pot fi plasate în coloane sau în perechi la același nivel. O pictogramă poate fi folosită și în locul unei imagini. Există o carte largă, de exemplu, când trebuie să atrageți atenția asupra unui singur produs. Acesta ocupă aproape toată lățimea câmpului, în timp ce imaginea este pe partea stângă, iar semnătura este pe dreapta.






Cum să utilizați corect cardurile în designul site-ului

Designul site-ului duet Piece of Cake

Cum să utilizați corect cardurile în designul site-ului

Cum să utilizați corect cardurile în designul site-ului

IKRA. Workshop de proiecte educaționale

Numai textul. Card extrem de laconic: titlul și semnătura. Acest tip poate fi folosit, de exemplu, pentru o secțiune cu tarife, în care trebuie să comunicați rapid informații fără a distrage atenția utilizatorului.

Cum să utilizați corect cardurile în designul site-ului

Cum să utilizați corect cardurile în designul site-ului

Designerul Dan Tase

Cum să utilizați corect cardurile în designul site-ului

Centrul de aterizare pentru yoga și fitness MindBody

Lucrul cu cărțile de pe Tilde

Numărul de carduri într-un rând depinde de conținut. Dacă există multe elemente și importanța lor este secundară, le puteți plasa pe șase cărți.






Card - deseori (dar nu întotdeauna) un buton: a făcut clic pe el, sa dus la pagină. Puteți introduce un buton numit CTA (call-to-action), care oferă utilizatorului o "sugestie". De exemplu, inscripția "aflați mai multe" vă invită să faceți clic pe carte.

Cum să utilizați corect cardurile în designul site-ului

Site-ul KAFEDRA. Cursuri practice pentru arhitecți

Cum să utilizați corect cardurile în designul site-ului

Proiectul de aterizare LASKA

Un atribut care ascunde legăturile necesare din indexarea căutării. Funcționează atât cu Google, cât și cu Yandex.

Alte câteva sfaturi despre cum să lucrezi cu cărți

Un card este o idee. Pot exista multe elemente diferite pe card, dar toate trebuie să formeze un obiect clar. Aceasta ar trebui să fie o singură bucată de conținut pentru utilizator.

Cum să utilizați corect cardurile în designul site-ului

Site-ul Bunch of questions. Colecție de povestiri

Nu rezervați spațiul alb. Fiecare carte este un element de conținut separat. Pentru a vă asigura că utilizatorul poate înțelege pe deplin întregul conținut, merită să nu stăpâniți pe spațiul gol în jurul și între carduri.

Cum să utilizați corect cardurile în designul site-ului

Magazin online Voodooboks

Limitați dimensiunea conținutului. Cardul trebuie să conțină cele mai importante informații. Cardul poate duce la o pagină cu informații detaliate, dar ar trebui să reflecte numai esența. O mulțime de informații în ea pur și simplu nu se pot potrivi, iar conținutul va fi mai rău perceput.

Cum să utilizați corect cardurile în designul site-ului

Aterizarea Mazda CX-5

Cum să utilizați corect cardurile în designul site-ului

Model de aterizare pe Tilda.cc

Creați o ierarhie în interiorul cardului. Ierarhia conținutului din carte în sine ajută la gestionarea atenției utilizatorului. Cel mai important conținut este plasat în partea superioară a cartelei. Utilizați delimitatori când trebuie să marcați în mod explicit limita dintre conținut.

Cum să utilizați corect cardurile în designul site-ului

Începeți de la sarcinile site-ului și al produsului. Din scopurile site-ului și ale afacerii depinde de ce conținut trebuie să-i arate utilizatorului. Trebuie să aranjăm elementele catalogului în magazinul de îmbrăcăminte sau să facem un card care să solicite bilete de rezervare? Cardurile pentru diferite scopuri vor fi diferite.







Articole similare

Trimiteți-le prietenilor: