Reaguojantis arba reaguojantis dizainas

Turinys
Atsakingas žiniatinklio dizainas, kokia iš to nauda žiniatinkliui?
Rinkodaros specialistai išnagrinėjo daugelį vartotojų elgesio aspektų ir rodo, kad 70% žmonių nuo 18 iki 45 metų internete naršo ne iš kompiuterių, o iš planšetinių kompiuterių ir telefonų, o tai yra labai didelė rinka.
Kas yra reaguojantis interneto dizainas?
Tai dizainas, kuris prisitaiko prie bet kurio įrenginio ir ekrano skiriamosios gebos, nepriklausomai nuo to, ar tai telefonas, planšetinis kompiuteris, kompiuteris, ar televizoriaus ekranas. Visa tai turi būti pritaikyta nesukuriant skirtingų svetainės versijų kiekvienam įrenginiui, tačiau tai turi būti viena svetainė, kuri turi sugebėti prisitaikyti.

Kaip mes pritaikome savo dizainą?
Vienas iš būdų yra per žiniasklaidos užklausų modulį CSS3 leidžia turinį perteikti tokioms sąlygoms kaip ekrano skiriamoji geba
Pavyzdžiui, stiliuose file.css
@import url (styles.css) tik ekranas ir (max-device-width: 480px);
Failo viduje pradedame apibrėžti įrenginius, kurių didžiausias plotis yra 480 pikselių ir orientuoti horizontaliai:
@media only screen and (max-device-width: 480px) ir (orientacija: kraštovaizdis) {
/ * čia bus šio įrenginio stiliai * /
}

Kitas vertikalaus ekrano stilius
Tik „ @media“ ekranas ir (min. plotis: 680 piks.) ir (didžiausias plotis: 979 piks.) ir (orientacija: portretas) {
/ * stiliai * /
}

Čia mes apibrėžiame „iPhone 5“ stilius
@media ekranas ir (įrenginio kraštinių santykis: 40/71) {
/ * stiliai * /
}

Idealu yra viską išmatuoti procentais, kad būtų galima sukurti bendrą svetainę, nesukuriant tiek daug stiliaus lapų.
Vienas iš būdų yra įdėti turinį, apimantį 80% ekrano pločio, todėl turinio skiltis išliks bet kuriame įrenginyje.
Keletas privalumų ir aspektų, į kuriuos reikia atsižvelgti
Interaktyvus žiniatinklio kūrimas yra SEO būdas, nes mes vengiame dubliuoti skirtingų įrenginio versijų nuorodas ir turinį, „Google“ jam tai patinka, nors tai nereiškia, kad tai būtina. Jei tai padarysime mobiliųjų telefonų naudotojams, o ne „Google“.
Kiekvieno įrenginio patirtis ir skubumas yra skirtingi, nes jis naudojamas skirtingu laiku.
Paprastai tie, kurie naršo iš kompiuterio, yra darbe ar namuose, todėl paieška bus ramesnė ir daugiau laiko skaityti bei pamatyti reklamjuostę, kas naršys iš planšetinio kompiuterio, tikrai bus profesionalas ar asmuo, kuris atlieka konkrečią užduotį todėl jums reikia gairių ar informacinės informacijos, bet ne tam, kas trukdytų paieškai.
Nors tie, kurie naršys telefonu, bus patys jauniausi arba žmonės, turintys daug daugiau mobilumo, ir ieškos greitos ir konkrečios informacijos skubiems klausimams arba greitai ieškos informacijos apie vietą, įvykį ar bendravimo poreikį, kai kurie iš šių aspektų atskleidžiami „comScore“ internetinės rinkodaros ataskaita, kuri yra nemokama, nemokama ir atspindi metines tendencijas.

Padėsite svetainės plėtrą, dalintis puslapį su draugais

wave wave wave wave wave