Design

Jednotný design napříč celým webem

V solidpixels si dokážete upravit celý web podle svých potřeb tak, aby přesně odpovídal vaší indentitě. Cílem nastavení designu v solidpixels je vytvořit design systém - sadu jednotných pravidel pro vzhled všech komponent webu. Místo úprav jednotlivých prvků nastavujete globální vlastnosti základních komponent jako je typografie, barvy a navigace. Tyto úpravy se pak projeví na celém webu a zajistí, že vzhled celého webu bude konzistentní a jednotný.

Změny designu s živým náhledem

Záložku Design otevřete pomocí ikonky pírka v levé liště nebo vyhledáním ve Spotlightu (Ctrl/⌘ + K).

V otevřeném Designu pak můžete upravovat vzhled jednotlivých komponent na webu. Díky zobrazení Designu zároveň s obsahem webu pak uvidíte své úpravy živě přímo v obsahu.

Položky Designu

V nastavení designu můžete globálně upravovat čtyři kategorie obsahu vašeho webu:

1. Obecný obsah zahrnuje obsah zobrazený napří webem, jako je Hlavička, Sekce a Patička. Můžete zde upravit vzhled hlavičky, barvu a velikosti textů nebo barvy a odsazení sekcí či patičky.

2. Layout zahrnuje všechny bloky, do kterých lze vložit obsah, např. Harmonika, Slider nebo Box. Nastavíte zde výchozí pozadí a vnitřní odsazení těchto bloků. Bloky v kategorii Layout mají také možnost upravit pozadí a odsazení přímo v nastavení bloků. I přes nastavení v Designu tak můžete tvořit unikátní grafické prvky, které se vymykají globálnímu nastavení.

3. Obsah zahrnuje všechny zbývající bloky od Tlačítek po Dělící čáry. Nastavení těchto bloků se liší podle potřeb a vlastnostní jednotlivých prvků.

4. Ostatní obsahuje zbývající prvky webu – Cookie lištu, Vyhledávání a Video.

Snadná změna barev pomocí Proměnných

Ambasadoři solidpixels mají k dispozici lištu Design s rozšířenými funkcemi Proměnné a Vrstvy.

Proměnné vám umožňují ukládat barvy a barevné gradienty, které pak můžete připojit jednotlivým komponentám v Designu místo klasického nastavení barev. Následně můžete změnit již dříve nastavenou barvu napříč celým webem. Stačí jí upravit v záložce Proměnné a změna se projeví u všech komponent, které mají danou proměnnou připojenou.

Pokud se tak při tvorbě webu rozhodnete pro jinou barevnou kombinaci nebo vás v budoucnu čeká změna celkové vizuální identity, proměnné vám značně usnadní veškeré úpravy.

Vrstvy pro práci se strukturou stránek

Druhou funkcí pro Ambasadory jsou Vrstvy. V této záložce vidíte všechny bloky a sekce umístěné na právě otevřené stránce. Zároveň zde vidíte přehlednou strukturu obsahu, jeho rozdělení do sekcí, řádků a sloupců.

Snadno tak můžete pracovat s rozložením obsahu a jeho zobrazením na různých zařízeních. Vidíte taky hierarchii všech komponent a snadno tak upravíte jejich řazení. Pokud navíc často využívate posun sekcí a obsahu stránek, jednoduše pomocí Vrstev označíte obsah, který je překrytý.