Un articol Extra, cu toate elementele la vedere
CC BY-SA 2.0
Acesta este un articol demonstrativ. Reunește elementele pe care le putem folosi în Extra, ca să le vedem împreună și să alegem cum vor arăta.
Text, subtitluri și liste în articol
Un paragraf obișnuit poate avea o idee evidențiată, o scurtă precizare sau un link către o listă Topi. Putem folosi și un fragment marcat, când merită observat din prima.
Un subtitlu mai mic, pentru o idee separată
Textul continuă în aceeași coloană. Box-ul de mai jos poate apărea exact după paragraful care îl face relevant, apoi lectura merge mai departe.
O listă cu puncte
- Primul aspect de luat în calcul.
- Al doilea aspect, explicat pe scurt.
- Un ultim detaliu util cititorului.
O listă numerotată
- Alegi o variantă.
- Verifici informațiile importante.
- Continui cu pasul următor.
„Un citat poate întrerupe textul pentru o idee care merită să rămână în minte.”
Text demonstrativ, fără atribuire unei persoane reale
O casetă scurtă pentru o explicație care completează paragraful.
Un tabel care face comparația mai ușoară
Folosim tabele când cititorul are de comparat mai multe variante după aceleași criterii. Datele de mai jos sunt fictive și servesc numai acestei probe.
| Variantă | Durată | Potrivită pentru | Detaliu |
|---|---|---|---|
| Varianta A | 30 de minute | O oprire scurtă | Program simplu |
| Varianta B | O oră | O vizită pe îndelete | Mai multe opriri |
| Varianta C | Două ore | O zi cu timp liber | Traseu mai lung |
Exemplu cu date fictive. Pe telefon, tabelul se poate derula lateral.
Butoane cu roluri diferite
Butonul galben evidențiază acțiunea principală. Celelalte variante pot însoți o acțiune secundară sau o secțiune distinctă.
O acțiune discretă poate rămâne un simplu link în text →.
Un îndemn, separat de restul textului
Aici putem recomanda următorul pas: o listă de explorat sau un alt articol care continuă subiectul.
Imagini, informații scurte și casete
Două imagini pot sta alături atunci când comparăm sau ilustrăm două idei. Fiecare își păstrează proporțiile și poate avea propria legendă.
CC BY-SA 2.0
CC BY-SA 4.0
Caseta verde poate evidenția o recomandare scurtă, legată de subiectul articolului.
Caseta galbenă poate semnala o condiție, o limitare sau un detaliu care se schimbă în timp.
O listă de verificare
- Un lucru de verificat înainte de alegere.
- Un al doilea lucru care merită atenție.
- Un ultim pas înainte să continui.
Întrebări și răspunsuri
Toate aceste elemente vor apărea în fiecare articol?
Nu. Pentru fiecare articol alegem doar elementele care ajută cititorul. Această pagină le adună pentru a vedea designul lor.
Unde putem pune box-urile cu liste?
Între paragrafe, după o explicație sau la final, în funcție de locul în care lista completează subiectul.
Cum vor arăta pe telefon?
Textul și box-urile folosesc lățimea disponibilă. Tabelele mai late se derulează în interiorul propriei casete.
O listă relevantă spre final
La final putem lăsa cititorului o continuare concretă, printr-un box de listă legat de subiect.
Articol demonstrativ pentru design. Textele, cifrele și citatul sunt exemple; imaginile provin din liste existente pe Topi.