Олон төрлийн Вэб дизайн руу хоёр өөр аргыг харьцуулах
Хариуцлагатай, дасан зохицох веб дизайн нь янз бүрийн дэлгэцийн хэмжээн дээр сайн ажилладаг олон-төхөөрөмжтэй, найрсаг вэбсайт бий болгох хоёр арга юм. Хариуцлагатай вэб дизайныг Google-ийн зөвлөж байгаа бөгөөд энэ хоёр аргыг илүү өргөн хэрэглэдэг бол олон төрлийн вэб дизайны эдгээр аргууд хоёулаа давуу болон сул талуудтай байдаг.
Туслах болон дасан зохицох вэб дизайн хоёрын ялгаа, эдгээр гол асуудлууд дээр анхаарлаа хандуулъя.
- Хөгжлийн хялбар байдал
- Дизайнаас танд тавих хяналтын түвшин
- Төхөөрөмж / дэлгэцийн дэмжлэгийн тал
- Цаашид хэрхэн шийдэж болох вэ?
- Татаж авах хурд болон сайтын гүйцэтгэлийн нийт дүн
Зарим тодорхойлолтууд
Харилцан тохирох, дасан зохицох вэб дизайныг харьцуулахын өмнө эдгээр хоёр аргын өндөр түвшний тодорхойлолтыг харцгаая.
Хариуцсан вэбсайтууд нь дэлгэцийн хэмжээнээс үл хамааран өөрчлөгдөж, дасан зохицохуйц шингэн байрлалтай байдаг. Медиа эзэмшигчид хариу өгөх сайтуудыг өөрчлөх боломжтой бол "шууд" өөрчлөх боломжтой.
Дасан зохицох загвар нь хуудсын эхний ачаалалд илэрсэн дэлгэцийн хэмжээтэй тохирсон хамгийн тохиромжтой байршлын хувилбарыг хүргэхийн тулд урьдчилан тодорхойлсон breakpoints дээр суурилсан тогтмол хэмжээг ашиглана.
Эдгээр өргөн хүрээний тодорхойлолтууд дээр бид гол анхаарлаа төвлөрүүлэх чиглэлээ авцгаая.
Хөгжлийн хялбар байдал
Дасан зохицох, дасан зохицох вэб дизайн хоёрын хамгийн чухал ялгаа нь эдгээр шийдлүүдийг вэбсайтад ашигладаг арга зам юм. Ухаалаг дизайн нь бүрэн хэмжээний шингэний байрлалд ордог учир та сайтыг сайтаас дахин дизайн хийх төслүүдэд хамгийн сайн ашиглах болно . Одоо байгаа вэбсайтын кодыг өөрчлөхийг оролдож байгаа бол энэ нь ихэвчлэн хэцүү асуудал юм. Учир нь та уг кодыг эхнээс нь боловсруулж, тэрхүү процессын эхний үе шатанд тохирсон дизайнтай болсон бол танд хяналт тавих түвшинд байхгүй . Өөрөөр хэлбэл, сайтыг хариу үйлдэл үзүүлэхэд өөрчлөлт орсон тохиолдолд одоо байгаа кодон дотор үлдэхийн тулд та буулт хийхийг шаардана гэсэн үг юм.
Хэрэв та одоо байгаа тогтмол өргөнтэй вэбсайттай ажиллаж байгаа бол дасан зохицох арга нь сайтаас бүрэн хэмжээгээр бүтээгдсэн хэмжээгээр үлдээж болох бөгөөд шаардлагатай бол нэмэлт дасан зохицох завсарлага цэг дээр нэмнэ гэсэн үг юм. Зарим тохиолдолд, хэрэв төслийн төсөв бага, хэрвээ энэ нь зөвхөн бага хэмжээний хөгжлийн ажилд тохирсон бол та зөвхөн жижиг дэлгэц / хөдөлгөөнт төвтэй хэмжээтэй шинэ дасан зохицох завсарлага авахыг сонгож болно. Энэ нь та бүхэн бүгд ижил байрлуулалтыг ашиглахыг зөвшөөрөх гэсэн үг юм. Энэ нь 960 breakpoint хувилбар байсан бөгөөд энэ нь анхнаасаа дизайн хийгдсэн байж магадгүй юм.
Дасан зохицох арга барилаас илүүтэйгээр та одоо байгаа сайтын кодыг илүү сайн хөшүүрэг болгож чадна гэсэн үг юм. Гэсэн хэдий ч нэг дутагдалтай тал бол та дэмжих цэг бүрт зориулсан өөр өөр загвар маягтуудыг үүсгэж байгаа явдал юм. Энэхүү шийдэл нь урт хугацааны туршид энэхүү шийдлийг боловсруулах, хадгалахад шаардагдах ажлын ачаалалд нөлөөлнө.
Зураг төслийн хяналт
Хариуцлагатай вэбсайтын нэг давуу тал бол тэдгээрийн дасан зохицол нь дасан зохицох хандлагад тодорхойлсон урьдчилан тогтоосон цэгээс эсрэг дэлгэцийн бүх хэмжээг дасан зохицох, дэмжих боломжийг олгодог явдал юм. Гэхдээ бодит байдал нь хариу үйлдлийн сайтууд нь гол гол дэлгэцийн хэмжээ (ихэвчлэн зах зээл дээр байдаг алдартай төхөөрөмжүүдэд тохирсон хэмжээгээр) их харагдах болно. Гэхдээ харааны загвар нь эдгээр алдартай шийдвэрүүдийн хооронд тасалддаг.
Жишээ нь, сайт нь 1400 пиксель, дэлгэцийн хэмжээ нь 960 пикселийн хэмжээтэй, жижиг дэлгэц нь 480 пиксель харагдана, гэхдээ эдгээр хэмжээ нь хоорондоо ялгаатай мужуудын талаар юу мэдэх вэ? Зохион бүтээгчийн хувьд тэдгээр хоорондын хэмжээнээс хамааралгүй, тэдгээрийн нүдэнд харагдах байдал нь хамгийн тохиромжтой биш байдаг.
Дасан зохицох вебсайттай бол, танд маш олон төрлийн дизайнтай хяналтыг бий болгосон. Эдгээр харанхуй мужуудын хооронд үүссэн эвгүй байдал нь цаашид "анхаарал болгоомжлох" (завсарлагааны цэг бүрийг харуулсан) болгоомжтойгоор төлөвлөж байснаар зочдод хүргэх болно.
Дизайны хяналтын түвшин энэ үед сонирхолтой байх тул та үүнийг үнээр ирдэг гэдгийг мэдэж байх ёстой. Тийм ээ, та завсарлага бүрийн харагдах байдалд бүрэн хяналт тавьдаг, гэхдээ та эдгээр өвөрмөц хэв маяг бүрийг гаргахад шаардагдах дизайны цагийг хөрөнгө оруулалт хийх ёстой гэсэн үг юм. Загвар хийхээр төлөвлөж буй илүү том завсар, энэ үйл явцад зарцуулах цаг хугацаа их шаардагдана.
Дэмжлэгийн тал
Дасан зохицох, дасан зохицох вэб дизайн хоёулаа орчин үеийн браузеруудад маш сайн дэмжлэг үзүүлдэг.
Дасан зохицох вэбсайт нь серверийн нүүрний бүрэлдэхүүн хэсгүүд эсвэл дэлгэцийн хэмжээг илрүүлэх Javascript-ийг шаарддаг. Мэдээжийн хэрэг, хэрэв дасан зохицох сайт нь Javascript-ийг шаарддаг бол тухайн сайт зөв ажиллахын тулд хөтөчийг идэвхжүүлэх хэрэгтэй гэсэн үг юм. Энэ нь ихэнх хүмүүст Javascript-ийг хөтөлдөг байх болно, гэхдээ аль ч сайт нь ямар нэгэн чухал зүйлээс хамааралтай байх ёстойг анхаарах хэрэгтэй.
Тэдгээрийг хүчирхэгжүүлсэн вэбсайтууд болон мэдээллийн мессежүүд бүх орчин үеийн хөтчүүд дээр ажиллах болно. Таны Internet Explorer-ийн хамгийн хуучин хувилбарууд нь 8 болон түүнээс хойшхи хувилбаруудаас хойш медиа асуултуудыг дэмждэггүй. Үүнийг тойрон ажиллахын тулд Javascript полфилиллийг ихэвчлэн ашигладаг бөгөөд энэ нь энд Javascript-аас хамааралтай байдаг, наад зах нь IE-ийн эртний хувилбарууд байдаг. Дахин хэлэхэд, энэ нь танд илүү санаа зовох хэрэггүй байж магадгүй, ялангуяа таны сайтын анализууд хуучин хөтөчийн хувилбаруудыг ашиглан олон зочин хүлээн авахгүй байгааг харуулж байна.
Ирээдүйн нөхөрсөг байдал
Хариуцлагатай вэбсайтын шингэний шинж чанар нь ирээдүйн нөхөрсөг байдалд дасан зохицох цэгүүдийн давуу талыг тэдэнд өгдөг. Яагаад гэвэл эдгээр хариу үйлдлийн сайтууд нь урьд өмнө байгуулагдсан эвдэрсэн цэгүүдийг багтаахад зориулагдаагүй байдаг. Тэд бүх дэлгэцэн дээр, үүнд одоогийн зах зээл дээр байхгүй байж болох зүйлсийг багтаадаг. Энэ нь шинэ дэлгэцийн нягтрал гэнэт түгээмэл болсон тохиолдолд хариу өгөх газрууд "тогтмол" байх шаардлагагүй гэсэн үг юм.
Төхөөрөмжийн ландшафтын гайхалтай олон төрлийг (2015 оны 8-р сарын байдлаар зах зээл дээрх 24,000 ялгаатай Андройд төхөөрөмжүүд байсан), энэ өргөн цар хүрээтэй дэлгэцийг байрлуулах сайттай байх нь ирээдүйд ээлтэй байх нь маш чухал ач холбогдолтой юм. Энэ нь ландшафт ирээдүйд ямар ч ялгаагүй байх магадлал багатай юм, учир нь бид тухайн бодит байдалд хүрч чадаагүй бол тусгай дэлгэц, хэмжээ хийхэд зориулж зураг төсөл хийх боломжгүй болно гэсэн үг юм.
Энэ харьцуулалтын нөгөө тал дээр, сайт нь дасан зохицох чадвартай бөгөөд зах зээлд чухал болох шинэ тогтоолуудыг багтаахгүй бол та өөрийн үүсгэсэн сайтууд дээрээ энэ завсарлагыг нэмж албадаж болно. Энэ нь төслийн дизайн болон хөгжлийн хугацааг төслүүд дээр нэмдэг бөгөөд энэ нь дасан зохицох сайтуудыг байнга хянаж байх ёстой бөгөөд энэ нь сайт дээр шинээр нэмж оруулах зах зээлийн шинэ завсарлага байхгүй гэдгийг баталгаажуулах ёстой. Дахин хэлэхэд төхөөрөмжийн олон төрлүүд нь ямар байх ёстой, шинэ хэмжигдэхүүнүүдийг байнга шалгаж байх шаардлагатай, шинэ цэг тасалдуулах боломжтой байх нь байнгын сорилт бөгөөд энэ нь сайтыг дэмжих, засвар үйлчилгээний зардалд нөлөөлж байх болно. тухайн сайтыг хариуцсан компани эсвэл байгууллага.
Гүйцэтгэл
Хариуцлагатай вэб дизайн нь татаж авах хурд / гүйцэтгэлийн талбараас ядуу шийдэл болж чаддаг (олон тохиолдолд шударга бусаар). Энэ арга нь эрт дээр үед олон вэб дизайнерууд нь сайтын CSS-д жижиг дэлгэцийн мессежийг тавьдаг байсантай холбоотой юм. Энэ нь том дэлгэцэнд зориулсан зураг, нөөцийг бүх төхөөрөмжид хүргэхийг шаарддаг. Хариуцлагатай загвар нь тэр өдрөөс хойш маш урт хугацаанд ирдэг бөгөөд бодит байдал нь чанарын шаардлага хангасан сайтууд өнөөдөр гүйцэтгэлийн асуудалтай тулгардаггүй.
Татаж авах хурд, түр зуурын вэбсайтууд нь вэбсайттай холбоотой асуудал биш юм. Энэ нь бүх вэбсайтаас олж болох асуудал юм. Хэт хүнд байгаа зурагнууд, олон нийтийн хэвлэл мэдээллийн хэрэгслээс тэжээл, хэт их скриптүүд болон бусад зүйлсийг сайтаас нь сайтар нягталж үзээрэй, гэхдээ хариу болон дасан зохицох вэбсайтууд нь хурдан ачаалахын тулд бүтээгдэж болно. Мэдээжийн хэрэг , тэдгээр нь гүйцэтгэлийг нэн тэргүүнд тавьдаггүй арга замаар баригдаж болно, гэхдээ энэ нь шийдэлийн шинж биш, гэхдээ тухайн сайтыг хөгжүүлэхэд оролцсон багийн тусгал юм.
Байрны гадна талд
Дасан зохицох веб дизайны хамгийн хүчирхэг хэсгүүдийн нэг бол та зөвхөн вэбсайтын дизайныг хянахын тулд зөвхөн вэбсайтын дизайныг хянахаас гадна тэдгээр сайтын хувилбаруудад хүргэж өгөх нөөцүүд юм. Жишээ нь, retina дүрс нь зөвхөн retina төхөөрөмжүүд уруу илгээгддэг бол retina дэлгэц нь файлын хэмжээ бага хэмжээтэй илүү тохиромжтой зураг авах боломжтой гэсэн үг юм. Бусад сайтын нөөц (Javascript файлууд, CSS хэлбэрүүд гэх мэт) зөвхөн хэрэгцээтэй үед ашиглах боломжтой болно.
Дасан зохицох веб дизайныг ашиглах нь "хэрэв та вэбсайтад өөрчлөлт хийх бол дасан зохицох нь ашиглахад хялбар арга байж магадгүй" гэсэн энгийн тэгшитгэлээс хол давсан байдаг. Бүх сайтууд, бүрэн шинэчлэлтүүдийг оролцуулаад бүх сайтууд илүү нарийн тохирсон туршлагад хүрэх боломжтой.
Энэ хувилбар нь "хариу үйлдэлтэй дасан зохицох" мэтгэлцээний энергийн шинж чанарыг харуулж байна. Дасан зохицох арга нь сайтын загварт нийцсэнээс илүү тохиромжтой байж болох ч энэ нь бүрэн шинэчлэлт хийхэд тохиромжтой шийдэл байж болох юм. Үүний нэгэн адил, зарим тохиолдолд хариу мэдээлэлтэй арга нь одоо байгаа сайтын код-суурь дээр нэмж, тэр сайтыг бүрэн хариу арга барилаар хандах бүх ашиг тусыг өгдөг.
Аль аргыг илүү сайн гэж үздэг вэ?
Дасан зохицох веб дизайнтай харьцуулахад хариу нь тодорхойгүй байдаг боловч хариу үйлдэл нь илүү түгээмэл арга юм. Үнэндээ "илүү сайн" хандлага нь тухайн төслийн хэрэгцээнээс хамаарна. Цаашилбал, энэ нь "аль нэг нь" эсвэл "нөхцөл байдал байх албагүй. Тохиромжтой вэб дизайн (шингэний өргөн, ирээдүйн дэмжлэг) -ийг хослуулсан сайтуудыг бий болгож чадсан вэбсайтууд нь дасан зохицох дизайны давуу талуудтай (дизайныг илүү сайн хянах, сайтын нөөцийг ухаалаг ачаалах).
RESS (Серверийн Хажуу Бүрэлдэхүүн хэсгүүдтэй Responsive Web Design) гэгддэг энэ арга нь "нэг шийдэл нь бүх шийдэлтэй нийцэхгүй" байгаагүй нь харагдаж байна. Зохистой вэб дизайн, дасан зохицох чадвар нь тэдний давуу тал, тэдгээрийн сорилтуудтай тул та хэнийг таны тодорхой төсөл дээр хамгийн сайн ажиллана, эсвэл эрлийз шийдэл нь танд хамгийн сайн тохирсон байвал.