Collezione Modelli HTML

Modelli HTML per collezioni trasparenti che puoi esportare e continuare a modificare

Un negozio con quaranta pezzi in ceramica e un archivio di diverse centinaia di stampe si trova ad affrontare lo stesso problema: il decimo oggetto deve trovare la stessa collocazione del primo. I modelli HTML per collezioni sono design predefiniti per cataloghi, gallerie o archivi, e l'etichetta HTML indica la destinazione finale del progetto. Nicepage li esporta come sito statico, quindi la collezione che hai organizzato visivamente diventa HTML, CSS e JavaScript che puoi ospitare o continuare a modificare tramite codice.

Cosa include una galleria esportata

L'esportazione viene eseguita sia dalle applicazioni Nicepage che dall'editor online, quindi l'output non dipende dall'applicazione utilizzata. L'esportazione in cartella e tramite FTP è integrata nelle applicazioni, il che è importante se la modalità di pubblicazione è già stata definita. La guida all'esportazione di siti web HTML illustra le modalità disponibili.

Un sito di collezione esportato da Nicepage include:

1. Il markup di ogni pagina creata, incluso l'indice della collezione;

2. Il foglio di stile e gli script su cui si basa il design;

3. Le immagini dei prodotti, le pagine del lookbook e le scansioni d'archivio.

Tutto questo viene caricato su un normale hosting statico e la stessa cartella può essere consegnata a uno sviluppatore che lavora a un progetto più ampio.

Celle della griglia su schermi stretti

I layout delle collezioni posizionano diverse immagini una accanto all'altra su uno schermo largo e l'elemento Griglia le contiene in celle che si impilano man mano che lo schermo si restringe. Per una pagina di catalogo, questo comportamento è fondamentale, perché un lungo elenco di oggetti simili è il primo punto debole del design.

Gli stessi punti tendono a richiedere attenzione quando la larghezza diminuisce:

1. Nomi degli articoli più lunghi del testo dimostrativo, che spingono una scheda ad aprirsi;

2. Didascalie che si allontanano dall'immagine a cui appartengono;

3. Gallerie che contengono più colonne di quante lo schermo possa supportare.

Layout per linee di prodotto e serie artistiche

Non tutte le collezioni richiedono la stessa pagina. Una linea di prodotti si presenta bene se organizzata in una griglia ordinata di articoli con prezzi e brevi descrizioni, mentre un archivio necessita di spazio per didascalie e numeri di riferimento accanto a ogni scansione. Vale la pena leggere il contenuto demo per farsi un'idea del layout di base.

Le foto in una collezione raramente hanno tutte lo stesso formato, e questo di solito determina se un modello sopravvive alla modifica. Le foto dei prodotti arrivano ritagliate in un determinato rapporto d'aspetto; le immagini e le scansioni d'archivio raramente lo sono. Il test più rapido consiste nel creare una sezione con le proprie immagini e i nomi degli articoli, in particolare uno con un nome lungo il doppio di quello demo. Qualunque sia l'effetto del design in quella sezione, lo sarà anche nel resto del catalogo.