Y Gwahaniaethau rhwng Dylunio Gwefannau Ymatebol ac Addasol

Cymharu Dulliau Dull Gwahanol i Ddylunio Gwe Aml-ddyfais

Dylunio gwefannau ymatebol ac addasol yw'r ddau ddull ar gyfer creu gwefannau cyfeillgar aml-ddyfais sy'n gweithio'n dda ar amrywiaeth o feintiau sgrin. Er bod Google yn argymell dylunio gwefannau ymatebol, a dyna'r mwyaf poblogaidd o'r ddau ddull, mae'r ddau ddull hyn ar gyfer dylunio gwe aml-ddyfais yn cael eu cryfderau a'u gwendidau.

Edrychwn ar y gwahaniaethau rhwng dylunio gwefannau ymatebol ac addasol, gan ganolbwyntio'n benodol ar y meysydd allweddol hyn:

Rhai Diffiniadau

Cyn inni ddod i mewn i'n cymariaethau ochr yn ochr â dylunio gwefannau ymatebol ac addasol, gadewch i ni gymryd munud i edrych ar ddiffiniad lefel uchel o'r ddau ddull hwn.

Mae gan wefannau ymatebol gynllun hylif sy'n newid ac yn addasu waeth beth yw maint y sgrin sy'n cael ei ddefnyddio. Mae ymholiadau'r cyfryngau yn caniatáu i safleoedd ymatebol newid hyd yn oed "ar y hedfan" os yw'r porwr wedi'i newid.

Mae dyluniad addasu yn defnyddio meintiau sefydlog yn seiliedig ar feysydd torri a bennwyd ymlaen llaw i gyflwyno'r fersiwn gosodiad mwyaf priodol ar gyfer maint y sgrin a ganfyddir pan fydd y dudalen yn llwytho'n gyntaf.

Gyda'r diffiniadau eang hynny yn eu lle, gadewch i ni droi at ein meysydd ffocws allweddol.

Hawdd i'w Datblygiad

Y gwahaniaeth mwyaf arwyddocaol rhwng dylunio gwefannau ymatebol ac addasol yw'r ffordd y caiff yr atebion hyn eu cymhwyso i wefan. Oherwydd bod cynllun ymatebol yn creu cynllun hollol hylif, mae'n cael ei ddefnyddio orau ar brosiectau lle rydych yn ailgynllunio'r safle o'r ddaear i fyny . Mae ceisio ail-osod cod gwefan sydd eisoes yn bodoli i fod yn ymatebol yn aml yn berthynas ddifrifol oherwydd nad oes gennych y lefel o reolaeth y byddai gennych chi pe bai'n datblygu'r cod hwnnw o'r dechrau a rhoi dyluniad ymatebol i ystyriaeth ar gyfer camau cynharaf y broses honno . Mae hyn yn golygu, pan fyddwch chi'n ail-osod safle i fod yn ymatebol, eich bod yn gorfod gwneud cyfaddawdau er mwyn aros o fewn y codfraint presennol.

Os ydych chi'n gweithio gyda gwefan lled sefydlog sydd eisoes yn bodoli, mae dull addasu yn golygu y gallwch adael y maint a gynlluniwyd ar gyfer y safle yn gyfan ac ychwanegu ar ddarnau torri addas yn ôl yr angen. Mewn rhai achosion, os yw cyllideb y prosiect yn fach, ac os mai dim ond ychydig o waith datblygu y bydd yn ei ddarparu, efallai y byddwch yn dewis ychwanegu pwyntiau addas addas ar gyfer meintiau sgrin / canolog yn unig. Mae hyn yn golygu y byddech yn caniatáu i sgriniau mwy i bawb ddefnyddio'r un cynllun - efallai fersiwn breakpoint 960 sef yr hyn a oedd yn debygol o gynllunio'r safle hwnnw yn wreiddiol.

