Reagovat Web Dizajn a Mobilne Zariadenia/

Link: https://baymard.com/blog/responsive-web-design

Za pár dní sa mi podarilo otočiť Pokazené Mlieko je web dizajn plne reagovať tak, že sa prispôsobí pekne bez ohľadu na zariadenie, je vykreslený.

V dnešnej dobe, ľudia prístup na Internet z neustále rastúceho rozsahu zariadenia s veľmi rôzne veľkosti obrazovky a ovládanie (myš vs prsty).

To nastoľuje niektoré veľmi reálne dizajn a použiteľnosť problémy, pretože väčšina webových stránok je určený iba, ktorý sa zobrazuje na veľkých obrazovkách a prešli od myši. To je jasne starý spôsob, ako robiť veci – zvyšky z veku, kde by ste mohli urobiť primerané predpoklady o užívateľská veľkosť obrazovky.

Moderné webové stránky, budú musieť prispôsobiť pre všetky druhy obrazoviek a ovládacie prvky. Webové stránky by mali vyzerať a fungovať rovnako dobre na Android, telefón, a iPad, ako to robia na počítači. Moderné webové stránky hodí zariadenie, namiesto veliaci, že zariadenie vyhovuje webovej stránke.

Našťastie, máme elegantný a rovno-dopredu spôsob, ako dosiahnuť tento sen sa to volá responsive web design.

Reagovať Web Dizajn

Zoznam Okrem napísal výborný úvod na túto tému. V skratke, responsive web vzory prispôsobiť rozloženie stránky v závislosti od veľkosti obrazovky zariadenie, ktoré poskytuje stránke.

V praxi toto je robené tým, chytré využitie médií požiadavky – časť špecifikácie CSS3. Médiá dotazy umožňujú podmienečne vzťahovať podskupiny CSS štýly v závislosti na médiách – obvodu ktorý generuje stránky. Vrátane veľkosti obrazovky.

To znamená, že vaše webové stránky môžu reagovať na veľkosť displeja prístroja, ktorý robí to – usporiadanie prvkov, zvýšenie alebo zníženie písma-veľkosť, atď. takže dizajn vyzerá a funguje rovnako dobre na smartphone, ako to robí na počítači. To je responzívny web dizajn.

Projektovanie pre Viaceré Zariadenia

Najviditeľnejšie aspekty responsive web design je manipulácia s rôznymi veľkosťami obrazovky. Na stolnom počítači môžete tri stĺpce layoutu, keďže na smartphone obmedzenia malý displej často nútiť, aby ste pád späť na jeden stĺpec rozloženie. Obrázky budú musieť byť zmenšený a pekne. A tak ďalej, a tak ďalej.

Avšak, tam je viac, než len veľkosť obrazovky myslieť pri tom responsive web design. Budete tiež chcieť premýšľať o tom, ako používateľské ovládacie prvky vašej webovej stránky – myšou, alebo s ich prsty? Mimochodom, ovládacie prvky na väčšine smartphonov sú oveľa menej presné, pretože sa ovláda pomocou dotykového displeja namiesto myši.

To vás núti dať odkazy a tlačidlá v určitej vzdialenosti od seba, takže používateľa neklikajte na ten zlý náhodou. Navigácia na stránke často musí byť rethought.

Ďalší veľký rozdiel je, že už môžete očakávať vznášať k dispozícii od dotykové zariadenia neponúkajte funkčnosť (zatiaľ, tak ako tak). Takže vaše stránky musia byť použiteľné a prístupné bez vlákna.

Stojí to za To?

Mobilný prehliadač je vybuchujúce v týchto dňoch a percento návštevníkov, na väčšine miest je stále príliš veľký na to ignorovať (na Baymard.com to už je nad 10%). A mobilného Internetu je len ísť jedným smerom, a to až.

Na prvý, responsive web design znie ako veľa práce. Avšak v porovnaní s rokom vytvorenie špeciálnej stránky pre chytré telefóny, a jeden pre tablety, a jeden pre stolné počítače, jednoducho meniť rozloženie na jednom mieste, je oveľa jednoduchšia a (rovnako dôležité) udržiavať.

Responsive web dizajn, určite vás núti prístup svoj web vzory v iný spôsob. Avšak, akonáhle sa dostanete na kĺb, responsive dizajn je skutočne pomerne priamočiare. Som implementované reagovať návrhy na Baymard a Pokazené Mlieko webovej lokalite len pár dní.

Vzhľadom všetko, čo potrebujete, je pár dní zase svoje webové stránky do iPhone, iPad, Android, Blackberry-optimalizované stránky, cítim sa v bezpečí hovorí “Áno, responsive web dizajn za to stojí.”

Responsive web design je budúcnosť, a stávkových kancelárií o budúcnosti nie je zlý nápad.