Lyginant dviejų skirtingų metodų kelių įrenginių interneto dizainui
Atsakomasis ir pritaikomasis interneto dizainas yra abu metodai, skirti kurti įvairias programas palankias svetaines, kurios puikiai veikia įvairius ekrano dydžius. Nors "Google" rekomenduoja jautrųjį internetinį dizainą ir yra labiau populiarus iš dviejų metodų, abu šie multi-device web dizaino metodai turi stipriąsias ir silpnąsias puses.
Pažvelkime į įdomius ir pritaikytus interneto dizaino skirtumus, ypatingą dėmesį skiriant šioms svarbiausioms sritims:
- Lengva vystytis
- Kontrolės lygis, kurį turite virš dizaino
- Prietaiso / ekrano palaikymo plotis
- Kaip ateityje yra draugiškas sprendimas
- Bendras atsisiuntimo greitis ir svetainės našumas
Kai kurie apibrėžimai
Prieš imdamiesi mūsų gretimų palyginamų jautrių ir pritaikomų interneto dizainų, pažiūrėkime į aukšto lygio šių dviejų metodų apibrėžimą.
Atsakančios svetainės turi sklandų išdėstymą, kuris keičia ir pritaikomas nepriklausomai nuo naudojamo ekrano dydžio. Žiniasklaidos užklausos leidžia prisitaikančioms svetainėms netgi keisti "skristi", jei naršyklė yra pakeista.
Adaptavus dizainas naudoja fiksuotus dydžius pagal iš anksto nustatytus atsilikimo taškus, kad pateiktų tinkamiausią ekrano dydžio išdėstymo variantą, kuris nustatomas, kai puslapis pirmą kartą įkeltas.
Naudodami tuos plačius apibrėžimus, leiskite kreiptis į mūsų pagrindines dėmesio sritis.
Lengvas vystymasis
Svarbiausias skirtumas tarp jautriai pritaikomo ir pritaikomo interneto dizaino yra tas, kad šie sprendimai taikomi svetainėje. Kadangi jautrus dizainas sukuria visiškai sklandų išdėstymą, jis geriausiai tinka projektams, kuriuose jūs redaguojate svetainę nuo žemės paviršiaus . Bandymas modifikuoti esamą svetainės kodą, kad jis taptų jautrus, dažnai yra varginantis reikalas, nes jūs tiesiog neturite tokio lygio kontrolės, kokį turėtumėte, jei šį kodą sukurtumėte nuo nulio ir atsižvelgtumėte į greitą šio proceso etapą. . Tai reiškia, kad, kai jūs atnaujinate tinklalapį, kad jis būtų reaguoja, esate priverstas kompromisus, kad būtumėte toje esančioje kodo dalyje.
Jei dirbate su esama fiksuoto pločio interneto svetaine, pritaikomasis metodas reiškia, kad galite palikti dydį, kurį svetainė buvo suprojektuota nepažeisti, ir prireikus papildomai pritaikyti pristabdymo taškus. Kai kuriais atvejais, jei projekto biudžetas yra nedidelis, ir jei jis apims tik nedidelę kūrimo darbo dalį, galite pasirinkti pridėti naujus adaptyvius perjungimo taškus mažesniems ekranų / mobiliesiems orientuotiems dydžiams. Tai reiškia, kad leisite, kad visi didesni ekranai naudotų tą patį išdėstymą - galbūt 960 pasikartojimo taško versiją, kuri buvo tokia svetainė, kuri iš pradžių buvo sukurta.
Pritaikomas požiūris yra tai, kad galite geriau panaudoti esamos svetainės kodą, tačiau vienas iš neigiamų priežasčių yra tai, kad kuriate skirtingus išdėstymo šablonus kiekvienai pertraukties vietai, kurią pasirinkote palaikyti. Tai turės įtakos darbo krūviams, reikalingiems ilgalaikiam šio sprendimo kūrimui ir palaikymui.
Projektavimo kontrolė
Viena iš jautrių svetainių privalumų yra ta, kad jų sklaida leidžia jiems pritaikyti ir palaikyti visus ekrano dydžius, o ne tik iš anksto nustatytus atskaitos taškus, nustatytus adaptuojamame požiūriu. Vis dėlto tikrovė yra tai, kad jautrūs tinklalapiai gali atrodyti puikūs tam tikruose pagrindiniuose ekranų dydžiuose (paprastai tokie dydžiai atitinka populiarius rinkoje esančius įrenginius), tačiau jų populiarios raiškos dažnai sutrinamos.
Pvz., Svetainė gali puikiai atrodyti 1400 pikselių pločio ekrano, 960 pikselių vidurio ekrano, o mažas ekranas atrodo 480 pikselių, bet kokia yra šių dydžių tarpusavio būklė? Kaip dizaineris, jūs turite šiek tiek nekontroliuoti šių tarpų dydžių, o vizualus šio dydžio puslapio išvaizda dažnai yra mažiau nei idealus.
Naudodami prisitaikančią svetainę, turite daug daugiau kontroliuoti įvairius išdėstymus, kurie naudojami, nes jie yra fiksuoti dydžiai, atsižvelgiant į jūsų nustatytas ribines vertes. Tie nepatogūs tarpvalstybiniai klausimai jau nebėra problemos, nes jūs atidžiai suplanavote kiekvieną "išvaizdą" (ty kiekvieno pertraukos taško ekraną), kuris bus pristatytas lankytojams.
Kaip patraukli, nes gali išsiskirti tokio dizaino valdymo lygis, jūs turite žinoti, kad jis kainuoja. Taip, galite visiškai kontroliuoti kiekvieno taško išvaizdą, bet tai reiškia, kad jūs turite investuoti dizaino laiką, kurio reikia kiekvienam iš šių unikalių maketų. Kuo daugiau ribinių verčių pasirinksite, tuo daugiau laiko reikės išleisti tam procesui.
Paramos plotis
Tiek reaguoja, tiek prisitaikanti žiniatinklio dizainas turi gana tvirtą paramą, ypač moderniose naršyklėse.
Adaptyviosioms svetainėms reikalingos serverio pusės komponentai arba "Javascript", norint nustatyti ekrano dydį. Akivaizdu, kad jei prisitaikanti svetainė reikalauja "Javascript", tai reiškia, kad naršyklė turi būti įjungta, kad ši svetainė tinkamai veiktų. Tai gali būti ne jums svarbus dalykas, nes dauguma žmonių savo naršyklėse turi Javascript, tačiau bet kuriuo metu, kai svetainė turi kritinę priklausomybę nuo nieko, reikėtų atkreipti dėmesį.
Atsakomosios svetainės ir žiniasklaidos užklausos, kurios juos įjungia, visose šiuolaikinėse naršyklėse veiks gerai. Vienintelės problemos, susijusios su senesnėmis "Internet Explorer" versijomis, nes versijos 8 ir toliau nepalaiko medijos užklausų . Siekiant išspręsti šią problemą, dažnai naudojamas Javascript polifilas , tai reiškia, kad čia taip pat yra priklausomybė nuo "Javascript", bent jau tiems, kurie pasenę versijos IE. Vėlgi, tai gali būti daug nerizikinga, ypač jei jūsų svetainės analizė rodo, kad negaunate daug lankytojų, naudojant šias senesnes naršyklės versijas.
Ateities draugiškumas
Skirtingų tinklalapių sklaidos pobūdis suteikia jiems pranašumą prieš prisitaikančias svetaines ateityje. Taip yra todėl, kad šios reaguojančios svetainės nėra sukurtos, kad būtų galima pritaikyti tik anksčiau nustatytas pertraukties taškų rinkinį. Jie prisitaiko prie visų ekranų , įskaitant tuos, kurie šiandien iš tikrųjų negali būti rinkoje. Tai reiškia, kad jautrioms svetainėms nereikės būti "fiksuotos", jei naujai ekrano skiriamoji geba staiga tampa populiari.
Pažvelgus į neįtikėtiną įrenginio peizažo įvairovę (nuo 2015 m. Rugpjūčio mėn. Rinkoje buvo daugiau nei 24 000 skirtingų "Android" įrenginių), svetainė, kuri geriausiai prisitaiko prie šio platų ekranų, yra labai svarbi ateityje. Taip yra dėl to, kad ateityje šis kraštovaizdis nepakankamai įvairus, o tai reiškia, kad tam tikrų ekranų ar dydžių projektavimas tampa neįmanomas, jei dar to nepadarysime.
Kitoje šio palyginimo scenarijaus pusėje, jei svetainė yra prisitaikanti ir ji neatitinka naujų rezoliucijų, kurios gali tapti svarbios rinkoje, tada jums gali tekti pridėti tą tašką į sukurtas svetaines. Tai prideda projektų kūrimo ir tobulinimo laiką, o tai reiškia, kad šios adaptuojamosios svetainės turi būti nuolat stebimos, siekiant užtikrinti, kad į rinką nebūtų įvestų naujų taškų, kurie turi būti įtraukti į svetainę. Vėlgi, kai prietaisų įvairovė yra tai, kas yra, nuolat reikia patikrinti, ar yra naujų dydžių, ir galbūt juos pritaikyti prie naujų atsilikimo taškų, yra nuolatinis iššūkis, kuris turės įtakos darbui, kurį turėsite palaikyti svetainę, ir šios techninės priežiūros išlaidas. įmonė ar organizacija, kuriai skirta svetainė.
Spektaklis
Atsakomasis web dizainas jau seniai buvo apkaltintas (nesąžiningai, taigi ir daugeliu atvejų), kad jis yra blogas sprendimas, palyginti su atsisiuntimo greičiu ir našumu. Taip yra dėl to, kad ankstyvaisiais šio metodo laikais daugelis interneto dizainerių paprasčiausiai susirašinėjo su mažo ekrano žiniasklaidos užklausomis į svetainės esamą CSS. Tai privertė dideliems ekranams skirtus vaizdus ir išteklius pristatyti visiems įrenginiams, net jei tie mažesni ekranai jų nenaudojo galutiniuose maketuose. Atsakius dizainas nuėjo ilgą kelią nuo tų dienų ir tikrovė yra tai, kad šiandien kokybiškos svetainės nepatiria veiklos problemų.
Lėtai atsisiuntimo greitis ir išpūstos svetainės nėra jautri svetainės problema - tai yra problema, kurią galima rasti visose svetainėse. Vaizdai, kurie yra pernelyg sunkūs, perduodami per daug skriptų ir dar daugiau, ir svoris yra mažesnis, tačiau gali būti sukurtos greitesnės ir greitesnės svetainės. Žinoma , jie taip pat gali būti sukonstruoti taip, kad neveiktų prioritetas, tačiau tai nėra paties sprendimo bruožas, o atspindi komandą, kuri buvo įtraukta į pačios svetainės kūrimą.
Be išdėstymo
Vienas iš įdomiausių prisitaikančio web dizaino aspektų yra tai, kad jūs ne tik kontroliuojate svetainės dizainą nustatytoms sustojimo vietoms, bet ir išteklius, kurie pristatomi toms svetainės versijoms. Pavyzdžiui, tai reiškia, kad tinklainės nuotraukos gali būti siunčiamos tik tinklainės įrenginiams, o ne tinklainės ekranuose yra daugiau tinkamų vaizdų, kurie yra mažesni failų dydyje. Kiti svetainės ištekliai (Javascript failai, CSS stiliai ir tt) gali būti išmintingai pristatyti tik tada, kai jie yra reikalingi ir bus naudojami.
Šis adaptyvusis interneto dizaino naudojimas gerokai viršija paprastą lygybę: "jei jūs modeliuojate tinklalapį, adaptavimas gali būti paprastesnis požiūris į naudojimą". Visose svetainėse, įskaitant išsamius redagavimus, gali būti naudingiau išmanantis požiūris į labiau pritaikytą patirtį.
Šis scenarijus rodo niuansuotą šios "reaguojančios ir prisitaikančios" diskusijos pobūdį. Nors tiesa, kad pritaikomasis metodas gali būti geriau pritaikytas negu reaguoti į svetainių atnaujinimą, jis taip pat gali būti puikus sprendimas visiškai pertvarkyti. Panašiai kai kuriais atvejais jautrus požiūris gali būti pridėtas prie esamos svetainės kodo bazės, suteikiant šią svetainę visas naudingas visapusiško atsakymo požiūris.
Kuris požiūris yra geresnis?
Kalbant apie jautriai prisitaikantį web dizainą, nėra aiškios "nugalėtojos", nors reaguoja, be abejo, yra labiau populiarus požiūris. Tiesą sakant, "geresnis" metodas priklauso nuo konkretaus projekto poreikių. Be to, tai nereikia "ir / arba" situacijai. Yra daugybė žiniatinklio profesionalų, kurie kuria tinklalapius, kuriuose derinamas geriausias jautrus interneto dizainas (skysčio plotis, būsimasis palaikymas) ir adaptacinio dizaino privalumai (geresnis dizaino valdymas, protingas svetainių išteklių pakrovimas).
Šis metodas paprastai vadinamas RESS ("Atsakomasis internetinis dizainas su serverio pusės komponentais"), todėl iš tikrųjų nėra "vieno dydžio tinka visiems sprendimams". Abu jautrūs interneto dizaino ir pritaikymo būdai turi stipriąsias puses ir jų iššūkius, todėl reikia nustatyti, kuris iš jų yra. geriausiai tinka jūsų konkrečiam projektui arba jei hibridinis sprendimas gali iš tikrųjų tinka jums geriausiai.