Dizajn za web i tablete - responzivni dizajn

• Travanj 30, 2024

Izraz Responsive je već neko vrijeme u prvom planu, ali što točno to znači? Internet se tijekom godina mnogo promijenio, od uglavnom temeljene na platformi do interaktivnog, privlačnog, multimedijskog i multi-uređaja.

Web stranice su se promijenile u posljednjem desetljeću kako bi odrazile poboljšanja na Internetu i uređajima koje koristimo za njegovo pregledavanje. Kada govorimo o uređajima, imamo između nekoliko vrsta, uključujući računala, mini-računala, tablete i pametne telefone. Kako se povećava broj uređaja i njihove varijacije, postaje očigledan problem. Svaki uređaj i svaka inačica uređaja imaju svoju veličinu zaslona.

Kad smo samo trebali dizajnirati web stranice za stolna i prijenosna računala, naša glavna razmatranja bila su kako osigurati da web stranica bude ista, bez obzira na računalo ili web pretraživač. Odgovor je bio dizajn za vrhunske web-preglednike i najčešće rezolucije zaslona. To je djelovalo kratko vrijeme. Još je jedan problem postao očigledan jer su se ovi parametri stalno mijenjali. Veličina zaslona za moje prvo računalo bila je 800 x 600 i svejedno mi se svidjelo. Tada je 1024 x 800 postalo norma. Sada su računala narasla na 27 inča i više. Tako se ciljna rezolucija za web mjesto nastavila mijenjati.

Taman kada smo počeli uživati ​​u dizajniranju za ove veće zaslone, popularnost smartfona i tableta znatno se povećala, s njihovim cool aplikacijama, ali i manjim ekranima. Zapravo se predviđa da će se pametni telefoni i tablice koristiti češće od računala za gledanje interneta u samo nekoliko godina. U početku je bilo samo nekoliko mobilnih uređaja. Tako smo započeli s dizajniranjem i glavne web stranice za korisnika računala i druge stranice za mobilnog korisnika. Ali to nije riješilo problem u potpunosti, jer smo još uvijek dizajnirali za izgled fiksne širine.

Sada ne možete pretpostaviti koji će uređaj gledatelj koristiti za gledanje vaše web stranice. Dakle, dizajniranje određenih veličina zaslona više nije najbolji odgovor na problem. Ono što nam treba je način za određivanje veličine ekrana korisnikovog uređaja i prikazivanje web stranice u skladu s tim. Dakle, brzi web dizajn, koji pomoću CSS-a određuje širinu zaslona i drugačije prikazivanje web stranice prema potrebi. To nam omogućava da imamo samo jedno web mjesto koje će prema potrebi pretvarati u nekoliko verzija.

Upute Video: Moderne, atraktivne, funkcionalne i responzivne internet stranice (Travanj 2024).