Barevný kontrast

Wireframe je nízko-věrnostní vizuální reprezentace uživatelského rozhraní, která znázorňuje strukturu, rozložení a hierarchii obsahu bez detailního stylování nebo barev. Wireframy se zaměřují na to, jaké prvky se na stránce objeví a jak jsou uspořádány, a slouží jako plán před začátkem vizuálního designu. Pomáhají týmům sladit se na funkcionalitě a uživatelském toku v rané fázi procesu, kdy jsou změny nejlevnější.

Tmavý režim je barevné schéma rozhraní, které používá světlý text a prvky na tmavém pozadí. Snižuje únavu očí při slabém osvětlení, může šetřit baterii na OLED displejích a stal se očekávanou funkcí moderních aplikací. Implementace obvykle využívá CSS custom properties nebo design tokeny, které přepínají mezi světlým a tmavým tématem, často s respektováním systémového nastavení uživatele pomocí media query `prefers-color-scheme`.

Virtuální DOM je lehká paměťová reprezentace skutečného DOM prohlížeče, kterou React používá k optimalizaci aktualizací UI. Při změně stavu React vytvoří nový strom virtuálního DOM, porovná ho s předchozím procesem zvaným reconciliace a vypočítá minimální sadu skutečných DOM mutací. Tento přístup dávkování a porovnávání se vyhýbá nákladné přímé manipulaci s DOM a byl klíčovou inovací, díky které je deklarativní model Reactu výkonný.

Responzivní design je přístup k webovému vývoji, při kterém se rozvržení, obrázky a prvky UI plynule přizpůsobují různým velikostem obrazovek a zařízení. Spoléhá na flexibilní mřížky, media queries a relativní jednotky jako `rem`, `%` a `vw` pro zajištění konzistentního zážitku od mobilních telefonů po velké monitory. Moderní responzivní design stále více využívá CSS Container Queries a techniky vnitřního rozměrování k tvorbě komponent reagujících na svůj kontejner místo viewportu.

Figma je webový kolaborativní designový nástroj používaný pro tvorbu UI designů, prototypů a designových systémů. Její real-time editace pro více uživatelů, systém komponent, auto layout a dev mode z ní udělaly průmyslový standard pro produktový design. Vývojáři používají Figmu k prohlížení designů, extrakci CSS hodnot, exportu assetů a — prostřednictvím pluginů a API — k automatizaci procesu od designu ke kódu.

Modální okno (nebo modální dialog) je UI prvek, který překrývá hlavní obsah a vyžaduje pozornost a interakci uživatele, než se může vrátit na stránku pod ním. Modály se používají pro potvrzení, formuláře, upozornění a náhledy obsahu. Správná implementace vyžaduje zachycení fokusu, klávesovou přístupnost (Escape pro zavření) a zablokování scrollování pozadí — což činí přístupné modály složitějšími, než se zdá.