Що таке адаптивний дизайн?
Адаптивний веб-дизайн з'явився порівняно недавно. Як поняття його ввів І.Маркотт в 2010 році. Це словосполучення означає, що при розробці та створенні сайту були використані методи і прийоми, які дозволяють переглядати інформацію як на великих, так і на малих пристроях. При цьому в користувача не виникає особливих незручностей.
В даний час в інтернет можна зайти з комп'ютера, ноутбука, нетбука, айфона, айпеда, телефонів з самим різним екраном та ін. Робити під кожен пристрій свою версію сайту досить затратно. І в цьому випадку на допомогу приходить адаптивний дизайн.
У число прийомів, які використовує даний напрямок, входять:
- «Підгонка» веб-сторінки під різні розміри і дозволу екрану-
- облік такого явища як тачскрін, яка не передбачає використання мишки (тут також звертають увагу на небажаність меню з лівого боку, тому що користувачі є переважно правшами, що тягне за собою періодичне «зачіпання» меню, коли девайс знаходиться в лівій руці) -
- використання динамічних зображень, які змінюють свої розміри (тут перед розробниками стоять дві основні проблеми - швидкість завантаження та підтримка конфігурації сторінки усіма браузерамі- наприклад, опцію max width 100% в CSS не підтримують деякі версії Інтернет Експлорера) -
- зміна конфігурації всього макету сайту при заході на нього з різних гаджетів (фахівці, практикуючі адаптивний дизайн, звертають увагу на корисну опцію CSS media queries, яка дає можливість прописати основний стиль і «уточнити» параметри для різних екранів) -
- робота з контентом, що припускає, що для основних форматів підібрано такий зміст, який легко прочитати без втрати інформативності (наприклад, для телефонних версій великі рекламні фотографії має сенс поміняти на посилання та ін.) -
- створення один стовпчик ресурсів-
- переформатування таблиць або подання даних у вигляді діаграм / малюнків-
- формування випадає меню-
- багаторазове тестування отриманих результатів.
Адаптивний дизайн розвивається досить швидко (разом із зростанням числа і виду пристроїв, а також користувачів Мережі). Тому сьогодні можна знайти безліч прикладів сайтів, виконаних з застосуванням цієї методики, а також програми, що дозволяють створити «гумові» сітки або згенерувати готові сайти, маючи тільки основні знання html і CSS.
Все про дизайн сайтів можна дізнатися, пройшовши кілька етапів, серед яких можна відзначити роботу з графічними редакторами, а також вивчення основ верстки, яке дозволяє не тільки намалювати красиву картинку і шрифти, а й мати уявлення про те, як деталі можуть бути «перенесені» на екран засобами програмування. Така комбінація навичок дозволяє уникнути зайвих «переробок» і нерозуміння з боку тих, хто буде реалізовувати дизайнерські задумки. Не будуть зайвими професійну художню освіту і знання в області фотографії. А «аси» знають ще іноземні мови, тому переважно на англомовних ресурсах публікуються нові цікаві статті та методики, в тому числі з мітками «Адаптивний дизайн».