Compatibilità:

WebSite X5 Evo e Pro

Quando progetti un sito web, testi e spaziature vengono spesso definiti pensando principalmente alla visualizzazione desktop. Tuttavia, ciò che appare equilibrato su schermi ampi può risultare poco efficace su smartphone o tablet: titoli troppo grandi, paragrafi difficili da leggere, margini eccessivi o layout visivamente sbilanciati.


Per semplificare questo aspetto, WebSite X5 offre una funzione di ottimizzazione automatica di testi e margini, pensata per adattare proporzioni, leggibilità e spaziature alle diverse risoluzioni senza richiedere modifiche manuali continue.


Come funziona l’ottimizzazione automatica

Attivando questa funzione, WebSite X5 interviene automaticamente su alcuni aspetti fondamentali del layout:

  • dimensione dei testi: i font vengono ridotti progressivamente passando dal desktop alle risoluzioni più piccole;
  • interlinea: si adatta automaticamente in modo proporzionale alla dimensione dei testi, mantenendo una buona leggibilità;
  • margini: seguono la stessa logica di riduzione proporzionale per adattarsi allo spazio disponibile.


È importante specificare che la riduzione non viene applicata in modo uniforme a tutti gli elementi, ma segue una logica proporzionale: i testi più grandi vengono ridotti maggiormente rispetto a quelli più piccoli. Questo permette di mantenere la gerarchia visiva tra titoli, sottotitoli e paragrafi anche nelle risoluzioni più ridotte, evitando che tutti i testi vengano appiattiti alla stessa dimensione.


In questo modo, il sito non si limita ad adattare il layout, ma mantiene anche proporzioni e leggibilità coerenti su tutti i dispositivi.


Come attivare l’ottimizzazione di testi e margini

Per configurare questa funzione:

1. Accedi alle impostazioni Responsive

  • Vai al Passo 2 - Modello. 
  • Apri la finestra Risoluzioni e Responsive Design.
  • Accedi alla sezione Testi e margini.

2. Attiva la funzione

  •  Seleziona l’opzione Attiva riduzione automatica testi e margini: fatto questo l'ottimizzazione verrà applicata a tutto il sito.

3. Personalizza i parametri

  • Puoi regolare il funzionamento dell’ottimizzazione in base alle tue esigenze grafiche in modo da trovare il giusto equilibrio tra impatto visivo e usabilità. In particolare puoi agire su:
    • Fattore massimo di riduzione: definisce quanto i testi e i margini possono essere ridotti nelle risoluzioni più piccole. Questo valore rappresenta il limite massimo teorico di riduzione, ma non viene applicato in modo identico a tutti i testi.
    • Dimensione minima del testo: espressa in punti (pt), definisce la dimensione sotto la quale il testo non può essere ridotto. Se un testo ha già una dimensione inferiore a questo valore, non verrà modificato. Ad esempio, impostando una dimensione minima di 12 pt, eventuali testi a 10 pt rimarranno invariati.


La dimensione minima impostata viene utilizzata come riferimento per calcolare la riduzione proporzionale dei testi: i font più grandi vengono ridotti in misura maggiore, avvicinandosi al fattore massimo impostato, mentre quelli più piccoli subiscono una riduzione più contenuta.


Questo comportamento evita che, passando alle risoluzioni più basse, tutti i testi vengano uniformati alla stessa dimensione minima. In questo modo viene preservata la gerarchia visiva tra titoli e contenuti, migliorando leggibilità e struttura della pagina.


Su quali elementi si applica

L’ottimizzazione automatica agisce sui principali elementi del sito, tra cui:

  • testi del template e stili tipografici;
  • titoli delle pagine e delle sezioni;
  • contenuti testuali degli Oggetti (Testo, Blog, Prodotti, ecc.);
  • margini e spaziature di oggetti e sezioni.


In questo modo, il comportamento è coerente su tutto il progetto.


Suggerimenti pratici

Per ottenere risultati migliori:

  • attiva sempre l’ottimizzazione nei progetti responsive;
  • verifica l’anteprima su più dispositivi;
  • evita fattori di riduzione troppo aggressivi;
  • imposta una dimensione minima adeguata;
  • controlla con attenzione titoli e sezioni più articolate.


In sintesi

L’ottimizzazione automatica di testi e margini è uno strumento fondamentale per migliorare rapidamente la qualità responsive di un sito.


Con WebSite X5 puoi affidare al programma gran parte del lavoro di adattamento tipografico e strutturale, mantenendo il controllo sui parametri principali senza dover intervenire manualmente su ogni singolo elemento.


Utilizzandola correttamente, puoi migliorare leggibilità, armonia grafica ed esperienza utente su qualsiasi dispositivo.