Coleção Modelos HTML

Modelos HTML de Coleção Limpos que Você Pode Exportar e Continuar Editando

Uma loja com quarenta peças de cerâmica e um arquivo com centenas de gravuras enfrenta o mesmo desafio: o décimo item precisa se encaixar tão bem quanto o primeiro. Os Modelos HTML de Coleção são designs prontos para catálogos, galerias ou arquivos, e a etiqueta HTML indica onde o projeto será salvo. O Nicepage exporta como um site estático, então a coleção que você organizou visualmente se torna HTML, CSS e JavaScript que você pode hospedar ou continuar editando no código.

O que uma Galeria Exportada Inclui

A exportação funciona tanto nos aplicativos do Nicepage quanto no Editor Online, portanto, o resultado não depende de qual você usou. As exportações por pasta e FTP fazem parte dos aplicativos, o que é importante se o método de publicação já estiver definido. O Guia de Exportação de Site HTML explica os modos disponíveis.

Um site de coleção exportado do Nicepage inclui:

1. A marcação de cada página que você criou, incluindo o índice da coleção;

2. A folha de estilo e os scripts nos quais o design se baseia;

3. As imagens por trás das fotos de produtos, páginas de lookbook e digitalizações de arquivo.

Tudo isso é hospedado em um servidor estático comum, e a mesma pasta pode ser entregue a um desenvolvedor que esteja trabalhando em um projeto maior.

Células de Grade em Telas Estreitas

Os layouts de coleção colocam várias imagens lado a lado em uma tela larga, e o Elemento de Grade as mantém em células que se empilham à medida que a tela se estreita. Para uma página de catálogo, esse comportamento é o mais importante, porque uma longa lista de objetos semelhantes é onde um design começa a falhar.

Os mesmos pontos tendem a precisar de atenção quando a largura diminui:

1. Nomes de itens mais longos que o texto de demonstração, que abrem um cartão;

2. Legendas que se distanciam da imagem à qual pertencem;

3. Galerias que mantêm mais colunas do que a tela pode suportar.

Layouts para Linhas de Produtos e Séries de Arte

Nem todas as coleções precisam da mesma página. Uma linha de produtos fica bem organizada em uma grade uniforme de itens com preços e breves descrições, enquanto um arquivo precisa de espaço para legendas e números de referência ao lado de cada imagem digitalizada. O conteúdo de demonstração vale a pena ser lido como uma dica sobre o layout subjacente.

As fotos em uma coleção raramente têm o mesmo formato, e isso geralmente determina se um modelo sobrevive à troca. As fotografias de produtos chegam recortadas em uma proporção específica; as ilustrações e as imagens digitalizadas do arquivo raramente são recortadas dessa forma. O teste mais rápido é criar uma seção preenchida com suas próprias imagens e nomes de itens, especialmente um com um nome duas vezes mais longo que o da demonstração. O design aplicado nessa seção será aplicado em todo o restante do catálogo.