Když mluvíme o návrhu webových stránek v roce 2017, mluvíme o reaktivním návrhu webových stránek. Za méně než šest let se výraz "reagující" stal všudypřítomným průmyslovým standardem.
Odpovědný návrh webových stránek je proces návrhu webových stránek nebo webových aplikací, aby se jejich obsah přizpůsobil odpovídajícímu zařízení, na které se dívá. Před několika lety jsem viděl vynikající konferenční diskusi od Ethana Marcotteho vytvořil termín "citlivý webový design" - ve kterém připomíná citlivé stránky na Utahův strom Pando; jediný organismus s připojenou kořenovou strukturou, který vystupuje ze země na různých místech, různých kontextech, různých velikostech, ale všechny nesou stejnou základní genetiku.
Je to pravděpodobně přijetí citlivého návrhu, který umožnil růst mobilního webu; bez ní by náklady na vývoj mobilního webu souběžně s verzí pro stolní počítače znamenaly, že mnoho společností se s ním bude držet.
vztahy určené pro mobilní zařízení jsou často převedeny na mnohem větší výřezy
Ale reagující design není bez problémů. Podle definice reagující návrhy "reagují" na velikost výřezu, ne obsahují. Varianty založené na kontejnerech na dotazy médií CSS byly navrženy jako řešení, ale zatím jsou pouze post-it na tabuli někoho jiného.
Návrh je v podstatě o vztazích mezi prvky a tyto vztahy jsou omezeny na malé obrazovce. Dále proto, že naše značení je sémanticky strukturované, vztahy určené pro mobilní zařízení jsou často převedeny na mnohem větší výřezy.
Jedním z nejčastěji kritizovaných rozhodnutí UI za uplynulý rok je rostoucí počet hamburgerových menu, které se používají na stolním počítači. Malá pozornost však byla věnována mobilnímu rozvržení - horizontálním pásmům obsahu rozděleným do 12 sloupcových mříží, které byly zvětšeny na plochu.
Otázka, zda reagující web design zabíjí kreativitu, je pravděpodobně nekalý; Předpokládá se, že rozmanitost a inovace jsou životodárnou součástí procesu návrhu. Také je vina na koncepci, jestliže je vina k rozdělení, to určitě spočívá v realizaci. Ve skutečnosti návrh často vzkvétá pod nejmenšími omezeními - vím známého návrháře, který přidává své vlastní omezení klientským kalhotám, protože si myslí, že jeho práce je silnější, když je napadán.
pokud existuje vina k rozdělení, určitě spočívá v realizaci
Odpovědný design pracuje neuvěřitelně s brandingem, ale je méně než ideální pro rozvržení. Možná je, že nejlepším způsobem, jak implementovat citlivý návrh, je vytvořit odlišné návrhy pro různé třídy výřezů a spoléhat se na reaktivní techniky pouze pro podobné obrazovky. Možná nevíme přesné rozměry každé obrazovky, ale víme, že telefon se musí vejít do kapsy, víme, že notebook nemůže být užší než jeho klávesnice.
Odpovědný design může být jednoduše nápadem, který je ještě před časem, který si uvědomíme, a jakmile jsou implementovány nástroje jako proměnné CSS a kontejnerové dotazy, návrh na webu se opět stane různorodým.