Čo je RWD
RWD je skratka pre responzívny webový dizajn. Jedno rozhranie sa plynulo prispôsobuje dostupnému priestoru, orientácii, spôsobu ovládania a možnostiam zariadenia. Nejde iba o zmenšenie desktopovej stránky na šírku telefónu.
Rozloženie podľa obsahu
Body zmeny rozloženia vychádzajú z okamihu, keď obsah stráca čitateľnosť, nie z niekoľkých konkrétnych modelov telefónov. Mriežka, pružné rozmery a obmedzená šírka textu udržiavajú hierarchiu. Dôležité funkcie nezmiznú iba preto, že je obrazovka menšia.
Obrázky, video a typografia
Prehliadač dostáva vhodnú veľkosť obrázka podľa priestoru a hustoty pixelov displeja. Médiá zachovávajú pomer strán a nevyvolávajú posuny rozloženia. Veľkosť písma, riadkovanie a dĺžka riadka sa menia tak, aby text zostal pohodlne čitateľný.
Navigácia, formuláre a dotyk
Ovládacie prvky majú dostatočnú plochu a rozostupy pre dotyk prstom. Menu, košík, modálne okná a formuláre možno používať bez vodorovného posúvania. Klávesnica telefónu zodpovedá typu poľa a validácia zrozumiteľne vysvetľuje ďalší krok.
Prístupnosť, výkon a testovanie
Responzivita rešpektuje zväčšenie textu, ovládanie klávesnicou, čítačky obrazovky a obmedzenie pohybu. Mobil zbytočne nesťahuje rovnaké objemné zdroje ako veľká obrazovka. Kontrola prebieha na skutočných zariadeniach, v rôznych prehliadačoch a na pomalšej sieti.
Prístup PAR HOUSE Agency
Rozhrania navrhujeme od najdôležitejšieho obsahu a každú kľúčovú cestu testujeme na mobile. Vlastný kód obmedzuje závislosť od objemných univerzálnych modulov. Výsledkom je jednotná značka, rýchle načítanie a pohodlné používanie pri každej veľkosti.
