Sadržaj
Responzivni web dizajn, koja je korist za web?Marketinški stručnjaci proučavali su mnoge aspekte ponašanja korisnika koji ukazuju na to da 70% ljudi između 18 i 45 godina ne surfa internetom ne s računala, već s tableta i telefona, što je vrlo veliko tržište koje to rado ostavlja po strani.
Što je responzivni web dizajn?
To je dizajn koji se prilagođava bilo kojem uređaju i razlučivosti zaslona, bez obzira radi li se o telefonu, tabletu, računalu ili TV ekranu. Sve se to mora prilagoditi bez stvaranja različitih verzija web stranice za svaki uređaj, ali to je jedna web stranica koja se mora moći prilagoditi.
Kako naš dizajn učiniti osjetljivim?
Jedan od načina je putem modula medijskih upita CSS3 što omogućuje iscrtavanje sadržaja u skladu s uvjetima kao što je razlučivost zaslona
Na primjer u datotekama stilova file.css
@import url (styles.css) samo zaslon i (max-device-width: 480px);
Unutar datoteke počinjemo definirati uređaje najveće širine 480px i vodoravno orijentirane:
@medijski zaslon i (maksimalna širina uređaja: 480 piksela) i (orijentacija: vodoravno) {
/ * ovdje će biti stilovi za ovaj uređaj * /
}
Drugi stil za okomiti zaslon
@medijski zaslon i (minimalna širina: 680px) i (max-širina: 979px) i (orijentacija: portret) {
/ * stilovi * /
}
Ovdje definiramo stilove za iPhone 5
@medijski zaslon i (omjer širine i visine uređaja: 40/71) {
/ * stilovi * /
}
Idealno je mjeriti sve u postocima kako biste mogli napraviti generičku web stranicu, a da ne morate napraviti toliko stilskih listova.
Jedan je način postavljanjem sadržaja koji pokriva 80% širine zaslona, to će zadržati odjeljak sadržaja na bilo kojem uređaju.
Neke prednosti i aspekti koje treba uzeti u obzir
Odgovarajući radovi na web dizajnu način su SEO -a jer izbjegavamo dupliciranje veza i sadržaja za različite verzije uređaja, Google sviđa mu se iako to ne znači da je potrebno. Učinimo li to za korisnike mobilnih uređaja, a ne za Google.
Za svaki uređaj iskustvo i hitnost su različiti jer se koriste u različito vrijeme.
Općenito, oni koji se kreću s računala su na poslu ili kod kuće, stoga će pretraživanje biti opuštenije i s više vremena za čitanje i prikaz bannera, tko god se kreće s tableta, zasigurno će biti profesionalac ili netko tko obavlja određeni zadatak jer su vam stoga potrebne smjernice ili referentne informacije, ali ne i nešto što bi ometalo vašu potragu.
Dok će oni koji se kreću telefonom biti najmlađi ili ljudi s mnogo većom pokretljivošću te će tražiti brze i konkretne informacije za hitne upite ili brzo traženje informacija o mjestu, događaju ili potrebi za komunikacijom, neki od ovih aspekata otkrivaju se u comScore izvješće o mrežnom marketingu koje je besplatno, besplatno i odražava godišnje trendove.