Salt la conținutul principal

Blocul Coloane

La ce folosește blocul Coloane?

Folosește-l când blocurile gata făcute nu oferă aranjarea dorită. Containerul permite două sau trei zone în care poți combina alte blocuri. Oferă libertate vizuală, dar este potrivit mai ales când chiar ai nevoie de o compoziție personalizată.

Caută mai întâi un bloc dedicat. Pentru imagine cu text, beneficii sau prețuri, o componentă specializată este de obicei mai simplă și mai ușor de adaptat la mobil. Coloanele sunt utile când vrei să combini mai multe tipuri de blocuri în proporții proprii.

Aranjări frecvente

  • 50 / 50: două părți cu importanță egală.
  • 33 / 67: o zonă scurtă de sprijin și o secțiune principală.
  • 40 / 60 și 60 / 40: o diferență mai discretă de importanță.
  • 33 / 33 / 33: trei zone echivalente.

Pe telefon, coloanele ajung una sub alta; asigură-te că și în acea ordine mesajul are sens.

40% — coloană de sprijin

Coloana mai îngustă este potrivită unei explicații scurte sau unui pas secundar.

60% — conținut principal

Coloana lată poate găzdui mai multe explicații. În acest exemplu, spațiul dintre coloane este mărit, conținutul este centrat vertical, iar pe mobil ordinea este inversată pentru ca mesajul principal să apară primul.

50 / 50 — prima coloană

Două părți cu importanță similară primesc același spațiu. Acest aspect este potrivit când ambele contribuie în mod egal la mesaj.

A doua coloană, cu aceeași importanță. Containerul Coloane poate include nu doar text, ci și tipuri diferite de blocuri, puse unul lângă altul.

Coloane în trepte: decalare verticală

Într-o compoziție cu două coloane, una poate începe mai jos, de exemplu pentru două fotografii înalte. În setarea Decalare alegi coloana coborâtă (stânga sau dreapta), iar la Mărimea decalării alegi Mică, Medie sau Mare.

  • Decalarea se aplică numai când coloanele sunt alăturate; pe telefon acestea se așază normal una sub alta.
  • Perechea decalată se aliniază sus, fără centrare verticală suplimentară.

Rezultatul este mai clar când ambele coloane încep cu fotografii.

Bușteni stivuiți, cu secțiunea tăiată orientată spre privitor.

Prima coloană

Această coloană începe în poziția obișnuită.

Parc urban însorit, cu iarbă verde, copaci și o dâră albă pe cerul albastru.

A doua coloană, decalare medie

Coloana din dreapta începe mai jos, astfel încât cele două fotografii verticale sunt așezate în trepte.

Ce poți configura la Coloane?

Proporțiile, spațiul, comportamentul pe mobil și stilul fiecărei coloane sunt independente.

Aranjare

O singură coloană sau proporții 50/50, 33/67, 67/33, 40/60, 60/40, 25/75, 75/25 și trei coloane egale.

Spațiu între coloane

De la fără spațiu până la o distanță generoasă.

Aliniere verticală

Sus, centru sau jos, când înălțimile sunt diferite.

Ordinea pe mobil

Poți alege ce coloană apare prima și de la ce lățime de ecran sunt așezate alăturat.

Stilul coloanei

Fiecare zonă poate avea fundal, spațiere internă, contur, colțuri rotunjite și umbră.

Fundal și lățime →

Întregul bloc poate avea o culoare proprie și o lățime pentru citire, lată sau completă.

LIBERTATE DOAR CÂND ESTE UTILĂ

Construiește un aspect personalizat care rămâne logic și pe telefon.

Folosește atent proporțiile, spațiul și ordinea pe mobil — și alege un bloc dedicat când este mai simplu.