Co je RWD
RWD je zkratka pro responzivní webdesign. Jedno rozhraní se plynule přizpůsobuje dostupnému prostoru, orientaci, způsobu ovládání a možnostem zařízení.
Nejde pouze o zmenšení desktopové stránky na šířku telefonu.
Rozvržení podle obsahu
Body změny vycházejí z okamžiku, kdy obsah ztrácí čitelnost, ne z několika konkrétních modelů telefonů. Grid, pružné rozměry a omezená šířka textu udržují hierarchii. Důležité funkce nezmizí jen proto, že je obrazovka menší.
Obrázky, video a typografie
Prohlížeč dostává vhodnou velikost obrázku podle prostoru a hustoty displeje. Média zachovávají poměr stran a nevyvolávají posun rozvržení. Velikost písma, řádkování a délka řádku se mění tak, aby text zůstal pohodlný.
Navigace, formuláře a dotyk
Ovládací prvky mají dostatečnou plochu a rozestup pro prst. Menu, košík, modální okna a formuláře lze používat bez horizontálního posunu. Klávesnice telefonu odpovídá typu pole a validace srozumitelně vysvětluje další krok.
Přístupnost, výkon a testování
Responzivita respektuje zvětšení textu, klávesnici, čtečky a omezení pohybu. Mobil nestahuje zbytečně stejné těžké zdroje jako velká obrazovka. Kontrola probíhá na skutečných zařízeních, různých prohlížečích a pomalejší síti.
Přístup PAR HOUSE Agency
Rozhraní navrhujeme od nejdůležitějšího obsahu a testujeme každou klíčovou cestu na mobilu. Custom code omezuje závislost na těžkých univerzálních modulech. Výsledkem je jednotná značka, rychlé načítání a pohodlné použití v každé velikosti.
