Salt la conținutul principal

Blocul Carduri suprapuse

La ce folosește blocul Carduri suprapuse?

Derularea construiește povestea. Etapele apar una după alta, fără a supraîncărca vizitatorul. Este util pentru procese, prezentări de servicii și povești scurte în care fiecare card adaugă ceva.

Dacă ordinea poate fi schimbată fără să se piardă sensul, folosește mai degrabă o grilă de carduri.

Exemplu: cum lucrăm

Patru etape prezentate succesiv la derulare.

  1. 1. Înțelegem obiectivul

    Stabilim ce dorește clientul, cui se adresează site-ul și cum arată rezultatul potrivit.

  2. 2. Alegem direcția

    Definim deciziile importante, structura și experiența utilizatorului.

  3. 3. Realizăm prima versiune

    Planul devine un site care poate fi văzut și testat.

  4. 4. Ajustăm și predăm

    Rafinăm detaliile după feedback și stabilim pașii următori.

Al doilea exemplu

Când fiecare etapă are o imagine proprie

Cardurile pot include fotografii diferite; derularea păstrează ordinea poveștii.

Exemplu: povestea unui obiect în imagini

Fiecare card arată un moment nou.

  1. O artizană sculptează un model într-un bol de lemn, într-un atelier.

    1. Prinde formă

    Primul card prezintă începutul și atmosfera vizuală.

  2. Detaliu apropiat cu o unealtă care sculptează un model într-un bol de lemn.

    2. Descoperim detaliile

    Următoarea fotografie prezintă un unghi mai apropiat.

  3. O artizană privește un bol de lemn terminat, în atelier.

    3. Povestea se încheie

    Ultimul card arată rezultatul final.

Carduri suprapuse sau Poveste la derulare? Pentru fiecare pas cu propriul card și eventual propria imagine, alege Carduri suprapuse. Dacă o fotografie rămâne fixă în timp ce textul se schimbă lângă ea, alege Poveste la derulare.

Ce poți configura la Carduri suprapuse?

Conținutul cardurilor, proporțiile imaginilor și aspectul întregii secțiuni.

Carduri

Trei până la cinci carduri sunt de obicei suficiente; fiecare are titlu, text și eventual imagine.

Aranjarea cardurilor

Patru forme, de la imagine și text alăturate la card pe tot ecranul.

Proporțiile imaginilor

4:3, 1:1, 16:9 sau 4:5, consecvent în întreaga serie.

Titlu și introducere

Text propriu înaintea secvenței.

Fundal și lățime →

Pe fundalul paginii, fundal personalizat sau inversat; conținut de citire, lat sau complet.

Spațiere și ancoră →

Margini, spațiu interior și un ID pentru link direct.

Carduri pe tot ecranul

Cinci imagini, cinci momente scurte.

  1. Oameni care se plimbă pe iarbă, între copaci, sub cer albastru.

    Formă

    De aici începe.

  2. Fotografie cu un detaliu văzut de aproape.

    Detaliu

    Ne apropiem.

  3. Bușteni maronii așezați alături.

    Material

    Textura spune povestea.

  4. Alee pietonală între clădiri înalte.

    Finisare

    Fiecare detaliu contează.

  5. Un câine și o pisică se odihnesc pe iarbă.

    Gata

    Povestea este completă.

CONSTRUIEȘTE POVESTEA PAS CU PAS

Nu arăta totul deodată. Oferă ritm fiecărei etape.

Folosește câteva carduri puternice, imagini consecvente și o ordine logică.