Barva HTML Šablony

Barevné HTML šablony postavené na jasném pořadí obsahu

V demoverzi pro stolní počítače vypadají tři servisní bloky na třech různých pozadích záměrně. Barvy se nacházejí vedle sebe; kontrast je součástí kompozice a celý řádek se přečte na první pohled. Otevřete stejnou šablonu na telefonu a tyto bloky se stanou vertikálním sledem jasných obdélníků. Nic se nezměnilo kromě pořadí, ve kterém se obsah objevuje, a toto pořadí nyní nese stránku.

Když se sloupce stanou vertikálními vrstvami

Barevné pozadí vedle sebe tiše říká, že tři položky patří k sobě. Když jsou vrstvené, zpráva zmizí, protože je čtenář nikdy nevidí současně. Barevná HTML šablona má buď něco pod sebou, co drží seskupení, nebo paleta udělá veškerou práci.

Než se rozhodnete pro soubor, vyplatí se provést tři kontroly:

1. Představte si, že pozadí zmizelo, a podívejte se, zda jsou sekce stále oddělené. Pokud existují pouze jako barva, neexistují vůbec.

2. Přečtěte si pohled na telefon odshora dolů a ověřte, zda sekvence vypráví příběh, který chcete, bez kompozice na stole.

3. Hledejte cokoli, co se odlišuje pouze barvou: kategorie, dostupnost, doporučené položky. Návštěvník by je měl být schopen rozlišit i od slov.

Značky, které přežijí změnu pořadí

Nadpisy nesou seskupení i při změně rozvržení. Když se každá služba nebo případová studie otevře s vlastním nadpisem a srovnatelné položky opakují stejnou strukturu, seskupení přežije. Čtenář ví, kde jedna položka končí a další začíná, i na prostém pozadí. Nicepage Grid Element vkládá text, obrázky a tlačítka do buněk, které se na menších obrazovkách přeskupují, a Responzivní režimy vám umožňují kontrolovat zobrazení na telefonu odděleně od zobrazení na počítači.

V tomto užším zobrazení stojí za to se podívat na tři věci:

1. Každý barevný blok se stále otevírá s nadpisem, včetně těch, které jsou hluboko pod hrdinou.

2. Srovnatelné karty si zachovávají stejnou vnitřní strukturu, místo aby se změnily na tři vlastní varianty.

3. Text zůstává čitelný na jakémkoli přízvuku, na kterém se nachází, jakmile se vytvoří zásobník.

Myšlenkový experiment ve stupních šedi

Zde je nejrychlejší způsob, jak posoudit barevnou šablonu HTML. Představte si stránku, kde je každé pozadí nastaveno na bílou a každý akcent nastaven na šedou. Dokážete stále rozeznat, které sekce jsou, které položky patří k sobě a co je na prvním místě? Pokud je odpověď ano, paleta může být tak výrazná, jak projekt potřebuje. Pokud se stránka rozpadne, barva držela strukturu, kterou nikdo nepostavil.