Көп-түзмөк Дизайн үчүн эки башка мамилелерди салыштыруу
Responsive жана ийкемдүү дизайн түзүү үчүн эки ыкмалары көп түзмөк достук сайттарын экран өлчөмдөрүн ар түрдүү жакшы иштейт. Жооп дизайн жатканда Google тарабынан сунушталган , ал эми эки ыкмаларды көбүрөөк таанымал көп түзмөк интернет үлгүсүнө Бул ыкмалардын алардын күчтүү жана алсыз жактарын бар.
анын атайын бул негизги багыттар боюнча иш алып барышат, ыкчам жана ийкемдүү Дизайн ортосундагы айырмачылыктарды карап көрөлү:
- өнүктүрүү устаты
- Сиз үлгүсүнүн үстүнөн болгон көзөмөл деъгээли
- аппараттын туурасы / экран колдоо
- Болочок достук чечим
- Жалпысынан, көчүрүү ылдамдыгын жана көрсөткүчтөрү
Айрым аныктамалар
Биз жооп жана ийкемдүү желе үлгүсүнүн биздин жанаша салыштыруу калганда, бул эки ыкмалар жогорку даражалуу аныктамасына карап, бир азга токтолуп көрөлү.
Responsive сайттар экран көлөмү колдонулган карабастан, өзгөртөт жана билген бир суюктук тектерге ээ. Медиа суроолор серепчи өлчөмүн өзгөртсө, анда жооп сайттар да, "чымындан жөнүндө" өзгөртүүгө мүмкүнчүлүк берет.
Adaptive дизайн барак биринчи жүк кийин аныкталса экран көлөмү абдан ылайыктуу макети нускасын куткарыш үчүн, алдын-ала аныкталган үзүлүү негизинде белгиленген өлчөмдөрүнө колдонот.
жерде да кенен аныктамалар менен, анын негизги басым биздин башкы багыттарынын кайрылалы.
Өнүктүрүү устаты
сезимтал жана ийкемдүү Дизайн ортосунда олуттуу айырмачылык бул чечимдер бир сайт колдонулат жол менен болот. Дизайн сайта такыр суюктук схемаларын жаратат, анткени ал сени жаткан долбоорлор боюнча колдонулат жер чейин Сайттын биртоп . жооп болуп жаткан сайттын кодун ишеничи аракет көп машакаттуу иш болуп саналат, анткени, сиз жөн гана контролдоо ээ эмес, сиз башынан баштап бул кодду иштеп чыгуу жана ошол жараянынын алгачкы баскычтарында эске жооп үлгүсүн алуу болсо болмок . Бул жооп болуп сайтка ишеничи кийин, ошол учурдагы дарегинен ичинде калыш үчүн компромисске барууга аргасыз болушат.
Эгер иштеп жаткан негизги-туурасы сайт менен иштеп жаткан болсо, анда бир күнү Чехияга сиз сайттын бекем үчүн иштелип чыккан калтыруу жана керектүү кошумча ийкемдүү үзүлүү менен кошууга болот дегенди билдирет. Кээ бир учурларда, кайсы бир долбоордун бюджети кичинекей болсо, анда ал бир гана иштеп чыгуу жана ишке киргизүү бир аз өлчөмдө жайгаша турган болсо, анда бир гана кичирээк экран / уюлдук багытталган өлчөмүн үчүн жаңы ийкемдүү үзүлүү кошуу жөнүндө чечим кабыл алышы мүмкүн. Мунун баары эле долбоорду колдонуу үчүн көп экрандарда мүмкүндүк берет дегенди билдирет, - балким, бул сайт, кыязы, башында иштелип чыккан кандай болгон 960 чекити нускасын.
ылайыкташма ыкмага тескери жакшыраак учурдагы сайттын кодун пайдалануу мүмкүн экенин, ал эми зыяны бири сиз колдоо үчүн тандап алган ар бир чекити үчүн ар кандай катмары калыптар түзүү болуп саналат. узак мөөнөттүү келечекте бул чечимди иштеп чыгуу жана кармап туруу үчүн зарыл болгон жүгү боюнча бул таасир этиши мүмкүн.
Дизайн Control
жооп сайттардын артыкчылыктарынын бири өз өзгөрмөлүүлүгү ылайыкташма мамиле аныкталган гана алдын-ала белгиленген үзүлүү каршы аларга ылайыкташа жана экран өлчөмдөрүн колдоого өбөлгө түзөт. Бирок иш жүзүндө кабыл сайттар бир негизги экран өлчөмдөрүн (адатта рынокто жеткиликтүү таанымал түзмөктөр шайкеш өлчөмдөрү) боюнча көп болушу мүмкүн экенин, бирок көрсөтмө долбоор көп адамдар элдик токтомдор ортосунда калат.
Мисалы, сайт 1400 пиксел кенен-экран калыбын зор көрүнгөнү менен, 960 пиксел орто экран көлөмү жана 480 пиксел чакан экран карап, бирок бул өлчөмдөгү ортосундагы мамлекеттер жөнүндө эмне айтууга болот? дизайнер катары, бул жол менен эч кандай көзөмөл аз өлчөмүн жана өлчөмдөгү бетине көрүү карап идеалдуу эмес, көп учурда аз.
ылайыкташма сайт менен, ар кандай долбоорлор аркылуу көп дизайн башкаруу, алар белгиленген үзүлүү негизинде өлчөмдөрү белгиленген, анткени колдонулган жок. өлкөлөрдүн ортосундагы эпсиз Бул көйгөй мындан ары кылдат коноктор жеткирилип берилет, ар бир "кара" (ар бир чекити бир ирет дегенди билдирет) иштелип чыккан, анткени эмес.
сезилиши мүмкүн дизайн контролдоо бул денгээлинде эле жагымдуу, сен бир баада экенин билиши керек. Ооба, ар бир чекити назары толук көзөмөл жок, бирок силер ошол өзгөчө планда ар бир иштеп чыгуу үчүн талап кылынган долбоор убактысын аябашы керек дегенди билдирет. Сиз көп убакыт бою иштеп турушу үчүн тандап алган көп үзүлүү ошол жараянына өткөрүү керек болот.
Колдоо туурасы
Да жооп жана ийкемдүү дизайн, өзгөчө, азыркы браузерлерде, абдан күчтүү колдоосуна ээ.
Adaptive сайттар же Server тарап компоненттерин же экран көлөмү аныктоо үчүн Javascript талап кылынат. Албетте, ылайыкташма сайт Javascript талап болсо, анда ал бир браузердин ошол сайт туура иштеши үчүн иштетилген болушу керек дегенди билдирет. Бул көп жылдан бери силерге негизги көйгөйү браузерлерде Javascript бар болушу мүмкүн эмес, бирок бир сайт нерсеге сын көз карандылыгын бар кандай гана болбосун убакта, ал белгилей кетүү керек.
Responsive сайттары жана медиа суроолор аларды бийликке бардык заманбап браузерлерде да иш алып барат. Сен үчүн гана көйгөйлөр Internet Explorer байыркы түрү менен котормолордо 8 ылдый жактан жана колдоо эмес, медиа-суроо . Бул болжол менен иштөө үчүн , бир Javascript polyfill көп колдонулат , жок эле дегенде, IE ошол азайган котормолорунда үчүн, бул жерде ошондой эле, Javascript боюнча көз карандылыгы бар дегенди түшүндүрөт. Дагы, бул сайттарды талдоо, сиз ошол улуу браузер котормолорун колдонуп, көптөгөн келгендерди кабыл албай турганын көрсөтүп турат, өзгөчө, көп силер үчүн кам болушу мүмкүн эмес.
Future Достук
жооп сайттардын суюктук табияты келечек достугуна келгенде аларга ийкемдүү сайттардын үстүнөн артыкчылык берет. Бул адамдар жооп сайттар үзүлүү гана мурда түзүлгөн тобун жайгаштыруу үчүн курулган эмес, себеби болуп саналат. Алар бүгүнкү күндө иш жүзүндө рынокто болушу мүмкүн, анын ичинде бардык экрандарда, дал ылайыкташтыргыла. Бул жооп сайттар жаңы экран чечим күтүлбөгөн таанымал болуп калса, "негизги" кереги жок дегенди билдирет.
абдан ар түрдүү түзмөк аймакта карап экраны бул кенен спектрин эске мыкты аткарган, сайтка ээ болгон (2015-жылдын ошондой эле, ал жакта 24000 так Android рыногунда аппараттар болгон) келечек достугуна үчүн абдан маанилүү болуп саналат. Бул буга чейин чындык деп чыга элек болсо, пейзаж белгилүү экрандарда же өлчөмүн дизайн, мүмкүн эмес болуп жатат дегенди билдирет келечекте бир аз ар түрдүү, ала албайт, себеби болуп саналат.
Сайт ийкемдүү болуп саналат жана ал рынокто маанилүү болушу мүмкүн жаңы токтом эске жок болсо, бул салыштыруу жагдайда башка тарабында, андан кийин сиз жараткан сайттардын көздөй деп чекити кошууга аргасыз болушат. Бул долбоорлорду көздөй долбоорлоо жана өнүктүрүү жолу кошот, ал ошол ийкемдүү сайттар ырааттуу эч кандай жаңы үзүлүү сайтына кошулган керек рыногуна киргизилген кепилдик берүү үчүн текшерүү керек дегенди билдирет. Дагы бир жумуш таасир тийгизе турган аппарат түрдүүлүгү ар дайым жаңы өлчөмү жана мүмкүн болгон жаңы үзүлүү менен аларды жайгаштырууга текшерүү үчүн болгон, ал эмне болуп жаткан кыйынчылыктар менен колдоо керек сайтына жана үчүн тейлөө наркын компания же сайт үчүн кимге уюм.
Performance
Responsive дизайн көп ылдамдыгы / аткаруу жактан начар чечим деп айыпталган (байышса, көп учурларда да) келет. Бул ыкманын алгачкы күндөрү, көптөгөн интернет дизайнерлери жөн эле сайттын азыркы CSS көздөй кичине экран медиа суроо жамалып экендиги менен шартталган. Бул да аз экрандар акыркы планда, аларды колдонгон эмес да, көп экраны арналган сүрөттөр жана ресурстар бардык түзмөктөргө окулат, мажбур. Дизайн сайта Ошол күндөрү бери узак жол жана чындык ал сапат бүгүн жооп сайттар болуп келген аткаруу проблемадан жабыр тартып жатышкан жок.
Жай жүктөп алуу ылдамдыктарына ачкадан сайттар бир жооп сайты көйгөйү эмес, бул - бардык сайттарда тапса болот көйгөй болуп саналат. Images өтө оор, коомдук массалык маалымат алып туруу болуп саналат, ашыкча ариби менен + көбүрөөк түшүп сайтты таразалап, бирок экөө тең сезимтал жана ийкемдүү сайттар тез жүктөө үчүн жасалган болушу мүмкүн. Албетте, алар да аткаруу артыкчылык албай турган жол менен курулган болушу мүмкүн, бирок бул чечим өзү бир сапат эмес, тескерисинче, сайттын өзүндө өнүктүрүүгө катышкан командасынын бир чагылуусу.
Beyond Долбоор
ийкемдүү желе дизайны абдан ынанымдуу аспектилеринин бири гана белгиленген үзүлүү үчүн сайттын дизайны көзөмөл ээ эмес экенин, бирок ошол эле учурда бул сайт түрү көрсөтүлөт ресурстары. Мисалы, бул торчо сүрөттөр эмес торчо экрандарда торчо аспаптарга гана жөнөтүлүшү мүмкүн дегенди билдирет көбүрөөк тиешелүү сүрөттөлүштөрдү алуу билэ көлөмү аз болуп саналат. Башка сайт ресурстары (Javascript делолору, CSS стилдер ж.б.) моюн толгоду зарыл жана колдонулат кийин гана ишке ашышы мүмкүн.
"Колдонуу үчүн Сиз сайтка сабагыбыз болсо, ийкемдүү бир жөнөкөй ыкма болушу мүмкүн." Деген ийкемдүү интернет долбоор алда канча жөнөкөй кашаанын ары, бул пайдалануу Бардык сайттардын толук өзгөрүүлөр, анын ичинде бир дагы Жеке тажрыйба үчүн кичирээк мамиле пайда болот.
Бул мисал, бул, "жооп Adaptive каршы" талаш айтпаганда да көрсөтүүдө. ал Чехияга сайт дедим үчүн жооп артык ылайыктуу болушу мүмкүн болсо да, бирок, ошол эле учурда толук өзгөрүүлөр үчүн бир чечим болушу мүмкүн. Ошо сыяктуу эле, кээ бир учурларда жооп ыкма ошол сайттагы толук жооп мамиленин бардык пайда берип, болгъан сайттын коду-базаны көздөй кошо болот.
Кайсы мамиле жакшы болот?
Ал ийкемдүү желе долбоорго каршы жооп келгенде, укпаган, албетте, белгилүү ыкма болуп саналат, бирок, эч кандай ачык-айкын "ээси" бар. Чынын айтканда, "жакшы" ыкма белгилүү бир долбоордун муктаждыктарына жараша болот. Мындан тышкары, бул "же / же" жагдай болушу керек эмес. ийкемдүү долбоорлоо (жакшы дизайн контролдоо, сайт ресурстарды акылдуу жүктөлүүдө) күчү менен көптөгөн интернет жооп Дизайн мыкты биригип сайттарды куруп жаткан адистер (суюктук көлөмдөгү, келечектеги колдоо) бар.
Адатта Көзөмөлдүк (Server Side компоненттери менен Responsive Web Design) деген ат менен белгилүү болгон, мындай мамиле, чынында, эч ким жок экенин көрсөтүп турат ", бир өлчөмү бардык чечүүгө туура келет." Эки жооп дизайн жана ийкемдүү, алардын күчтүү жана алардын кыйынчылыктары бар, ошондуктан ким экенин аныктоо үчүн зарыл белгилүү бир долбоор үчүн мыкты иштейт, же гибриди чечим иш жүзүндө жакшы сага жакпагандыктан мүмкүн болсо.