Karty Šablony

Šablony záložek připravené k použití pro různá rozvržení obsahu

Šablony záložek by vám měly pomoci vybrat správný vzor záložek pro jednu konkrétní sekci. Klíčovým rozhodnutím je, jaké uspořádání ovládacích prvků, zpracování popisků, kapacita panelů a struktura obsahu nejlépe vyhovují informacím, které chcete seskupit.

Nicepage designy bloků záložek poskytují několik výchozích bodů pro porovnání těchto vzorů na úrovni sekce.

Porovnejte vzory záložek podle reálných požadavků na obsah

Různé vzory záložek vyhovují různým potřebám obsahu:

• vodorovné záložky dobře fungují se třemi nebo čtyřmi krátkými popisky;
• svislé záložky jsou vhodnější, pokud jsou popisky delší nebo je kategorií více;
• kompaktní záložky se hodí pro krátké popisy, FAQ nebo přehledy funkcí;
• multimediální záložky poskytují více prostoru obrázkům a smíšenému obsahu;
• záložky zaměřené na porovnání se skvěle hodí pro tarify, produkty, služby nebo případy použití.

Vizuálně atraktivní šablona záložek může být stále špatnou volbou, pokud její ovládací prvky nebo plocha panelu neodpovídají skutečnému obsahu.

Přizpůsobte vzor záložek popiskům a panelům

Počet a délka popisků by měly ovlivnit výběr vzoru záložek.

Například:

• tři krátké popisky se pohodlně vejdou do vodorovné řady;
• pět nebo šest delších popisků může vyžadovat svislé uspořádání;
• panely náročné na média potřebují více vizuálního prostoru;
• porovnávací obsah těží ze stabilní plochy panelu, která usnadňuje přepínání.

Cílem je vybrat rozvržení záložek, které vyhovuje obsahu ještě před zahájením úprav.

Zvolte kapacitu panelu dříve než detaily stylu

Kapacita panelu je jedním z nejvýraznějších rozdílů mezi šablonami záložek. Některé vzory jsou navrženy pro krátký text, zatímco jiné ponechávají prostor pro obrázky, karty, ikony, tlačítka nebo smíšený obsah.

Před výběrem vzoru odhadněte nejobjemnější panel. Pokud jedna záložka vyžaduje velký vizuální prvek, doprovodný text a CTA, kompaktní předvolba může být příliš omezující.

Považujte responzivní chování za kritérium výběru

Responzivní chování by vám mělo pomoci při rozhodování mezi vzory záložek.

Při porovnávání šablon si položte otázky:

• vejdou se popisky stále na tabletu;
• nebude vodorovná řada na mobilu příliš stísněná;
• má panel stále dostatek místa pro média;
• zůstane aktivní stav zřetelný, i když se ovládací prvky zalomí nebo poskládají pod sebe.

Vzor, který se již přirozeně přizpůsobuje vašim popiskům a panelům, bývá obvykle spolehlivějším výchozím bodem.

Záložky, nebo akordeon?

Záložky použijte pro paralelní pohledy, které patří do jedné stabilní oblasti obsahu. Akordeon použijte tehdy, když si návštěvníci mají procházet svislý seznam a rozbalovat vybrané podrobnosti.

Často kladené otázky k šablonám záložek

Jak si vybrat mezi vodorovnými a svislými záložkami?

Zvolte vodorovné záložky pro malý počet krátkých popisků a svislé záložky, pokud jsou popisky delší, kategorií je více nebo ovládací prvky potřebují více místa vedle panelu.

Které rozvržení záložek se nejlépe hodí pro dlouhé popisky?

Svislé nebo prostornější uspořádání obvykle zvládá dlouhé popisky lépe než stlačená vodorovná řada.

Která šablona záložek funguje nejlépe s médii?

Zvolte vzor s dostatečnou šířkou panelu a vnitřním prostorem pro obrázky, produktové vizuály nebo smíšená média, aniž by docházelo k utlačování ovládacích prvků.

Kolik obsahu by měl panel záložky pojmout?

Neexistuje pevně stanovený objem, ale vybraná šablona by měla pohodlně unést nejrozsáhlejší panel, aniž by sekce působila nestabilně.

Mělo by responzivní chování ovlivnit výběr vzoru záložek?

Ano. Zalamování popisků, umístění ovládacích prvků, šířka panelu a srozumitelnost aktivního stavu při menších velikostech jsou velmi užitečná kritéria výběru.

Vyberte správný vzor záložek

Porovnejte šablony záložek podle umístění ovládacích prvků, délky popisků, kapacity panelů, potřeb médií a responzivního chování. Vyberte vzor, který nejlépe vyhovuje dané sekci, a následně upravte jeho vizuální detaily.