Oblikovanje za splet in tablične računalnike - odzivno oblikovanje

• April 26, 2024

Izraz Odzivni je že nekaj časa v ospredju, a kaj točno to pomeni? Internet se je z leti precej spremenil, od večinoma besedilne platforme do interaktivnega, privlačnega, večpredstavnostnega in večopravilnega okolja.

V zadnjem desetletju so se spletne strani spremenile, da bi odražale izboljšave interneta in naprav, ki jih uporabljamo za ogled. Ko že govorimo o napravah, imamo na izbiro več vrst, vključno z računalniki, mini računalniki, tablicami in pametnimi telefoni. Ko se število naprav in njihove različice povečujejo, postane težava očitna. Vsaka naprava in različica naprave ima lastno velikost zaslona.

Ko smo morali samo oblikovati spletna mesta za namizne in prenosne računalnike, je bila naša glavna pozornost, kako zagotoviti, da je spletna stran prikazana enako, ne glede na računalnik ali spletni brskalnik. Odgovor je bil oblikovanje najboljših spletnih brskalnikov in najpogostejših ločljivosti zaslona. To je delovalo kratek čas. Druga težava je postala očitna, ko so se ti parametri spreminjali. Velikost zaslona za moj prvi računalnik je bila 800 x 600 in vseeno mi je bil všeč. Potem je 1024 x 800 postalo norma. Zdaj so računalniki zrasli na 27 in več. Tako se je ciljna ločljivost spletnega mesta stalno spreminjala.

Ravno, ko smo začeli uživati ​​v oblikovanju teh večjih zaslonov, se je priljubljenost pametnega telefona in tabličnega računalnika močno povečala, s svojimi kul aplikacijami, vendar manjšimi zasloni. V resnici se predvideva, da bodo pametne telefone in tabele uporabljali pogosteje kot računalniki za ogled spleta le v nekaj letih. Sprva je bilo le nekaj mobilnih naprav. Tako smo začeli oblikovati tako glavno spletno mesto za uporabnika računalnika kot drugo spletno mesto za uporabnika mobilnih naprav. Toda to težave ni v celoti rešilo, saj smo še vedno oblikovali postavitve s fiksno širino.

Zdaj ne morete domnevati, katero napravo bo gledalec uporabljal za ogled vašega spletnega mesta. Tako oblikovanje za določene velikosti zaslona ni več najboljši odgovor na težavo. Potrebujemo način, kako določiti velikost zaslona uporabnikove naprave in ustrezno prikazati spletno stran. Zato je odziven spletni dizajn, ki uporablja CSS za določitev širine zaslona in prikazovanje spletne strani drugače, kot je potrebno. To nam omogoča, da imamo samo eno spletno mesto, ki bo po potrebi postavilo v več različic.

Navodila Video: Responsive Design with Bootstrap by Neel Mehta (April 2024).