Рэклама, Графічны дызайн
Што такое адаптыўны дызайн?
Адаптыўны вэб-дызайн з'явіўся параўнальна нядаўна. Як паняцце яго ўвёў И.Маркотт ў 2010 годзе. Гэта словазлучэнне азначае, што пры распрацоўцы і стварэнні сайта былі выкарыстаныя метады і прыёмы, якія дазваляюць праглядаць інфармацыю як на вялікіх, так і на малых прыладах. Пры гэтым у карыстача не ўзнікае асаблівых нязручнасцяў.
У цяперашні час у інтэрнэт можна зайсці з кампутара, ноўтбука, нэтбука, айфона, айпеда, тэлефонаў з самым розным экранам і інш. Рабіць пад кожнае прылада сваю версію сайта досыць затратна. І ў гэтым выпадку на дапамогу прыходзіць адаптыўны дызайн.
У лік прыёмаў, якія выкарыстоўвае дадзены кірунак, уваходзяць:
- «падганянне» вэб-старонкі пад розныя памеры і дазволу экрана ;
- ўлік такой з'явы як тачскрын, якое не прадугледжвае выкарыстанне мышкі (тут таксама звяртаюць увагу на непажаданасць меню з левага боку, таму што карыстальнікі з'яўляюцца пераважна правша, што цягне за сабой перыядычнае «задевание» меню, калі девайс знаходзіцца ў левай руцэ);
- выкарыстанне дынамічных малюнкаў, якія змяняюць свае памеры (тут перад распрацоўшчыкамі стаяць дзве асноўныя праблемы - хуткасць загрузкі і падтрымка канфігурацыі старонкі усімі браўзэрамі; да прыкладу, опцыю max width 100% у CSS не падтрымліваюць некаторыя версіі Інтэрнэт Эксплорера);
- змяненне канфігурацыі ўсяго макета сайта пры заходзе на яго з розных гаджэтаў (адмыслоўцы, якія практыкуюць адаптыўны дызайн, звяртаюць увагу на карысную опцыю CSS media queries, якая дае магчымасць прапісаць асноўны стыль і "ўдакладніць» параметры для розных экранаў);
- праца з кантэнтам, якая прадугледжвае, што для асноўных фарматаў падабрана такое ўтрыманне, якое лёгка прачытаць без страты інфарматыўнасці (напрыклад, для тэлефонных версій буйныя рэкламныя фатаграфіі мае сэнс памяняць на спасылкі і інш.);
- стварэнне одноколоночных рэсурсаў;
- перафарматаванне табліц або прадстаўленне дадзеных у выглядзе дыяграм / малюнкаў ;
- фарміраванне выпадальнага меню;
- шматразовае тэставанне атрыманых вынікаў.
Адаптыўны дызайн развіваецца даволі хутка (разам з ростам колькасці і віду прылад, а таксама карыстальнікаў Сеткі). Таму сёння можна знайсці мноства прыкладаў сайтаў, выкананых з ужываннем гэтай методыкі, а таксама праграмы, якія дазваляюць стварыць «гумовыя» сеткі або згенераваць гатовыя сайты, маючы толькі асноўныя веды html і CSS.
Усе аб дызайне сайтаў можна даведацца, прайшоўшы некалькі этапаў, сярод якіх можна адзначыць працу з графічнымі рэдактарамі, а таксама вывучэнне асноў вёрсткі, якое дазваляе не толькі намаляваць прыгожую карцінку і шрыфты, але і мець уяўленне аб тым, як дэталі могуць быць «перанесены» на экран сродкамі праграмавання. Такая камбінацыя навыкаў дазваляе пазбегнуць лішніх «пераробак» і неразумення з боку тых, хто будзе рэалізоўваць дызайнерскія задумкі. Не будуць лішнімі прафесійнае мастацкую адукацыю і веды ў галіне фатаграфіі. А «асы» ведаюць яшчэ замежныя мовы, бо пераважна на англамоўных рэсурсах публікуюцца новыя цікавыя артыкулы і методыкі, у тым ліку з пазнакамі «Адаптыўны дызайн».
Similar articles
Trending Now