vsble ti offre un sistema di design molto flessibile.
Ogni layout di pagina e di album può essere controllato separatamente per desktop e mobile, così puoi creare un sito web che abbia un forte impatto sugli schermi grandi e risulti comunque pratico e pulito sugli smartphone.
Questo articolo spiega come funziona.
1. Ogni pagina può avere il suo design
Ogni pagina del tuo sito web può utilizzare un proprio design.
Questo significa che non sei limitato a un unico layout di pagina per tutto il sito.
Per esempio, la tua pagina Home può apparire completamente diversa dalla tua pagina Portfolio, Chi siamo o Contatti.
Puoi scegliere il design per ogni pagina nel Pannello Design.
Importante
Ogni pagina può avere:
un design per desktop
un altro design per mobile
Quindi la stessa pagina può essere stilizzata diversamente a seconda del dispositivo.
Per esempio:
su desktop, una pagina può usare un layout editoriale più spazioso
su mobile, la stessa pagina può usare un design più semplice e compatto per facilitare lo scorrimento
Selezione del design di pagina per Desktop e Mobile
I design di pagina possono essere selezionati tra diversi stili di template o layout a griglia classici con un diverso numero di righe.
Selezione del design per le pagine su desktop:
Selezione del design per le pagine su mobile:
2. Anche gli album possono avere design separati per Desktop e Mobile
Se una pagina contiene album, anche gli album hanno le proprie impostazioni di design.
Proprio come le pagine, i layout degli album possono essere impostati separatamente per:
desktop
mobile
Questo è utile perché la presentazione degli album spesso deve funzionare diversamente su schermi di dimensioni diverse.
Esempio
Puoi scegliere:
un layout d'album più elaborato e animato su desktop
una griglia a 2 colonne più pratica su mobile
Questo ti permette di creare un'esperienza visiva più ricca sugli schermi grandi mantenendo la navigazione semplice e intuitiva sugli schermi più piccoli.
Selezione del design degli album per Desktop e Mobile
I design degli album possono essere selezionati tra diversi stili di template, layout a griglia classici con diverse righe o opzioni di scorrimento verticale o orizzontale con diverse opzioni di posizionamento delle didascalie.
Selezione del design per gli album su desktop:
Selezione del design per gli album su mobile:
3. I design degli album si applicano sempre a tutti gli album della stessa pagina
Questa è una regola importante:
Se cambi il design dell'album per una pagina, quel design si applicherà a tutti gli album su quella pagina.
Quindi i design degli album non vengono assegnati singolarmente a ogni album.
Invece, è la pagina a definire come vengono visualizzati gli album al suo interno.
Esempio
Se la tua pagina Portfolio contiene gli album:
Moda
Ritratti
Viaggi
e assegni un certo design d'album a quella pagina, allora tutti e tre gli album su quella pagina seguiranno lo stesso design.
Questo mantiene la coerenza visiva della pagina.
4. Pagine diverse possono usare design d'album diversi
Mentre tutti gli album su una pagina condividono lo stesso design d'album, pagine diverse possono usare design diversi.
Ciò significa che:
La Pagina A può usare un certo design di pagina e un certo design d'album
La Pagina B può usare un altro design di pagina e un altro design d'album
Esempio
La tua pagina Portfolio potrebbe usare un layout d'album minimale
La tua pagina Journal potrebbe usare un layout d'album più dinamico
La tua pagina Archivio potrebbe usare un layout d'album a griglia pulita
Quindi il design è coerente all'interno di una pagina, ma non deve essere necessariamente lo stesso in tutto il sito.
5. Cos'è in realtà un template
Un template in vsble non è solo un singolo design.
Un template è una combinazione di:
design delle pagine
design degli album
impostazioni desktop
impostazioni mobile
Quindi, quando selezioni un template, stai scegliendo una combinazione predefinita di come pagine e album sono progettati tra desktop e mobile.
6. I template possono essere modificati indipendentemente per Desktop e Mobile
Uno degli aspetti più potenti del sistema è che puoi cambiare i design in modo indipendente.
Questo significa che puoi cambiare:
il design della pagina su desktop
il design della pagina su mobile
il design dell'album su desktop
il design dell'album su mobile
tutto separatamente.
Non sei costretto a usare la stessa logica di design su ogni dispositivo.
Esempio
Potresti usare:
un design di pagina audace a tutta larghezza su desktop
un design di pagina a blocchi più pulito su mobile
un layout d'album animato su desktop
un semplice layout d'album a griglia a 2 righe su mobile
Questo ti dà molto più controllo su come i visitatori vivono il tuo sito.
7. Puoi salvare le tue configurazioni di template
Una volta combinati i design come preferisci, puoi salvare quella configurazione come un tuo template personalizzato.
Questo ti permette di:
creare le tue versioni di design
passare dall'una all'altra in seguito
ripristinare una configurazione salvata senza doverla ricostruire
Il tuo template salvato può includere:
i design di pagina scelti
i design degli album scelti
i colori
i font
le impostazioni della pagina
le combinazioni desktop e mobile
Questo è utile se vuoi testare diversi look o tenere pronte diverse direzioni di design.
8. I tuoi contenuti rimangono gli stessi
Cambiare i design non rimuove i tuoi contenuti.
Le tue:
foto
pagine
album
testi
strutture
rimangono al loro posto e si adattano automaticamente al design che scegli.
Quindi puoi riprogettare l'aspetto del sito senza dover ricostruire i contenuti stessi.
9. In parole povere
Ecco il modo più semplice per capire:
Pagine
Ogni pagina può avere il suo design per desktop e mobile.
Album
Anche gli album possono avere design separati per desktop e mobile.
Regola importante
Tutti gli album sulla stessa pagina condividono sempre lo stesso design d'album.
Template
Un template è una combinazione di design di pagine e album per desktop e mobile.
Flessibilità
Puoi cambiare tutto questo indipendentemente e salvare le tue versioni personalizzate dei template.
Scenario d'esempio
Diciamo che hai due pagine:
Pagina Portfolio
Design pagina desktop: elegante layout editoriale
Design pagina mobile: layout a blocchi semplificato
Design album desktop: anteprima album animata
Design album mobile: griglia pulita a 2 colonne
Pagina Journal
Design pagina desktop: layout più minimale
Design pagina mobile: layout a scorrimento compatto
Design album desktop: vista classica a miniature
Design album mobile: griglia pratica
In questo caso:
ogni pagina ha il suo design
gli album su ogni pagina seguono il design d'album assegnato a quella pagina
desktop e mobile possono comportarsi diversamente
tutto rimane flessibile e coerente
Conclusione
Il sistema di design di vsble ti dà molta libertà senza creare caos.
Puoi:
scegliere design diversi per ogni pagina
impostare layout separati per desktop e mobile
assegnare design d'album per pagina
mantenere tutti gli album di una pagina visivamente coerenti
mescolare e salvare queste impostazioni come tuoi template personalizzati
Questo permette di creare un sito web che sembri molto più curato, raffinato e adatto ai vari dispositivi, senza dover ricostruire i tuoi contenuti ogni volta.