Стратэгія распрацоўкі адаптыўнага дызайну сайта
Сучасныя тэхналогіі ўжо даўно прылаўчыцца да галоўнага патрабаванню чалавека – выгодзе і функцыянальнасці. Шматлікія навамодныя кампутары, планшэтныя прылады, смартфоны і іншыя гаджэты з кожным днём усё больш здзіўляюць нас сваімі магчымасцямі і наборам выкананых функцый.
Улічваючы тое, што дазвол экрана прылад можа вар'іравацца ад 320 і аж да 2560 пікселяў і нават вышэй, таму сайты са стандартнай шырынёй сыходзяць у мінулае разам з web 2.0. Прагрэсіўныя павевы патрабуюць прымянення распрацоўшчыкамі адаптыўнага дызайну, які аднолькава карэктна б адлюстроўваўся на ўсіх прыладах, што дазволіць адмовіцца ад вельмі бесперспектыўнай неабходнасці ствараць некалькі версій сайта (wap, pda) пад розныя прылады.
Сам па сабе працэс стварэння адаптыўнага сайта патрабуе сур'ёзнай інтэграцыі працы дызайнера і распрацоўніка. Пры гэтым не існуе адзінага эфектыўнага алгарытму, ідэальная канцэпцыя выпрацоўваецца індывідуальна для кожнага канкрэтна ўзятага праекта.
Тым не менш, пастараемся вылучыць асноўныя этапы.
Праектная стадыя
Як і ў выпадку з любым іншым інтэрнэт-рэсурсам, першай вылучаецца і рэалізуецца праектная стадыя. У гэты момант кіраўніком праекта збіраецца інфармацыя аб бізнэсе кліента, яго структуры, асноўных прапановах канкурэнтаў, ставяцца выніковыя задачы.
Далей у працэсе зносін з дызайнерам і распрацоўшчыкам ацэньваюцца магчымыя варыянты інтэрфейсу, аналізуецца важнасць кожнага функцыянальнага элемента, каб можна было вызначыць, ад чаго для эканоміі рэсурснай базы можна было б адмовіцца. Пры гэтым пажадана кіравацца нятленнай ісцінай «чем інтэрфейс менш, тым ён лучше».
Як і ў выпадку з любым іншым інтэрнэт-рэсурсам, першай вылучаецца і рэалізуецца праектная стадыя. У гэты момант кіраўніком праекта збіраецца інфармацыя аб бізнэсе кліента, яго структуры, асноўных прапановах канкурэнтаў, ставяцца выніковыя задачы.
Далей у працэсе зносін з дызайнерам і распрацоўшчыкам ацэньваюцца магчымыя варыянты інтэрфейсу, аналізуецца важнасць кожнага функцыянальнага элемента, каб можна было вызначыць, ад чаго для эканоміі рэсурснай базы можна было б адмовіцца. Пры гэтым пажадана кіравацца нятленнай ісцінай «чем інтэрфейс менш, тым ён лучше».
Модульная сетку
Праектная стадыя дае распрацоўніку і дызайнеру велізарную ежу для разважанняў. Пасля яе завяршэння настае пара падумаць аб стварэнні модульнай сеткі будучага сайта. Гэта дазволіць знайсці ідэальны баланс эфектыўнасці і камфорту. Пры гэтым можна выкарыстоўваць такі функцыянальны інструмент як генератар модульнай сеткі.
Праектная стадыя дае распрацоўніку і дызайнеру велізарную ежу для разважанняў. Пасля яе завяршэння настае пара падумаць аб стварэнні модульнай сеткі будучага сайта. Гэта дазволіць знайсці ідэальны баланс эфектыўнасці і камфорту. Пры гэтым можна выкарыстоўваць такі функцыянальны інструмент як генератар модульнай сеткі.
Дызайн сайта
Як ні дзіўна, але дызайн сайта не знаходзіцца ў авангардзе працэсу распрацоўкі адаптыўнага прадукту. Нават можна сказаць больш – сам па сабе дызайн не гуляе важнай ролі: дызайнеру дастаткова проста расставіць блокі па распрацаванай модульнай сетцы, і затым ўзгадніць атрыманы варыянт з распрацоўшчыкам і кіраўніком праекта.
Як ні дзіўна, але дызайн сайта не знаходзіцца ў авангардзе працэсу распрацоўкі адаптыўнага прадукту. Нават можна сказаць больш – сам па сабе дызайн не гуляе важнай ролі: дызайнеру дастаткова проста расставіць блокі па распрацаванай модульнай сетцы, і затым ўзгадніць атрыманы варыянт з распрацоўшчыкам і кіраўніком праекта.
Вёрстка
Гатовыя psd-макеты перадаюцца на вёрстку. Далей вярстальшчык піша пад кожны дыяпазон значэнняў (дазвол) розныя стылі пры дапамозе інструментара HTML5, CSS, JavaScript.
Гатовыя psd-макеты перадаюцца на вёрстку. Далей вярстальшчык піша пад кожны дыяпазон значэнняў (дазвол) розныя стылі пры дапамозе інструментара HTML5, CSS, JavaScript.
Тэставанне
Кампіляцыя і тэставання з'яўляюцца аднымі з найважнейшых задач у атрыманні адаптыўнага сайта. Некарэктнае адлюстраванне рэсурсу ў тым ці іншым браўзэры або на тым ці іншым прыладзе будзе казаць пра тое, што пастаўленая задача максімальнай адаптыўнасць яшчэ не дасягнутая. Таксама варта звяртаць увагу на хуткасць загрузкі сайта на розных платформах, правільнасць адлюстравання водступаў, шрыфтоў, абразкоў, аптымізацыю стыляў.
Кампіляцыя і тэставання з'яўляюцца аднымі з найважнейшых задач у атрыманні адаптыўнага сайта. Некарэктнае адлюстраванне рэсурсу ў тым ці іншым браўзэры або на тым ці іншым прыладзе будзе казаць пра тое, што пастаўленая задача максімальнай адаптыўнасць яшчэ не дасягнутая. Таксама варта звяртаць увагу на хуткасць загрузкі сайта на розных платформах, правільнасць адлюстравання водступаў, шрыфтоў, абразкоў, аптымізацыю стыляў.
Распрацоўка і прывязка
Завяршае праект стварэння адаптыўнага дызайну сайта працэс прывязкі сайта да CMS альбо фактычнае праграмаванне з нуля. Вынікам усіх гэтых дзеянняў павінен быць якасны адаптыўны вэб-дызайн сайта.
Завяршае праект стварэння адаптыўнага дызайну сайта працэс прывязкі сайта да CMS альбо фактычнае праграмаванне з нуля. Вынікам усіх гэтых дзеянняў павінен быць якасны адаптыўны вэб-дызайн сайта.