Responsive

Основна увага в адаптивному стилі приділяється композиційному рішенню. Необхідно відзначити, що в даному стилі не використовується традиційна колончаста структура, а застосовується гнучка система модулів. В даний час існує декілька адаптивних макетів, кожен з яких має ряд переваг і підходить для вирішення тих чи інших завдань.

• Перший макет «гумовий» має на увазі стиск основних блоків до ширини екрану мобільного пристрою, а в тих випадках, коли стиснення неможливо – блоки автоматично перебудовуються в довгу стрічку.
• Другий – перемикання макетів, має на увазі створення окремого макета під кожне розширення екрану. Даний спосіб є найбільш ефектним, але і найбільш трудомістким в розробці.
• І третій – «панелі», який прийшов з мобільних додатків. В даному способі використовується не вертикальна, а горизонтальна прокрутка.

Схеми в адаптивному стилі різноманітні. Тут можуть застосовуватися як контрастні, так і монохромні варіанти. Однак, слід відмовитися від надмірного використання графічних ефектів, таких як тіні, півтони тощо. З точки зору графічної складової в адаптивному стилі використовуються так звані «гнучкі» зображення, які однаково добре виглядають в різних дозволах екрану. При цьому, від анімації краще відмовитися, адже далеко не завжди швидкість і якість з’єднання з інтернетом дозволяє досить швидко і якісно завантажити всі елементи. У шрифтах варто відмовитися від різних незвичайних і декоративних шрифтів, віддаючи перевагу більш традиційним варіантам.

Слід пам’ятати про те, що текст повинен однаково добре читатися, а значить, якщо на великому екрані, наприклад, рукописний шрифт ще буде легко читати, то на екрані смартфона розглянути написане буде дуже проблематично.

Виходячи з усього вищесказаного хтось може поставити запитання: чи не логічніше створити звичайний веб-сайт, а для інших пристроїв замовити розробку мобільного додатку. Звичайно, в деяких випадках такий крок дійсно виправданий, проте, мобільні додатки мають ряд суттєвих недоліків. По-перше, для кожної операційної системи необхідна окрема версія додатка, в той час як сайт в адаптивному стилі буде виглядати однаково добре на будь-якому пристрої. По-друге, мобільний додаток потребує окремої завантаження та встановлення, і якщо користувач не впевнений в тому, що цей додаток йому дійсно потрібно, він, швидше за все, від нього відмовиться. По-третє, для подібних додатків трафік вважається окремо, а значить, навіть в тому випадку, якщо додаток буде користуватися популярністю, це жодним чином не позначиться на просуванні сайту в пошукових системах.

Таким чином, сайт в адаптивному стилі буде найбільш оптимальним рішенням для тих, хто хотів би значно збільшити кількість відвідувачів свого сайту. Виходячи зі статистичних даних, частка мобільного трафіку з кожним роком збільшується. Широкі функціональні можливості дозволяють адаптувати для мобільних пристроїв не тільки найпростіші сайти-візитки, але і складні інтернет-магазини або корпоративні сайти.