Kas yra interaktyvus dizainas? („Video“ ir „Infographic“ paaiškinimas)

reaguojantis interneto dizainas

Tam prireikė dešimtmečio reaguojantis interneto dizainas (RWD) pereiti nuo XNUMX m Pirmą kartą pristatė Cameronas Adamsas sąvoka. Idėja buvo išradinga - kodėl negalime kurti svetainių, kurios prisitaiko prie žiūrimo įrenginio peržiūros srities?

Kas yra interaktyvus dizainas?

Interaktyvus interneto dizainas (RWD) yra internetinio dizaino metodas, skirtas kurti svetaines, kad būtų užtikrinta optimali žiūrėjimo patirtis - lengva skaityti ir naršyti, mažiausiai keičiant dydį, panoramuojant ir slenkant - įvairiuose įrenginiuose (nuo mobiliųjų telefonų iki stalinių kompiuterių monitoriai). RWD suprojektuota svetainė pritaiko maketą prie žiūrėjimo aplinkos, naudodama sklandžius, proporcijomis pagrįstus tinklelius, lanksčius vaizdus ir CSS3 laikmenos užklausas - „@media“ taisyklės pratęsimą.

'

Kitaip tariant, galima koreguoti tokius elementus kaip vaizdai, taip pat šių elementų išdėstymą. Čia yra vaizdo įrašas, kuriame paaiškinama, kas yra reaguojantis dizainas, ir kodėl jūsų įmonė turėtų jį įgyvendinti. Neseniai pertvarkėme DK New Media svetainę, kad ji būtų jautri ir dabar dirba Martech Zone daryti tą patį!

Reaguojančios į svetainę kūrimo metodika yra šiek tiek varginanti, nes reikia turėti savo stilių hierarchiją, kuri būtų organizuota atsižvelgiant į peržiūros srities dydį.

Naršyklės patys supranta savo dydį, todėl įkelia stiliaus lapą iš viršaus į apačią, pateikdami užklausas pagal ekrano dydį. Tai nereiškia, kad kiekvienam dydžio ekranui turite kurti skirtingas stiliaus lenteles, jums tereikia perkelti būtinus elementus.

Veikimas su pirmuoju mobiliuoju modeliu šiandien yra pagrindinis standartas. Geriausi savo klasės prekės ženklai galvoja ne tik apie tai, ar jų svetainė pritaikyta mobiliesiems, bet ir apie visą klientų patirtį.

Lucinda Duncalfe, „Monetate“ generalinė direktorė

Čia yra „Monetate“ infografika, iliustruojanti galimą vieno interaktyvaus dizaino kūrimo keliems įrenginiams naudą:

Reaguojanti interneto dizaino infografika

Jei norite, kad reaguojanti svetainė veiktų, nurodykite "Google Chrome" naršyklę (manau, kad „Firefox“ turi tą pačią funkciją) DK New Media. Dabar pasirinkite Rodinys> Kūrėjas> Kūrėjo įrankiai iš meniu. Taip naršyklės apačioje bus įkelta krūva įrankių. Spustelėkite mažą mobiliojo telefono piktogramą, esančią meniu juostos Kūrėjo įrankiai kairėje.

reaguojantis-bandymas-chromas

Galite naudoti viršuje esančias naršymo parinktis, norėdami pakeisti vaizdą iš gulsčio į stačią arba net pasirinkti bet kokį skaičių iš anksto užprogramuotų peržiūros srities dydžių. Jums gali tekti iš naujo įkelti puslapį, tačiau tai pats šauniausias įrankis pasaulyje, skirtas patikrinti jūsų reaguojančius nustatymus ir užtikrinti, kad jūsų svetainė puikiai atrodo visuose įrenginiuose!

3 komentarai

  1. 1
  2. 2

    Labai ačiū Douglasui už šį gerai paaiškintą straipsnį. Turiu sutikti su tuo, nors ir turiniu. Daugeliui svetainių mes nepateiksime atsakingo išdėstymo. Mums reikia reaguojančio turinio. Bet pagrindinėse svetainėse mes tikrai naudosime jūsų gerai dokumentuotą straipsnį, kaip tai padaryti!

Ką manote?

Ši svetainė naudoja "Akismet", kad sumažintų šlamštą. Sužinokite, kaip apdorojamas jūsų komentaras.