Počítadlo a tmavá stránka

Rozšíření tmavých režimů zobrazení v operačních systémech a webových prohlížečích zásadně změnilo, jak je třeba posuzovat a vybírat externí grafiku. Velmi významná část čtenářů dnes aktivně dává přednost světlému textu na hluboce tmavém pozadí, zejména večer nebo při slabém osvětlení.

Tato velká změna v preferencích uživatelů odhaluje zásadní nedostatek mnoha starších, neměnných obrázků.

Grafika navržená s plným jasně bílým pozadím se na stránce s tmavým motivem okamžitě ukáže jako oslnivě jasný, ostrý obdélník. Vyčnívá agresivně jako reflektor a zcela ničí pečlivě vytvořenou tlumenou estetiku tmavého rozhraní.

Doplňkový měřicí nástroj má být tichým, nenápadným zdrojem informací v pozadí, ne křiklavým vizuálním vyrušením, které aktivně namáhá oči.

Co průhlednost vyřeší a co ne

Řešení tohoto problému vyžaduje pochopit, jak funguje průhlednost obrázků ve webovém prohlížeči. Některé formáty souborů umožňují, aby byly určité části obrázku zcela průhledné, takže grafikou prosvítá barva stránky pod ní.

Pokud má design průhledné pozadí, číslice budou vypadat, jako by ležely přímo na stránce, bez ohledu na to, zda stránka právě zobrazuje světlý, nebo tmavý motiv. Průhlednost však přináší vlastní specifické problémy.

Pokud jsou samotná čísla vykreslena tmavě černou barvou, stanou se zcela neviditelnými, jakmile se pozadí změní na tmavě antracitové nebo sytě modré. Průhledné pozadí vyřeší problém světlého obdélníku, ale zničí kontrast, který je nutný pro základní čitelnost.

Tmavý obrázek na obou pozadích

Nejspolehlivějším řešením pro současné zvládnutí světlého i tmavého režimu je vybrat design, který se průhlednosti záměrně vyhýbá a sází na plné barvy vhodné pro všechna prostředí. Design se středně šedým pozadím nebo se sytým tmavým pozadím a jasnými, zářivými číslicemi funguje výborně v jakémkoli prostředí.

Na bílé stránce poskytuje tmavá grafika čistý, záměrný kontrast a působí jako pevná vizuální kotva ve spodní části rozvržení.

Na tmavé stránce plynule splyne s okolními stíny, zůstane čitelná a nezpůsobí ostrý vizuální šok. Tento záměrný výběr plných, pečlivě zvolených barev zaručuje naprostou jednotnost.

Rámeček místo stínu

Rozdíl mezi kontrastními motivy může úspěšně překlenout i design s výrazným, stylizovaným rámečkem. Plný černý rámeček kolem bílého vnitřního pole jasně vymezuje hranice grafiky.

Na bílé stránce dává rámeček grafice potřebné ohraničení. Na tmavé stránce funguje jako přechodová zóna, která rámuje světlý vnitřek a zmírňuje jeho vizuální dopad.

Klíčové je vyhnout se designům, které stojí na jemných přechodech nebo měkkých vržených stínech, protože tyto efekty na nečekané barvě pozadí téměř vždy vypadají hrozně. Plochý, ostře ohraničený design zaručí, že vzhled zůstane ostrý, profesionální a zcela čitelný bez ohledu na to, jaké nastavení zobrazení je na zařízení čtenáře právě aktivní.