Ko'p qurilma veb-dizayniga ikki xil yondashishni solishtirish
Ta'sirchan va moslashuvchan veb-dizayn har ikkala ekran registri bo'yicha yaxshi ishlaydigan ko'p qurilma bilan ishlaydigan veb-saytlar yaratish usullari. E'tiborli veb-dizaynni Google tomonidan tavsiya etilsa va ikkala yondashuvdan ham ommalashgan bo'lsa, ko'p qurilma veb-dizaynlari uchun ushbu usullarning ikkalasi ham kuchli va zaif tomonlariga ega.
Keling, diqqatga sazovor va moslashuvchan veb-dizayni o'rtasidagi farqlarni ko'rib chiqaylik, ayniqsa quyidagi asosiy yo'nalishlarga e'tibor qaratishimiz kerak:
- Rivojlanish qulayligi
- Siz dizayni ustida nazorat qilish darajasi
- Qurilma / ekranni qo'llab-quvvatlashning kengligi
- Kelajakda yechim qanday samimiy
- Umumiy yuklab olish tezligi va sayt ishlashi
Ba'zi ta'riflar
Tez va moslashuvchan veb-dizaynni yonma-yon taqqoslashimizdan oldin, ushbu ikki yondashuvning yuqori darajadagi ta'rifiga qaraylik.
Respondiv veb-saytlarda ishlatiladigan ekran o'lchamidan qat'i nazar, o'zgaruvchan va moslashtiradigan suyuqlik tartibi mavjud. Media-so'rovlar javobgar saytlarga brauzer o'lchamlarini o'zgartirsa ham "tezda" o'zgartirish imkonini beradi.
Adaptiv dizayn sahifa yuklangandan keyin aniqlanadigan ekran o'lchamlari uchun eng munosib tartibni taqdim etish uchun oldindan belgilangan kesilgan nuqtalarga asoslangan qattiq o'lchamlarni qo'llaydi.
Bu keng ta'riflar bilan, keling, diqqat markazimizga murojaat qilaylik.
Rivojlanish qulayligi
E'tiborli va moslashuvchan veb-dizayni o'rtasidagi eng muhim farq, ushbu echimlar veb-saytga qo'llanilishidir. E'tiborli dizayn butunlay suyuqlik tartibini yaratganligi sababli , saytni yuqoridan qayta loyihalashtiradigan loyihalarda eng yaxshi qo'llaniladi. Mavjud veb-sayt kodini javob berishga harakat qilish odatda qiyinchiliklarga duch keladi, chunki siz ushbu kodni noldan boshlab va ushbu jarayonning dastlabki bosqichlarida hisobga olinadigan rejani hisobga olsangiz, sizda nazorat qilish darajasiga ega emassiz . Bu shuni anglatadiki, siz saytni javob berishni qaytadan yaratganingizda, siz mavjud kod bazasi ichida qolish uchun murosaga kelishingiz kerak.
Mavjud sobit-kenglikdagi veb-sayt bilan ishlayotgan bo'lsangiz, moslashuvchan yondashuv saytning buzilganligi uchun mo'ljallangan hajmni qoldirib, kerak bo'lganda qo'shimcha adaptiv nuqta qo'shishingiz mumkinligini anglatadi. Ba'zi hollarda, agar loyihaning byudjeti kichik bo'lsa va u faqatgina kichik hajmdagi rivojlanish ishlariga mos keladigan bo'lsa, siz kichik ekran / mobil markazga asoslangan o'lchamlar uchun yangi adaptiv to'xtash nuqtalarini qo'shishni tanlashingiz mumkin. Bu sizga katta ekranlarni bir xil tartibda foydalanish imkonini beradi degan ma'noni anglatadi - ehtimol bu sayt uchun dastlab mo'ljallangan bo'lishi mumkin bo'lgan 960 ta breakpoint versiyasi.
Moslashuvchan yondashuvning yuqoriligi siz mavjud sayt kodini yanada yaxshiroq ishlatishingiz mumkin, lekin sizni qo'llab-quvvatlash uchun tanlagan har qanday to'xtash nuqtasi uchun turli layout shablonlarini yaratishingiz mumkin. Bu echim uzoq muddat davomida ushbu echimni ishlab chiqish va saqlash uchun zarur bo'lgan ish yukiga ta'sir qiladi.
Dizayn nazorati
E'tiborli veb-saytlarning kuchli tomonlaridan biri, ularning oqimligi, ularga moslashtirilgan yondashuvda aniqlangan oldindan belgilangan chiqish nuqtalaridan farqli ravishda, barcha ekranlar hajmlarini moslashtirish va qo'llab-quvvatlash imkonini beradi. Haqiqat, ammo sezgir saytlar muayyan asosiy ekran o'lchamlarida katta ko'rinishi mumkin (odatda bozorda mavjud bo'lgan mashhur qurilmalarga mos keladigan kattaliklar), lekin ingl. Dizayn odatda bu mashhur echimlar o'rtasida bo'linadi.
Misol uchun, 1400 pikselli keng ekranli ekran, 960 pikselli ekranning o'lchamlari va 480 pikselli kichik displeyda sayt ajoyib ko'rinishi mumkin, ammo bu o'lchamdagi davlatlar haqida nima deyish mumkin? Dizayner sifatida siz bu o'lchovlar orasida hech qanaqa nazorat o'rnatmaysiz va bu o'lchamdagi sahifaning ingl. Ko'rinishi odatda ideallardan kamroq.
Moslashuvchan veb-sayt bilan, siz turli xil tartiblarni ishlatishingiz uchun ancha ko'proq dizayn nazoratiga egasiz, chunki ular sizning belgilangan kesik nuqtalaringizga asoslanib aniqlangan o'lchamlardir. Ushbu noqulay davlatlar endi muammo emas, chunki tashrif buyuruvchilarga etkaziladigan har bir "ko'z" (ya'ni har bir chiqish nuqtasi belgisi) diqqat bilan tayyorlangan.
Dizaynni nazorat qilishning ushbu darajasiga qarab, jozibador bo'lishi mumkin, shuning uchun u narxdan xabardor bo'lishi kerak. Ha, siz har qanday to'xtash nuqtasining ko'rinishini to'liq nazorat qilasiz, ammo bu noyob nizomlarning har biri uchun mo'ljallangan dizayn vaqtini investitsiyalashingiz kerak. Tasarlamoqchi bo'lgan qanchalar keskinliklar, ushbu jarayonga qancha vaqt sarflashingiz kerak.
Ko'makning kengligi
Har ikki javob beruvchi va moslashuvchan veb-dizayn, ayniqsa, zamonaviy brauzerlarda juda kuchli qo'llab-quvatlanadi.
Adaptiv veb-saytlar ekranning o'lchamlarini aniqlash uchun server tomonidagi komponentlarni yoki Javascriptni talab qiladi. Shubhasiz, agar moslashtirilgan sayt Javascriptni talab qiladigan bo'lsa, demak, bu sayt to'g'ri ishlashi uchun brauzer yoqilgan bo'lishi kerak. Bu siz uchun katta ahamiyatga ega bo'lmasligi mumkin, chunki ko'pchilik brauzerlarda Javascriptga ega bo'ladi, ammo har qanday vaqtda sayt har qanday narsaga jiddiy bog'liq.
Samarali veb-saytlar va ularga tegishli bo'lgan ommaviy axborot so'rovlari barcha zamonaviy brauzerlarda yaxshi ishlaydi. Internet Explorer ning eng qadimgi versiyalari bilan sizda mavjud bo'lgan yagona muammo 8 va undan keyingi versiyalarda ommaviy axborot so'rovlarini qo'llab-quvvatlamaydi. Bunga erishish uchun Javascript polifillasi tez-tez ishlatiladi , ya'ni bu erda Javascriptga qaramlik mavjud, hech bo'lmaganda IE ning eskirib qolgan versiyalari uchun. Shunga qaramay, bu sizga juda katta qiziqish uyg'otmasligi mumkin, ayniqsa, agar sizning saytingiz tahlillari ushbu eski brauzer versiyalari yordamida siz ko'p mehmon olmagan bo'lsangiz.
Kelajakdagi do'stlik
E'tiborli veb-saytlarning suyuqlik tabiati kelajakda do'stona munosabatda bo'lganda adaptiv saytlardan ustunlik beradi. Buning sababi shundaki, bu ta'sirchan saytlar faqat oldindan o'rnatilgan kesish nuqtalarini o'rnatish uchun yaratilmagan. Ular bugungi kunda bozorda bo'lmasligi mumkin bo'lgan barcha ekranlarga moslashishga moslashadi. Ya'ni, agar yangi ekranning to'siqlari birdan ommalashib ketgan bo'lsa, javob beradigan saytlar "barqaror" bo'lishi shart emas.
Qurilma landshaftidagi ajoyib xususiyatlarga qaramasdan (2015-yil avgust oyi holatiga ko'ra, bozorda 24 mingdan ortiq turli Android qurilmalari mavjud edi), bu keng ekranli ekranni saqlash uchun eng yaxshi imkoniyatga ega sayt, kelajakda do'st bo'lish uchun juda muhimdir. Buning sababi shundaki, kelajakda bu manzara kelajakda kamroq turlicha bo'lishiga shubha qilmaydi, ya'ni aniq ekranlar yoki o'lchamlarni loyihalashtirish, agar bu haqiqatga erishmagan bo'lsak, imkonsiz bo'ladi.
Ushbu taqqoslashning ssenariysi boshqa tomonda, agar sayt moslashtirilsa va bozorda muhim bo'lishi mumkin bo'lgan yangi qarorlar qabul qilmasa, siz o'sha nuqta nuqtasini yaratgan saytlarga qo'shishingiz mumkin. Ushbu loyiha va ishlab chiqish vaqtini loyihalarga qo'shib qo'yadi va demak, saytga qo'shilishi kerak bo'lgan bozorga hech qanday yangi nuqsonlar qo'yilmasligini ta'minlash uchun ushbu adaptiv saytlar izchil ravishda monitoring qilinishi kerak. Shunga qaramay, qurilma xilma-xilligi har doim yangi o'lchamlarni tekshirib turishi va ularni yangi kesish nuqtalari bilan ta'minlashi mumkin bo'lgan bo'lsa, bu saytni qo'llab-quvvatlash uchun zarur bo'lgan ishlarga ta'sir qiladigan davom etadigan muammo bo'lib, Sayt uchun mo'ljallangan kompaniya yoki tashkilot.
Ishlash
E'tiborli veb-dizayn uzoq vaqtdan beri (ko'p holatlarda nohaqlik bilan) yuklab olish tezligi / ishlash nuqtai nazaridan kambag'al yechim sifatida ayblandi. Bu asosan ushbu yondashuvning dastlabki kunlarida ko'plab veb-dizaynerlar saytdagi mavjud CSS-ga kichik ekranli ommaviy axborot so'rovlarini o'tkazdi. Bu katta ekranlar uchun mo'ljallangan barcha rasm va resurslarni barcha qurilmalarga yetkazib berishga majbur qildi, hatto bu kichik ekranlar ularni oxirgi tartibida ishlatmasa ham. Bugungi kunga kelib, e'tiborni tortadigan dizayn uzoq vaqtga to'g'ri keldi va haqiqat, bugungi kunda sifati sezgir bo'lgan saytlar ishlash muammolariga duch kelmayapti.
Sekin yuklab olish tezligi va shishirilgan veb-saytlar sezgir veb-sayt muammosi emas - bu barcha veb-saytlarda mavjud bo'lgan muammo. Juda og'ir rasmlar, ijtimoiy axborot vositalaridan, ortiqcha skriptlardan va yana ko'p narsalarni keltirib chiqaradi va saytni pastga tortadi, lekin tezkor yuklash uchun har ikkala javob beruvchi va moslashuvchan veb-saytlarni qurish mumkin. Albatta , ular ishlashni ustuvor qilmaydigan qilib yaratilishi mumkin, ammo bu yechimning o'ziga xos xususiyati emas, balki saytning o'zi rivojlanishida ishtirok etgan jamoaning aksi.
Mizanpajdan tashqari
Adaptiv veb-dizaynning eng jozibali jihatlaridan biri siz faqat sizning saytingizning aniq dizayni uchun dizaynini emas, balki ushbu sayt versiyalari uchun yetkazilgan resurslarni nazorat qilishingizdan iborat. Misol uchun, bu retina tasvirlari faqat retina qurilmalariga yuborilishi mumkin, ammo retinal bo'lmagan ekranlar fayl o'lchamidagi kichikroq mos tasvirlarni olishadi. Boshqa sayt resurslari (Javascript fayllari, CSS uslublari va boshqalar) faqat kerak bo'lganda va ulardan foydalanilganda oqilona etkazib berilishi mumkin.
Adaptiv veb-dizaynni ishlatish "agar siz veb-saytni yangilab tursangiz, moslashuvchan bo'lishi osonroq yondashuv bo'lishi mumkin" degan oddiy tenglamadan ancha uzoqlashadi. Barcha saytlar, shu jumladan to'liq qayta jihozlash, yanada qulayroq bo'lgan tajribaga nisbatan oqilona yondoshuvdan foyda keltirishi mumkin.
Ushbu senariy ushbu "moslashuvchan va moslashuvchan" munozaralarning nufuzli xususiyatini ko'rsatadi. Adaptiv yondashuv saytlarni takomillashtirishga nisbatan sezgir bo'lishdan ko'ra mosroq bo'lishi mumkin bo'lsa-da, u ham to'liq redesigns uchun ajoyib echim bo'lishi mumkin. Xuddi shunday, ba'zi hollarda mavjud saytning kod-bazasiga sezgir yondashuvni qo'shish mumkin, bu saytga to'liq javob beruvchi yondashuvning barcha afzalliklari.
Qaysi taxmin yaxshiroq?
Moslashuvchan veb-dizaynga nisbatan sezgir bo'lganida, aniq "g'olib" yo'q, garchi sezgir bo'lsa-da, ko'proq mashhur uslubdir. Aslida, "yaxshi" yondashuv muayyan loyiha ehtiyojlariga bog'liq. Bundan tashqari, bu "yoki / yoki" vaziyat bo'lishi shart emas. Moslashuvchan dizaynning kuchli tomonlari bilan (yaxshi dizayn nazorati, sayt resurslarini oqilona yuklash) eng yaxshi javob beradigan veb-dizaynlarni (suyuqlik kengligi, kelajakda qo'llab-quvvatlovchi) birlashtiradigan saytlarni quradigan ko'plab veb-mutaxassislar mavjud.
Odatda RESS (Server tomoni komponentlari bilan javobli veb-dizayn) deb ham ataladigan bu yondashuv, albatta, hech bir "o'lchamga mos kelmasligi" ni ko'rsatmoqda. Har ikkala veb-dizayn va moslashuvchanlik o'zining kuchli va qiyinchiliklariga ega, shuning uchun Sizning maxsus loyihangiz uchun eng yaxshi ishlaydi, yoki gibrid echim sizni eng yaxshi moslashtirsa.