Sbírka HTML Šablony

Přehledné HTML šablony kolekcí k exportu a dalším úpravám

Obchod se čtyřiceti keramickými kousky i archiv s několika sty grafik narážejí na stejný problém: desátá položka musí působit stejně přirozeně jako ta první. HTML šablony kolekcí představují hotové návrhy pro katalogy, galerie nebo archivy, přičemž označení HTML jasně napovídá, v jakém formátu projekt skončí. Nicepage jej exportuje jako statický web, takže se vizuálně poskládaná kolekce promění v HTML, CSS a JavaScript, které můžete rovnou hostovat nebo dále upravovat přímo ve zdrojovém kódu.

Co exportovaná galerie obsahuje

Export lze spustit z aplikací Nicepage i z online editoru, takže výsledná podoba nezávisí na tom, v kterém nástroji jste pracovali. Export do složky a přes FTP je součástí desktopových aplikací, což oceníte, pokud je způsob publikování předem určen. Všechny dostupné režimy popisuje návod k exportu HTML webu.

Web kolekce exportovaný z Nicepage obsahuje:

1. Značkovací kód každé vytvořené stránky včetně přehledu kolekce;
2. Stylopis a skripty, na nichž je vizuální podoba postavena;
3. Obrazové soubory produktových fotografií, stránek lookbooku a archivních skenů.

Všechny tyto soubory lze umístit na běžný statický hosting a stejnou složku lze předat vývojáři pracujícímu na větším projektu.

Buňky mřížky na úzkých obrazovkách

Rozvržení kolekcí umisťují na široké obrazovce několik obrázků vedle sebe a element mřížky je drží v buňkách, které se při zúžení obrazovky skládají pod sebe. U katalogové stránky nese toto chování největší váhu, protože dlouhý seznam podobných předmětů představuje místo, kde design selhává nejdříve.

Při poklesu šířky vyžaduje pozornost obvykle několik stejných detailů:

1. Názvy položek delší než ukázkový text, které kartu roztáhnou do výšky;
2. Popisky, které se vizuálně vzdalují od příslušného obrázku;
3. Galerie zachovávající více sloupců, než obrazovka dokáže přehledně zobrazit.

Rozvržení pro produktové řady a umělecké série

Ne každá kolekce vyžaduje stejnou stránku. Produktová řada se skvěle vyjímá v pravidelné mřížce položek s cenami a stručnými popisy, zatímco archiv vyžaduje prostor pro vysvětlivky a referenční čísla vedle každého skenu. Ukázkový obsah slouží jako dobré vodítko k pochopení základního rozvržení.

Fotografie v kolekci mívají málokdy stejný poměr stran, což obvykle rozhoduje o tom, jak šablona zvládne výměnu obsahu. Produktová fotografie bývá oříznuta na jednotný formát, zatímco umělecká díla a archivní skeny téměř nikdy. Nejrychlejším testem je vytvořit sekci s vlastními obrázky a názvy, zejména s titulkem dvakrát delším než v ukázce. Jak se design zachová zde, tak se bude chovat i v celém zbytku katalogu.