Y tu blaen i ymagwedd addasu yw y gallwch wella cod y safle presennol yn well, ond un o'r gostyngiadau yw eich bod chi'n creu templedi gwahanol gynlluniau ar gyfer pob man cychwyn rydych chi'n dewis ei gefnogi. Bydd hyn yn cael effaith ar y llwyth gwaith sydd ei angen i ddatblygu a chynnal yr ateb hwn yn y tymor hir.

Rheoli Dylunio

Un o gryfderau gwefannau ymatebol yw bod eu hylifedd yn caniatáu iddynt addasu a chefnogi pob maint sgrîn yn hytrach na dim ond y mannau torri a bennwyd ymlaen llaw a bennir mewn dull addasu. Y realiti, fodd bynnag, yw y gall safleoedd ymatebol edrych yn wych ar rai meintiau sgrin allweddol (fel arfer feintiau sy'n cyfateb i ddyfeisiau poblogaidd sydd ar gael ar y farchnad), ond mae'r dyluniad gweledol yn aml yn torri i lawr rhwng y penderfyniadau poblogaidd hynny.

Er enghraifft, efallai y bydd safle'n edrych yn wych ar y cynllun sgrin eang o 1400 picsel, maint y sgrin canol o 960 picsel, ac mae'r sgrin fach yn edrych ar 480 picsel, ond beth am gyflwr rhyngddynt y meintiau hyn? Fel dylunydd, nid oes gennych lawer o reolaeth dros y meintiau rhyngddynt hyn ac mae edrych gweledol y dudalen yn y meintiau hynny yn aml yn llai na delfrydol.

Gyda gwefan addasol, mae gennych lawer mwy o reolaeth ddylunio dros y gwahanol gynlluniau sy'n cael eu defnyddio oherwydd eu bod yn feintiau sefydlog yn seiliedig ar eich mannau torri sefydledig. Nid yw'r rhai cyflyrau rhyngddynt yn broblem yn hwy bellach oherwydd eich bod wedi dylunio pob "edrych" yn ofalus (sy'n golygu pob arddangosfa i dorri pwynt) a fydd yn cael ei gyflwyno i ymwelwyr.

Yn ddeniadol fel y gall y lefel hon o reolaeth ddylunio gadarn, rhaid i chi fod yn ymwybodol ei fod yn dod am bris. Ydw, mae gennych reolaeth lawn dros edrych pob pwynt torri, ond mae hynny'n golygu bod yn rhaid i chi fuddsoddi'r amser dylunio sydd ei angen i ddylunio ar gyfer pob un o'r cynlluniau unigryw hynny. Po fwyaf o bwyntiau torri rydych chi'n dewis eu dylunio, y mwyaf o amser y bydd angen i chi ei wario ar y broses honno.

Lefelau Cymorth

Mae'r dyluniad gwe-ymatebol ac addasol yn mwynhau cefnogaeth eithaf cadarn, yn enwedig mewn porwyr modern.

Mae gwefannau addasadwy angen naill ai elfennau ochr gweinyddwr neu Javascript ar gyfer canfod maint y sgrin. Yn amlwg, os oes angen Javascript ar safle addasol, mae'n golygu bod angen galluogi porwr er mwyn i'r safle hwnnw weithio'n gywir. Efallai na fydd hynny'n peri pryder mawr i chi gan y bydd gan y rhan fwyaf o bobl Javascript yn eu porwyr, ond unrhyw adeg mae gan safle ddibyniaeth feirniadol ar unrhyw beth, dylid nodi.

Bydd gwefannau ymatebol ac ymholiadau'r cyfryngau sy'n eu pŵer yn gweithio'n dda ym mhob porwr modern. Yr unig broblemau fydd gennych chi gyda'r fersiynau hynaf o Internet Explorer gan nad yw fersiynau 8 ac isod yn cefnogi ymholiadau cyfryngau . I weithio o gwmpas hyn , defnyddir cyfryngau Javascript yn aml , sy'n golygu bod dibyniaeth ar Javascript yma hefyd, o leiaf ar gyfer y fersiynau hynaf hynaf o IE. Unwaith eto, efallai na fydd hyn yn peri pryder mawr i chi, yn enwedig os yw eich dadansoddiadau gwefan yn dangos nad ydych chi'n derbyn llawer o ymwelwyr gan ddefnyddio fersiynau'r porwr hŷn hynny.

Cyfeillgarwch yn y Dyfodol

Mae natur hylif gwefannau ymatebol yn rhoi mantais iddynt dros safleoedd addasu pan ddaw at gyfeillgarwch yn y dyfodol. Mae hyn oherwydd nad yw'r safleoedd ymatebol hynny yn cael eu hadeiladu i ddarparu ar gyfer setiau torri egwyl a sefydlwyd yn flaenorol. Maent yn addasu i gyd-fynd â'r holl sgriniau , gan gynnwys y rhai nad ydynt mewn gwirionedd yn y farchnad heddiw. Mae hyn yn golygu na fydd yn rhaid i safleoedd ymatebol fod yn "sefydlog" os bydd datrysiad sgrin newydd yn dod yn boblogaidd yn sydyn.

Gan edrych ar yr amrywiaeth anhygoel yn nhirwedd y ddyfais (erbyn Awst 2015, roedd dros 24,000 o ddyfeisiadau Android gwahanol ar y farchnad), mae cael safle sy'n gwneud ei orau i ddarparu ar gyfer yr ystod eang hon o sgriniau yn hollbwysig ar gyfer cyfeillgarwch yn y dyfodol. Mae hyn oherwydd bod y dirwedd honno yn annhebygol o gael unrhyw beth llai amrywiol yn y dyfodol, sy'n golygu y bydd dylunio ar gyfer sgriniau neu feintiau penodol yn mynd yn amhosib, os nad ydym eisoes wedi cyrraedd y realiti honno.

Ar ochr arall y senario gymhariaeth hon, os yw safle'n addasol ac nad yw'n cynnwys atebion newydd a all fod yn bwysig yn y farchnad, yna efallai y bydd yn rhaid ichi ychwanegu'r pwynt torri hwnnw ar y safleoedd rydych chi wedi'u creu. Mae hyn yn ychwanegu amser dylunio a datblygu ar brosiectau ac mae'n golygu bod yn rhaid i'r safleoedd addasu hynny gael eu monitro'n gyson i sicrhau nad oes unrhyw bwyntiau torri newydd wedi'u cyflwyno i'r farchnad y mae'n rhaid ei ychwanegu ar y safle. Unwaith eto, gyda'r amrywiaeth dyfeisiau, beth yw gorfod gwirio am feintiau newydd yn gyson, ac mae posibilrwydd y bydd seibiannau newydd ar gael iddynt yn her barhaus a fydd yn effeithio ar y gwaith y mae'n rhaid i chi ei gefnogi i gefnogi safle a chost y gwaith cynnal a chadw hwnnw ar gyfer y cwmni neu'r sefydliad y mae'r safle ar ei gyfer.

Perfformiad

Mae cynllun gwefannau ymatebol wedi cael ei gyhuddo ers tro (yn annheg felly mewn sawl achos) o fod yn ateb gwael o safbwynt cyflymder / perfformiad lawrlwytho. Mae hyn i raddau helaeth oherwydd y ffaith bod llawer o ddylunwyr gwe yn mynd i'r afael â ymholiadau cyfryngau sgrin fach ar CSS presennol y safle yn gynnar yn yr ymagwedd hon. Roedd hyn yn gorfodi'r delweddau a'r adnoddau a fwriadwyd ar gyfer sgriniau mwy i'w dosbarthu i bob dyfais, hyd yn oed pe na bai'r sgriniau llai hynny yn eu defnyddio yn eu cynlluniau terfynol. Mae dyluniad ymatebol wedi dod yn bell ers y dyddiau hynny a'r realiti yw nad yw safleoedd ymatebol ansawdd heddiw yn dioddef o broblemau perfformiad.

Nid yw cyflymderau lawrlwytho a gwefannau blodeuo yn broblem gwefan ymatebol - mae'n broblem y gellir ei ganfod ar bob gwefan. Delweddau sy'n rhy drwm, yn bwydo o gyfryngau cymdeithasol, sgriptiau gormodol a mwy ac yn pwyso a mesur gwefan, ond gellir adeiladu gwefannau ymatebol ac addasol i fod yn llwytho'n gyflym. Wrth gwrs , gallant hefyd gael eu hadeiladu mewn ffordd nad yw'n gwneud blaenoriaeth i berfformiad, ond nid yw hyn yn nodwedd o'r ateb ei hun, ond yn hytrach yn adlewyrchiad o'r tîm a oedd ynghlwm wrth ddatblygu'r safle ei hun.

Y tu hwnt i'r Cynllun

Un o'r agweddau mwyaf cymhellol ar ddylunio gwe addasol yw nad yn unig sydd gennych reolaeth dros ddyluniad y safle ar gyfer gosodiadau egwyl, ond hefyd yr adnoddau a ddarperir ar gyfer y fersiynau safle hynny. Er enghraifft, mae hyn yn golygu y gellir anfon delweddau retina yn unig at ddyfeisiadau retina, tra bod sgriniau nad ydynt yn retina'n cael delweddau mwy priodol sy'n llai o ran maint y ffeil. Gellir darparu adnoddau safle eraill (ffeiliau Javascript, arddulliau CSS, ac ati) yn ddigonol yn unig pan fydd eu hangen ac fe'u defnyddir.

Mae'r defnydd hwn o ddyluniad gwe addasol yn mynd ymhell y tu hwnt i'r hafaliad syml o "os ydych chi'n ail-osod gwefan, efallai y bydd addasu yn ddull haws i'w ddefnyddio." Gall pob safle, gan gynnwys ailgynllunio cyflawn, elwa o ddull mwy craff o brofiad mwy teilwra.

Mae'r senario hon yn dangos natur ddigonol y ddadl hon "ymatebol yn erbyn yr addasiad". Er ei bod yn wir y gallai ymagwedd addasu fod yn fwy addas nag ymatebol am ad-daliadau safle, gall hefyd fod yn ateb gwych ar gyfer ailgynllunio llawn. Yn yr un modd, mewn rhai achosion gellir ychwanegu dull ymatebol ar sylfaen cod presennol y safle, gan roi'r holl fanteision o ymagwedd gwbl ymatebol i'r safle hwnnw.

Pa Ymagwedd yn Well?

Pan ddaw at ddylunio gwefannau ymatebol yn erbyn ychwanegion, nid oes "enillydd" clir, er bod ymatebol yn sicr yw'r dull mwyaf poblogaidd. Mewn gwirionedd, mae'r dull "gwell" yn dibynnu ar anghenion prosiect penodol. At hynny, nid oes angen i hyn fod yn sefyllfa "un ai" na ". Mae yna lawer o weithwyr proffesiynol gwe sy'n creu safleoedd sy'n cyfuno dyluniad gwe orau ymatebol (lled hylif, cefnogaeth yn y dyfodol) gyda chryfderau dyluniad addasol (gwell rheolaeth ddylunio, llwytho'n glir o adnoddau'r safle).

Fe'i gelwir yn RESS (Dylunio Gwefannau Ymatebol gyda Chydrannau Ochr Gweinyddwr), ac mae'r dull hwn yn dangos nad oes "ateb un maint yn addas i bawb". Mae gan y ddau ddylunio gwe ymatebol ac addasol eu cryfderau a'u heriau, felly mae angen i chi benderfynu pa un yn gweithio orau ar gyfer eich prosiect penodol, neu os gall ateb hybrid fod orau i chi orau.