Použití skinu z knihovny

Knihovna skinů vám umožní rychle použít hotový vzhled na kompatibilní řádek, pozici nebo modul a pak jej doladit pro konkrétní místo.

Co se naučíte

  • Otevřít knihovnu pro vybraný prvek.
  • Vyhledat a filtrovat vhodný skin.
  • Použít skin a zkontrolovat výsledek.
  • Vrátit nechtěnou změnu pomocí historie.

Knihovna se přizpůsobí výběru

Nejdříve na plátně označte prvek. Editor z jeho typu pozná, které skiny mohou dávat smysl. Knihovna proto není jeden nepřehledný seznam všech možných položek.

Najdete v ní systémové skiny dodané aplikací a část My skins s vašimi vlastními položkami. Seznam lze prohledat a filtrovat podle typu či kategorie. Při větším počtu se skiny doplňují postupně po dávkách, takže krátké načítání dalších karet je běžné.

Postup krok za krokem

  1. Klikněte na řádek, nebo pozici, jehož vzhled chcete změnit.
  2. V pravém panelu použijte akci Select skin. Pokud ji nevidíte, vybraný prvek tuto knihovnu nepodporuje.
  3. V knihovně prohlédněte systémové položky nebo přepněte na vlastní skiny. Pomozte si hledáním a filtrem kategorie.
  4. Vyberte vhodný vzhled a potvrďte jeho použití na aktuální prvek.
  5. Zkontrolujte desktop, tablet i mobil. V inspektoru případně upravte jednu či dvě hodnoty pro konkrétní místo.
  6. Počkejte na automatické uložení. Pokud výsledek nesedí, použijte dostupný krok Undo nebo zvolte jiný skin.

Co se stane po použití

Skin se promítne do vzhledového nastavení vybraného prvku. Nezmění jeho text, modulové parametry ani obsah. Použitý výsledek můžete dál upravovat v inspektoru. Tím si vytvoříte variantu vhodnou přesně pro danou sekci, aniž byste měnili původní položku v knihovně.

Začněte podobným skinem

Nemusíte hledat dokonalou hotovou variantu. Vyberte nejbližší základ a dolaďte barvu, mezery nebo stín. Je to rychlejší než nastavovat každý detail od nuly.

Kontrola po aplikaci

Stejný skin může v různém okolí působit odlišně. Bílá karta je dobře vidět na tmavém řádku, ale na bílém pozadí může bez rámečku úplně zaniknout. Podobně velké vnitřní odsazení vypadá vzdušně na desktopu, na malém telefonu však může ponechat málo místa pro text.

Po aplikaci proto nekontrolujte jen vybraný prvek. Podívejte se také na sousední moduly, výšku celého řádku a kontrast odkazu či tlačítka. Potom zapněte čistý Preview, kde zmizí editační rámečky. Teprve tento pohled ukáže, zda karta přirozeně zapadá do stránky. Pokud ne, upravte konkrétní použití v inspektoru; knihovní originál tím nezměníte.

Po větší změně chvíli vyčkejte na automatické uložení. Přepnutí náhledu slouží především ke kontrole výsledku. Samostatné responsivní hodnoty měňte jen tam, kde je inspektor skutečně nabízí.

Další krok: Vytvoření vlastního skinu.