Спагадны вэб-дызайн

Сучасныя магчымасці інтэрнэту складана пераацаніць. Да таго ж, з кожным днём павялічваецца колькасць прылад, з дапамогай якіх можна падлучыцца да сусветнай павуціне.

Зазірнуць на віртуальныя пляцоўкі сёння можна са стацыянарнага кампутара, тэлефона, ноўтбука або планшэта. Падключэнне да інтэрнэту даступна таксама з функцыяналу хатняга кінатэатра, дысплея спартыўных трэнажораў, аўтамабільнага навігатара і нават халадзільніка. Менавіта таму так важна, каб распрацоўка вэб дызайну сайта і вэб-прыкладанняў была прыдатная для доступу з усіх прылад.

Пошук аптымальных варыянтаў распрацоўкі дызайну

Спачатку ўзнікла ідэя складалася ў распрацоўцы асобнай версіі сайта, аптымальнай для пэўнага прылады. Такі варыянт і цяпер выкарыстоўваецца. Разам з гэтым, яму ўласцівыя істотныя мінусы. Так, прапанаваныя распрацоўкі першапачаткова абмяжоўваліся двума версіямі сайта дэсктопнай і мабільнай, паколькі стварэнне большай колькасці было не апраўдана з эканамічнага пункту гледжання. У той жа час, цяпер, нават тэлефоны маюць рознае дазвол, што робіць выкарыстанне асобных версій ня прымальным.

Пазней з'явілася ідэя, па стварэнні сайта з «резиновым» макетам, здольным сціскацца або расцягвацца згодна вырашэнню экранаў прылад. Вялікім недахопам гэтага варыянту стала прыкметнае скажэнне фатаграфій і адукацыю на старонках пустых зон.

Найбольш рацыянальным аказалася рашэнне на карысць распрацоўкі спагадлівага вэб-дызайну, які дазваляе вырабляць праектаванне і распрацоўка сайта згодна з якім карыстаецца вырашэнню, у тым ліку яго платформы і арыентацыі. Па сутнасці, тэхналогіі такога вэб-сайта павінны аўтаматычна рэагаваць на налады карыстальніка. Responsive Web Design (спагадны вэб-дызайн) уяўляе з сябе спалучэнне гумовых малюнкаў (у т.ч. відэаролікаў) і макета з тэхналогіямі Media Queries, якія адказваюць за адаптацыю сайта пад налады карыстацкага экрана. Якія прымяняюцца спагаднай версіяй сродкі CSS3 вызначаюць дазвол і выдаюць адпаведны вынік.

Такі падыход быў упершыню распрацаваны Ітанам Маркоттом амаль 20 гадоў таму (у 2009 годзе) і знайшоў адлюстраванне ў кнізе з аднайменнай назвай - «Responsive Web Design».

Спагадны дызайн ў ацэнцы прафесіяналаў

Існуе шэраг праблем спагадлівага вэб-дызайну, Якія адзначаюць прафесіяналы :

• наяўнасць асабліва дызайнерскіх праблем з аптымізацыяй размяшчэння інфармацыі ;
• пагроза страты індывідуальнасці сайта, абумоўленая імкненнем да мінімізацыі ;
• з'яўленне праблем з вёрсткай, што тлумачыцца ростам кода, і хуткасцю загрузкі старонак ;
• павелічэнне выдаткаў трафіку і рэсурсаў на фоне змяншэння малюнкаў браўзэрам ;
• асаблівасці працы Media Queries пры прайграванні розных варыянтаў малюнкаў.

Нельга не адзначыць і галоўны прынцып спагадлівага вэб-дызайну Mobile First, згодна з якім сайт распрацоўваецца першапачаткова для мабільнага гаджэта, пасля чаго дапрацоўваюцца пашыраюць элементы.

Адаптыўны і спагадны дызайн – адрозненні распрацовак

Некаторыя дызайнеры лічаць Adaptive і Responsive дызайны – ідэнтычнымі варыянтамі, а іншыя схільныя знаходзіць у іх істотныя адрозненні.

Згодна з распрацоўцы Ітана Маркотта, спагадны дызайн абмяжоўваецца працай выключна з макетам старонкі (макет, гнуткія малюнка, медиазапросы), што з'яўляецца, па сутнасці, часткай адаптыўнага дызайну. Бо адаптыўны варыянт гэта некалькі большае. Адаптыў ўключае асобны макет, створаны спалучэннем шматлікіх гарызантальных параметраў адной шырыні і можа выступаць адной з формаў спагадлівага дызайну сайта. Такім чынам , паняцце адаптыўнага вэб-дызайну ўключае спагадны дызайн, дапоўнены прагрэсіўнымі паляпшэннямі.

Спагадны дызайн лепш выкарыстоўваць сайтам, якія імкнуцца прыцягнуць кліентаў. Зручны функцыянал дазволіць азнаёміцца з магчымасцямі пляцоўкі з любой прылады, гарантуе лёгкасць прагляду, характэрную для канкрэтных асобных версій сайта.