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.
Designul site-ului duet Piece of Cake
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.
Designerul Dan Tase
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.
Site-ul KAFEDRA. Cursuri practice pentru arhitecți
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.
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.
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.
Aterizarea Mazda CX-5
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.
Î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.