Riuscito
Impostazioni scheda
Perfezionate il layout riutilizzabile delle schede, le immagini, il testo, l’allineamento e i pulsanti per adattarlo meglio a qualsiasi schermo.
Usate queste impostazioni quando un’area basata su schede richiede una presentazione diversa rispetto ai valori predefiniti più ampi del tema. Vi consentono di rifinire l’aspetto e la leggibilità delle schede senza modificare ogni altro stile di scheda in tutto lo storefront. Per una panoramica più ampia di dove rientrano queste impostazioni, consultate documentazione Shopify su sezioni e blocchi
Aspetto della scheda
Sezione intitolata “Aspetto della scheda”Lo stile della scheda controlla la presentazione complessiva di ciascuna scheda, inclusa la quantità di struttura, spaziatura o enfasi sull’immagine. È il punto migliore da cui iniziare se le schede risultano troppo affollate, troppo semplici o non in linea con i contenuti che mostrano.
Gli stili con più padding di solito rendono più facile la scansione di contenuti misti. Gli stili più orientati alle immagini funzionano meglio quando la fotografia deve trasmettere la maggior parte del messaggio.
Mantenete Use theme setting quando desiderate coerenza con il resto del tema. Sostituitelo solo quando questo gruppo di schede ha una chiara esigenza visiva o specifica per i contenuti.
Proporzioni dell’immagine
Sezione intitolata “Proporzioni dell’immagine”Il rapporto d’aspetto dell’immagine controlla come le immagini delle schede vengono ritagliate e incorniciate. Impostazioni separate per desktop e mobile sono particolarmente utili quando lo stesso ritaglio appare equilibrato su schermi grandi ma taglia contenuti importanti su quelli più piccoli.
I rapporti orizzontali e widescreen sono in genere adatti a immagini orizzontali e layout più densi. I rapporti quadrati e verticali possono creare una griglia più marcata o offrire più spazio alle immagini più alte. Se le immagini risultano poco adatte sui telefoni, regolate prima il rapporto per mobile invece di compromettere il layout desktop.
Pulsanti della scheda
Sezione intitolata “Pulsanti della scheda”Lo stile del pulsante cambia quanto fortemente viene presentata l’azione della scheda. Usate stili più evidenti quando le schede devono generare clic, e stili più leggeri quando titolo e immagine rendono già chiara la destinazione.
Pulsanti più piccoli aiutano a ridurre il rumore visivo nelle griglie strette. Nascondere il pulsante può funzionare in layout molto puliti, orientati all’immagine, ma solo se la scheda continua a risultare chiaramente interattiva.
Testo della scheda
Sezione intitolata “Testo della scheda”La visualizzazione del testo controlla quanta parte del contesto scritto appare all’interno di ciascuna scheda. Questo influisce sia sulla velocità di scansione sia sulla quantità di indicazioni che i clienti ricevono prima di fare clic.
Mostrare sia il titolo sia l’estratto funziona bene quando le schede hanno bisogno di una spiegazione o quando le immagini sono meno descrittive. I layout con solo titolo sono più puliti e in genere funzionano meglio quando immagine ed etichetta svolgono già abbastanza lavoro. Gli stili con testo minimo sono da riservare ai layout molto visivi con un forte contesto circostante.
Allineamento del testo
Sezione intitolata “Allineamento del testo”L’allineamento orizzontale e verticale aiuta il testo a risultare intenzionale all’interno dello stile di scheda scelto. L’allineamento diventa più importante nei layout orientati all’immagine, dove la posizione influisce sulla leggibilità tanto quanto sullo stile visivo.
Il testo allineato a sinistra è in genere il più facile da scansionare nelle griglie, mentre il testo centrato dà un aspetto più promozionale. Il posizionamento verticale conta soprattutto nelle schede in stile banner e in altri layout in cui il testo si trova sopra l’immagine o accanto a essa.
Sostituzioni riutilizzabili
Sezione intitolata “Sostituzioni riutilizzabili”Queste impostazioni sono pensate come sostituzioni locali per le schede riutilizzabili. Lasciare la maggior parte delle opzioni su Use theme setting aiuta a mantenere la coerenza, mentre le modifiche selettive vi consentono di adattare un gruppo specifico di schede a diversi tipi di contenuto, forme delle immagini o comportamenti di navigazione.
Se vi trovate a modificare quasi ogni opzione, rivedete la presentazione complessiva di quell’area della scheda. Un insieme più leggero di sostituzioni mirate di solito crea un risultato più coerente rispetto alla ricostruzione dello stile della scheda da zero.
Per maggiori dettagli sui controlli disponibili, consultate documentazione Company XYZ su impostazioni/schede e documentazione Shopify su come personalizzare le sezioni
Note sull’uso
Sezione intitolata “Note sull’uso”- Esaminate entrambi i breakpoint. I controlli desktop e mobile possono influire in modo diverso su layout, allineamento, visibilità e comportamento dei media, quindi verificate entrambe le viste prima della pubblicazione.
- Osservate il comportamento del cursore. Le presentazioni in stile slider possono modificare navigazione, paginazione, anteprime e comportamento ai breakpoint rispetto a una griglia statica o a un layout impilato.
- Mantenete semplici i fallback. Valori vuoti, trasparenti o in stile predefinito di solito preservano lo stile di fallback più ampio, mentre colori espliciti, gradienti o sostituzioni dei media rendono l’area locale più indipendente.
- Proteggete la leggibilità delle immagini. Quando i media desktop e mobile sono impostati separatamente, confermate ritaglio, caricamento, fallback e contrasto del testo su entrambi gli schermi.
- Preservate chiari segnali di navigazione. Se le schede includono menu, drawer, link annidati o controlli solo per mobile, assicuratevi che gli elementi nascosti o riordinati non blocchino il percorso che i clienti si aspettano di seguire.