Inspirace HTML Šablony

Přizpůsobitelné HTML šablony pro inspiraci pro vizuální a kreativní projekty

HTML šablona pro inspiraci přichází jako hotová HTML stránka, kde jsou sekce, bloky obrázků i pořadí obsahu připraveny dříve, než do nich vložíte cokoli vlastního. Inspirace je v této kategorii širokým pojmem, takže fotografické projekty, kreativní portfolia i cestopisné příběhy často využívají stejné rozvržení. Většina práce spočívá v úpravě stávajících prvků a exportované soubory zůstávají otevřené pro přímé úpravy, pokud potřebujete stránku začlenit do existujícího projektu.

Přizpůsobte HTML rozvržení svému obsahu

Projekty založené na fotografiích a portfolia vyžadují odlišné bloky. Galerie interiérů nebo módy funguje nejlépe s širokými snímky a stručnými popisky, zatímco portfolio je čitelnější, když je každý projekt umístěn ve stejném opakovatelném bloku. Rozvržení v této kategorii často kombinují několik osvědčených vzorů:

• širokou úvodní sekci s dominantním obrazem;
• opakovatelné bloky pro projekty nebo galerie;
• řádky kombinující obrázek a text pro kolekce;
• redakční sekce pro delší příběhy.

Pokud většinu vašich podkladů tvoří vizuální obsah, začněte se šablonou, kde obrázky pokrývají celou šířku, protože tento prvek se dodatečně doplňuje nejhůře. Mřížková rozvržení vyhovují sbírkám projektů či referencí, kde každá položka potřebuje stejný typ bloku.

Prvek Mřížka v Nicepage udržuje obrázky, texty a odkazy v jednotných buňkách a zajišťuje správné zarovnání opakovaných bloků s tím, jak se stránka rozrůstá. Dokumentace prvku Mřížka podrobně popisuje chování těchto buněk.

Přetvořte hotovou strukturu stránky

Pořadí sekcí v šabloně slouží jako výchozí návrh. Bloky můžete posouvat, duplikovat nebo odstraňovat podle toho, jak projekt získává konkrétní podobu, a stránka zůstává po každé změně plně funkční.

Návrhář může například otevřít rozvržení zaměřené na galerii, nahradit ukázkové obrázky hotovým fotografickým materiálem a přesunout úvodní text pod první galerii. Stejnou stránku pak můžete přidat ke stávajícímu webu. Ukázkové fotografie v těchto šablonách bývají obvykle působivější než reálné snímky, které je nahradí; zaměřte se proto spíše na velikost bloků a rozestupy.

Hledejte strukturu, která již pojme většinu vašich podkladů, protože stavět jakýkoli blok znovu zabere více času než přizpůsobení stávajícího.

Zachovejte čitelnost vizuální inspirace na každé obrazovce

Stránky postavené na obrázcích vnímají změnu šířky výrazněji než stránky čistě textové. Velké fotografie, mřížky projektů i řádky s obrázky a textem si musí uchovat rovnováhu i ve chvíli, kdy se více sloupců složí do jediného.

Responzivní režimy v Nicepage vám umožní zkontrolovat stejné rozvržení od velkých monitorů až po mobilní telefony. Sledujte, jak se na úzké obrazovce mění ořezy obrázků, počet sloupců a pořadí bloků. Třísloupcová galerie, která na počítači působí harmonicky, se na telefonu obvykle lépe čte jako jeden svislý pás. Upravte si proto toto uspořádání ještě před vložením finálních snímků.